/* ============================================================
   Negocios con IA, paginas de cada servicio (hoteles, paqueterias, WhatsApp...).
   Mismo sistema que la portada: papel marfil, tinta casi negra, un solo
   acento naranja rojizo y Geist. Cada pagina responde primero la pregunta
   de quien busca ("que es / que hace") y despues cuenta la historia con fotos.
   ============================================================ */
:root{
  --papel:#F6F3EC;
  --papel-2:#EEEAE0;
  --tarjeta:#FCFBF7;
  --tinta:#16140F;
  --tinta-2:#4A463D;
  --tinta-3:#6B665B;
  --linea:rgba(22,20,15,.10);
  --linea-2:rgba(22,20,15,.20);
  --acento:#E4572E;
  --acento-txt:#B1401D;
  --sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,'Cascadia Mono',monospace;
  --ease:cubic-bezier(.23,1,.32,1);
  --r:16px;
  --maxw:1180px;
  --gutter:clamp(20px,4vw,40px);
  --cab:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--cab) + 16px)}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:650;text-wrap:balance}
p{margin:0;text-wrap:pretty}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.salto{position:absolute;left:-9999px}
.salto:focus{left:16px;top:12px;z-index:100;background:var(--tinta);color:var(--papel);padding:10px 14px;border-radius:10px}

/* cabecera */
.cab{position:sticky;top:0;z-index:50;height:var(--cab);background:rgba(246,243,236,.94);border-bottom:1px solid var(--linea);backdrop-filter:saturate(1.2) blur(10px)}
.cab .wrap{height:100%;display:flex;align-items:center;gap:28px}
.marca{display:inline-flex;align-items:center;gap:9px;font:650 17px/1 var(--sans);text-decoration:none;letter-spacing:.01em}
.marca i{font-style:normal;color:var(--acento)}
.cab nav{margin-left:auto}
.cab nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.cab nav a{font-size:15px;color:var(--tinta-2);text-decoration:none}
.cab nav a:hover,.cab nav a[aria-current="page"]{color:var(--tinta)}
.cab nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--acento);text-underline-offset:6px;text-decoration-thickness:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font:600 15px/1 var(--sans);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:transform 180ms var(--ease),background-color 180ms var(--ease)}
.btn:active{transform:scale(.97)}
.btn-tinta{background:var(--tinta);color:var(--papel)}
.btn-tinta:hover{background:#2a2720}
.btn-borde{background:transparent;color:var(--tinta);border-color:var(--linea-2)}
.btn-borde:hover{background:var(--papel-2)}
.btn-chico{min-height:40px;padding:0 18px;font-size:14px}

/* migas */
.migas{padding-top:28px}
.migas ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font:500 13px/1.4 var(--mono);color:var(--tinta-3)}
.migas li+li::before{content:"/";margin-right:8px;color:var(--linea-2)}
.migas a{text-decoration:none}
.migas a:hover{color:var(--tinta)}

/* portada */
.portada{padding:36px 0 clamp(64px,8vw,104px)}
.portada .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,64px);align-items:center}
.portada h1{font-size:clamp(36px,4.8vw,60px);line-height:1.05;letter-spacing:-.03em}
.portada h1 em{font-style:normal;color:var(--acento-txt)}
.bajada{margin-top:22px;font-size:19px;line-height:1.55;color:var(--tinta-2);max-width:34em}
.acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.portada figure{margin:0}
.portada img{width:100%;border-radius:var(--r);aspect-ratio:16/10;object-fit:cover}
.portada figcaption{margin-top:10px;font-size:14px;color:var(--tinta-3)}

/* secciones */
.seccion{padding:clamp(72px,9vw,124px) 0}
.seccion+.seccion{border-top:1px solid var(--linea)}
.seccion h2{font-size:clamp(30px,3.6vw,44px);line-height:1.1;letter-spacing:-.02em;max-width:20ch}
.intro{margin-top:16px;font-size:18px;color:var(--tinta-2);max-width:40em}

/* video real */
.video{margin:40px 0 0}
.video video{width:100%;border-radius:var(--r);background:#0a0e1a;aspect-ratio:16/10}
.video figcaption{margin-top:12px;font-size:14px;color:var(--tinta-3);max-width:60em}

/* historia con fotos */
.historia{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:clamp(40px,6vw,72px)}
.escena{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.escena:nth-child(even) figure{order:2}
.escena figure{margin:0}
.escena img{width:100%;border-radius:14px;aspect-ratio:16/9;object-fit:cover}
.escena h3{font-size:clamp(22px,2.2vw,28px);line-height:1.2;letter-spacing:-.01em}
.escena p{margin-top:12px;color:var(--tinta-2);max-width:32em}

/* funciones */
.funciones{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:34px 32px}
.funciones li{padding-top:18px;border-top:1px solid var(--linea-2)}
.funciones h3{font-size:18px;line-height:1.3}
.funciones p{margin-top:8px;font-size:16px;color:var(--tinta-2)}

/* bloque oscuro: por que no se puede hacer trampa */
.oscuro{background:var(--tinta);color:var(--papel)}
.oscuro .intro,.oscuro p{color:#CFC9BC}
.garantias{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
.garantias h3{font-size:20px;color:var(--papel)}
.garantias p{margin-top:8px}
.oscuro .foto-ancha{margin:48px 0 0}
.oscuro .foto-ancha img{border-radius:14px;width:100%}

/* preguntas */
.preguntas{margin-top:36px;max-width:820px}
.preguntas details{border-bottom:1px solid var(--linea)}
.preguntas summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;font-size:18px;font-weight:600}
.preguntas summary::-webkit-details-marker{display:none}
.preguntas summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid var(--tinta-3);border-bottom:2px solid var(--tinta-3);transform:translateY(-70%) rotate(45deg);transition:transform 200ms var(--ease)}
.preguntas details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.preguntas details p{padding:0 0 22px;color:var(--tinta-2);max-width:44em}

/* otros servicios */
.otros{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.otros a{display:block;height:100%;padding:22px 22px 24px;background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;text-decoration:none;transition:border-color 180ms var(--ease),transform 180ms var(--ease)}
.otros a:hover{border-color:var(--linea-2);transform:translateY(-2px)}
.otros b{display:block;font-size:17px}
.otros span{display:block;margin-top:6px;font-size:15px;color:var(--tinta-2)}

/* cierre */
.cierre{background:var(--papel-2)}
.cierre .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:32px;align-items:end}
.cierre p{margin-top:14px;font-size:18px;color:var(--tinta-2);max-width:36em}

/* pie */
.pie{border-top:1px solid var(--linea);padding:64px 0 calc(36px + env(safe-area-inset-bottom,0px));font-size:15px}
.pie-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:36px}
.pie h2{font:500 12.5px/1.3 var(--mono);color:var(--tinta-3);margin-bottom:12px}
.pie p{color:var(--tinta-2);margin-top:12px;max-width:30ch}
.pie ul{list-style:none;margin:0;padding:0}
.pie li a{display:block;padding:5px 0;color:var(--tinta-2);text-decoration:none}
.pie li a:hover{color:var(--tinta)}
.pie-fin{margin-top:40px;padding-top:20px;border-top:1px solid var(--linea);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--tinta-3);font-size:14px}

@media (max-width:900px){
  .portada .wrap,.escena,.cierre .wrap{grid-template-columns:1fr}
  .escena:nth-child(even) figure{order:0}
  .garantias{grid-template-columns:1fr}
  .pie-grid{grid-template-columns:1fr 1fr}
  .pie-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:760px){
  .cab nav{display:none}
  .cab .btn{margin-left:auto}
  body{font-size:16px}
  .bajada{font-size:17px}
  .acciones .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

/* nueve funciones: tres por fila en pantallas grandes, sin una sola al final */
@media (min-width:1000px){.funciones.tres{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* platica de ejemplo del agente de WhatsApp */
.chat{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden}
.chat-top{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--linea)}
.chat-top i{width:34px;height:34px;border-radius:50%;background:var(--tinta);color:var(--acento);display:grid;place-items:center;font-style:normal;font-size:14px;flex-shrink:0}
.chat-top b{display:block;font-size:15px;line-height:1.2}
.chat-top span{display:block;font:500 11.5px/1.4 var(--mono);color:var(--tinta-3)}
.chat-cuerpo{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--papel)}
.msg{max-width:84%;padding:9px 12px 7px;border-radius:14px;font-size:15px;line-height:1.4}
.msg small{display:block;margin-top:3px;text-align:right;font:500 10.5px/1 var(--mono);opacity:.6}
.msg-c{align-self:flex-start;background:var(--tarjeta);border:1px solid var(--linea);border-bottom-left-radius:4px}
.msg-a{align-self:flex-end;background:var(--tinta);color:var(--papel);border-bottom-right-radius:4px}
.msg-s{align-self:center;font:500 12px/1.3 var(--mono);color:var(--acento-txt);background:rgba(228,87,46,.11);padding:6px 10px;border-radius:99px;text-align:center}
.venta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:start;margin-top:44px}
.venta .notas{list-style:none;margin:0;padding:0;display:grid;gap:26px;position:sticky;top:calc(var(--cab) + 32px)}
.venta .notas h3{font-size:19px}
.venta .notas p{margin-top:6px;color:var(--tinta-2)}

/* videos y antes y despues */
.medios{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px 32px}
.medio figure{margin:0}
.medio video,.medio img{width:100%;border-radius:14px;background:#0f0e0b}
.medio .vertical{aspect-ratio:9/16;object-fit:cover;max-height:560px}
.medio h3{margin-top:16px;font-size:20px}
.medio p{margin-top:6px;color:var(--tinta-2);font-size:16px}
.par{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:14px;align-items:end}
.par figcaption{margin-top:8px;font:500 12.5px/1.3 var(--mono);color:var(--tinta-3)}
.demos{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.demos a{display:block;text-decoration:none;background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;overflow:hidden;transition:border-color 180ms var(--ease),transform 180ms var(--ease)}
.demos a:hover{border-color:var(--linea-2);transform:translateY(-2px)}
.demos img{width:100%;aspect-ratio:16/10;object-fit:cover}
.demos div{padding:16px 18px 18px}
.demos span{display:block;font:500 12.5px/1.3 var(--mono);color:var(--tinta-3)}
.demos b{display:block;margin-top:6px;font-size:17px}
.pasos{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.pasos li{padding-top:18px;border-top:2px solid var(--tinta)}
.pasos h3{font-size:19px}
.pasos p{margin-top:8px;color:var(--tinta-2);font-size:16px}
@media (max-width:900px){.venta{grid-template-columns:1fr}.venta .notas{position:static}}
@media (min-width:1000px){.demos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* menu del celular (11-sep-2026): boton arriba con todos los servicios */
.menu-cel{display:none;position:relative}
.menu-cel summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--linea-2);font:600 14px/1 var(--sans)}
.menu-cel summary::-webkit-details-marker{display:none}
.menu-cel[open] summary{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.menu-cel-panel{position:fixed;left:0;right:0;top:var(--cab);background:var(--papel);border-bottom:1px solid var(--linea-2);box-shadow:0 18px 30px rgba(22,20,15,.12);padding:8px var(--gutter) 18px;max-height:calc(100dvh - var(--cab));overflow-y:auto}
.menu-cel-panel a{display:block;padding:14px 0;border-bottom:1px solid var(--linea);font:600 17px/1.25 var(--sans);text-decoration:none}
.menu-cel-panel a:last-child{border-bottom:0}
.menu-cel-panel a[aria-current="page"]{color:var(--acento-txt)}
@media (max-width:760px){
  .cab{background:var(--papel)}
  .menu-cel{display:block;margin-left:auto}
  .cab .btn{margin-left:0}
}
/* el panel del menu es un <nav> dentro del encabezado: la regla que oculta la lista de escritorio en celular no debe ocultarlo */
.cab nav.menu-cel-panel{display:block;margin-left:0}

/* ============================================================
   Tono propio por servicio (12-sep-2026). Misma marca, logo y Geist;
   cambian paleta, radios y un detalle firma. Se elige con <body data-tema="...">.
   ============================================================ */
/* hoteles: calido, de hospitalidad */
body[data-tema="hotel"]{--papel:#F8F2EA;--papel-2:#F0E5D6;--tarjeta:#FFFBF5;--tinta:#241915;--tinta-2:#55463D;--tinta-3:#75655A;--linea:rgba(36,25,21,.1);--linea-2:rgba(36,25,21,.2);--acento:#A63A2B;--acento-txt:#8E2F22;--r:22px}
[data-tema="hotel"] .cab{background:rgba(248,242,234,.94)}
[data-tema="hotel"] .portada{background:radial-gradient(110% 90% at 100% 0%,#F1D8BE 0%,rgba(241,216,190,0) 62%)}
[data-tema="hotel"] .portada img{box-shadow:0 34px 60px -30px rgba(110,55,25,.5)}
[data-tema="hotel"] .escena img{border-radius:22px}
[data-tema="hotel"] .oscuro{background:#2B1A15}
[data-tema="hotel"] .btn-tinta:hover{background:#3A2A24}

/* paqueterias: industrial, naranja de seguridad */
body[data-tema="paqueteria"]{--papel:#F1F1EE;--papel-2:#E3E3DE;--tarjeta:#FAFAF8;--tinta:#15181B;--tinta-2:#40464C;--tinta-3:#5F666D;--linea:rgba(21,24,27,.12);--linea-2:rgba(21,24,27,.24);--acento:#F08C00;--acento-txt:#935300;--r:6px}
[data-tema="paqueteria"] .cab{background:rgba(241,241,238,.97)}
[data-tema="paqueteria"] .cab::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:repeating-linear-gradient(-45deg,#F08C00 0 12px,#15181B 12px 24px)}
[data-tema="paqueteria"] .btn,[data-tema="paqueteria"] .menu-cel summary{border-radius:6px}
[data-tema="paqueteria"] .portada h1 em{background:#F08C00;color:#15181B;padding:0 .14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[data-tema="paqueteria"] .seccion h2::before{content:"";display:block;width:48px;height:6px;background:var(--acento);margin-bottom:20px}
[data-tema="paqueteria"] .oscuro{background:#15181B}
[data-tema="paqueteria"] .escena img,[data-tema="paqueteria"] .portada img{border-radius:6px}

/* agente de WhatsApp: verde de conversacion, formas redondas */
body[data-tema="whatsapp"]{--papel:#F2F5EF;--papel-2:#E2EBDD;--tarjeta:#FBFDF9;--tinta:#0F1F16;--tinta-2:#3A4C40;--tinta-3:#5A6B5F;--linea:rgba(15,31,22,.1);--linea-2:rgba(15,31,22,.2);--acento:#1FA855;--acento-txt:#12743A;--r:26px}
[data-tema="whatsapp"] .cab{background:rgba(242,245,239,.94)}
[data-tema="whatsapp"] .portada h1 em{background:#D2F1DB;color:var(--acento-txt);padding:0 .26em;border-radius:.55em .55em .55em .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[data-tema="whatsapp"] .btn-tinta{background:#12743A;color:#fff}
[data-tema="whatsapp"] .btn-tinta:hover{background:#0E6030}
[data-tema="whatsapp"] .chat-cuerpo{background:#E5EEDF}
[data-tema="whatsapp"] .msg-a{background:#CFF3D8;color:var(--tinta)}
[data-tema="whatsapp"] .otros a{border-radius:22px}

/* automatizacion: tablero de control, cuadricula y azul */
body[data-tema="automatizacion"]{--papel:#F3F4F7;--papel-2:#E6E8EF;--tarjeta:#FBFBFD;--tinta:#131826;--tinta-2:#414A5E;--tinta-3:#5F687B;--linea:rgba(19,24,38,.1);--linea-2:rgba(19,24,38,.2);--acento:#3D5AFE;--acento-txt:#2E47D1;--r:10px}
[data-tema="automatizacion"] .cab{background:rgba(243,244,247,.94)}
[data-tema="automatizacion"] .portada{background-image:linear-gradient(rgba(19,24,38,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(19,24,38,.055) 1px,transparent 1px);background-size:32px 32px}
[data-tema="automatizacion"] .pasos li{border-top-color:var(--acento)}
[data-tema="automatizacion"] .funciones li{border-top-style:dashed}
[data-tema="automatizacion"] .btn{border-radius:10px}

/* paginas web: editorial, titulos grandes y subrayado de marcador */
body[data-tema="paginas"]{--papel:#FBF9F6;--papel-2:#F2EEE8;--tarjeta:#FFFFFF;--tinta:#1A1418;--tinta-2:#4D4449;--tinta-3:#6E656A;--linea:rgba(26,20,24,.1);--linea-2:rgba(26,20,24,.2);--acento:#D6336C;--acento-txt:#AD2358;--r:20px}
[data-tema="paginas"] .cab{background:rgba(251,249,246,.94)}
[data-tema="paginas"] .portada h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-.045em}
[data-tema="paginas"] .portada h1 em{color:var(--tinta);background:linear-gradient(transparent 60%,#F8C6D8 60%)}
[data-tema="paginas"] .demos a{border-radius:20px}

/* videos con IA: oscuro y cinematografico */
body[data-tema="videos"]{color-scheme:dark;--papel:#0F0E11;--papel-2:#18171B;--tarjeta:#1D1C21;--tinta:#F3F0EA;--tinta-2:#C8C3BA;--tinta-3:#A19C93;--linea:rgba(243,240,234,.1);--linea-2:rgba(243,240,234,.22);--acento:#FF5A36;--acento-txt:#FF8566;--r:14px}
[data-tema="videos"] .cab{background:rgba(15,14,17,.92)}
[data-tema="videos"] .btn-tinta:hover{background:#FFFFFF}
[data-tema="videos"] .portada{background:radial-gradient(80% 70% at 85% 5%,rgba(255,90,54,.2),rgba(255,90,54,0) 62%)}
[data-tema="videos"] .oscuro{background:#000;color:var(--tinta)}
[data-tema="videos"] .oscuro a{color:var(--tinta)!important}
[data-tema="videos"] .medio video,[data-tema="videos"] .medio img{box-shadow:0 24px 50px -24px rgba(0,0,0,.9)}
[data-tema="videos"] .menu-cel-panel{box-shadow:0 18px 30px rgba(0,0,0,.5)}

/* ===== v24 (26-sep-2026): el mismo menu de 5 en todas las paginas. Con 5 ligas la lista
   de escritorio ya no cabe en tablet: ahi se usa el boton de Menu. ===== */
.cab nav ul{gap:22px}
@media (max-width:1040px){
  .cab nav:not(.menu-cel-panel){display:none}
  .menu-cel{display:block;margin-left:auto}
  .cab .btn{margin-left:0}
}

/* Negocios con IA: logo con zorro y 'by Negocios con IA' chico debajo */
.marca i svg{width:18px;height:18px;display:block}
.marca-txt{display:flex;flex-direction:column;gap:4px;line-height:1}
.marca-txt small{font-size:9.5px;font-weight:500;letter-spacing:.08em;opacity:.62}

/* ===================== 12-oct-2026: paginas directo =====================
   Quien abre "Conseguir mas clientes" ya quiere ver paginas: cada tarjeta abre el demo en 1 clic. */
.pd-intro{margin:4px 0 0;font-size:16px;color:var(--tinta-2);max-width:60ch}
.pd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:20px}
.pd{display:flex;flex-direction:column;border:1px solid var(--linea);border-radius:var(--r);background:var(--tarjeta);overflow:hidden;color:inherit;text-decoration:none;transition:border-color 180ms var(--ease),transform 180ms var(--ease)}
.pd-medio{position:relative;display:block;aspect-ratio:16/11;background:#fff;overflow:hidden;border-bottom:1px solid var(--linea)}
.pd-medio video,.pd-medio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd-txt{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.pd-giro{font:500 12px/1.3 var(--mono);color:var(--tinta-3)}
.pd-txt b{margin-top:6px;font-size:17px;line-height:1.2;letter-spacing:-.02em}
.pd-p{margin-top:6px;font-size:14px;line-height:1.45;color:var(--tinta-2)}
.pd-ir{margin-top:auto;padding-top:12px;font-weight:600;font-size:14.5px;color:var(--tinta)}
.pd-ir i{font-style:normal;display:inline-block;transition:transform 180ms var(--ease)}
.pd:active{transform:scale(.99)}
@media (hover:hover) and (pointer:fine){.pd:hover{border-color:var(--tinta)}.pd:hover .pd-ir i{transform:translateX(4px)}}
@media (max-width:1040px){.pd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pd-txt{padding:10px 12px 12px}.pd-txt b{font-size:15px}.pd-p{display:none}.pd-ir{font-size:13.5px;padding-top:8px}}
.pd-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1240px){.pd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-grid .pd:nth-child(n+9){grid-column:span 2}.pd-grid .pd:nth-child(n+9) .pd-medio{aspect-ratio:16/7}}
@media (max-width:1040px){.pd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-grid .pd:nth-child(n+9){grid-column:auto}.pd-grid .pd:nth-child(n+9) .pd-medio{aspect-ratio:16/11}}

.seccion .pd-grid{margin-top:28px}