/* Contenedor .cryogenic, no .cryo: el plugin «Cryogenic Portfolio» usa el
   prefijo .cryo- y conviene que ninguna regla se cruce con la otra. */
/* CRYOGENIC STUDIOS
   Paleta fría: el nombre viene de congelar, no de la sangre.
   Photo Xperience es negro y rojo; esto es hielo con el rojo solo en la acción. */
/* overflow-x:clip en vez de hidden: hidden crearía un contenedor de scroll y
   dejaría de funcionar la cabecera pegajosa. */
.cryogenic{overflow-x:clip}
.cryogenic img,.cryogenic svg,.cryogenic video{max-width:100%}
.cryogenic{
  --tinta:#0B0F16; --sup:#141A24; --sup2:#1C2532; --linea:#28313F;
  --hueso:#EDF0F3; --gris:#8B96A5; --hielo:#1792E8; --calido:#EB470D; --rojo:#E8292B; --rojo-d:#BF1E20;
  --r:14px; --r-s:9px; --r-l:22px;
  --velo-hielo:rgba(23,146,232,.09); --velo-rojo:rgba(232,41,43,.08);
  --borde-luz:rgba(23,146,232,.26);
  background:var(--tinta);color:var(--hueso);
  font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.cryogenic *{box-sizing:border-box}
.cryogenic h1,.cryogenic h2,.cryogenic h3,.cryogenic .cifra,.cryogenic .btn,.cryogenic .wa{
  font-weight:500;line-height:1.16;margin:0}

.cryogenic p{margin:0 0 15px;color:#B9C1CC}
.cryogenic a{color:var(--hielo);text-decoration:none}
.cryogenic img{max-width:100%;display:block;height:auto}
.cryogenic ul{margin:0;padding:0;list-style:none}
.cryogenic :focus-visible{outline:2px solid var(--hielo);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.cryogenic *{transition:none!important;animation:none!important}}

.cryogenic .marco{max-width:1220px;margin:0 auto;padding:0 26px}
.cryogenic .marco.corto{max-width:820px}
.cryogenic section{padding:112px 0}
/* Las secciones alternas llevan una veladura sutil y un filo de luz arriba,
   para que se lean como bloques y no como párrafos seguidos. */
.cryogenic .fondo{background:var(--sup);position:relative}
.cryogenic .fondo::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--borde-luz) 30%,var(--borde-luz) 70%,transparent)}
.cryogenic .fondo::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 70% at 15% 0%,var(--velo-hielo),transparent 62%)}
.cryogenic .fondo>*{position:relative;z-index:1}
/* El antetítulo va en pastilla con velo de color: enmarca el titular en vez de
   dejarlo suelto sobre el fondo, que es lo que hacía que pareciera un blog. */
.cryogenic .rotulo{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;
  letter-spacing:.03em;color:var(--hielo);margin-bottom:20px;font-weight:600;
  background:var(--velo-hielo);border:1px solid var(--borde-luz);
  padding:7px 15px 7px 12px;border-radius:100px}
.cryogenic .rotulo::before{content:'';width:6px;height:6px;background:var(--hielo);
  border-radius:50%;box-shadow:0 0 10px var(--hielo);flex-shrink:0}
/* El ancho máximo en caracteres alinea a la izquierda por defecto. En las
   secciones centradas hay que devolverle los márgenes automáticos o el titular
   queda desplazado respecto al texto de debajo. */
.cryogenic .h-sec{font-size:clamp(25px,3.4vw,40px);margin-bottom:20px;max-width:22ch}
.cryogenic .cierre .h-sec,
.cryogenic .cierre .bajada{margin-left:auto;margin-right:auto}
.cryogenic .cierre .h-sec{max-width:26ch}
.cryogenic .bajada{font-size:19px;color:var(--gris);max-width:620px;line-height:1.55}
.cryogenic .hueco{background:var(--sup2);border-radius:inherit;display:flex;align-items:center;justify-content:center;color:#3F4A5A;font-size:12px;min-height:150px;text-align:center;padding:16px}

/* ── TIPOGRAFÍA DE MARCA ──
   Eurose y las familias anchas cuadradas son magníficas en el logo y muy
   difíciles de leer en párrafos de titular. Por eso el alcance se elige. */
/* El logotipo casi nunca lleva acentos, así que es el sitio seguro. */
.cryogenic.tipo-logo .logo .txt,
.cryogenic.tipo-titulares .logo .txt, .cryogenic.tipo-titulares h1, .cryogenic.tipo-titulares .cifra,
.cryogenic.tipo-todos .logo .txt, .cryogenic.tipo-todos h1, .cryogenic.tipo-todos h2,
.cryogenic.tipo-todos h3, .cryogenic.tipo-todos .cifra{
  font-family:'CryoMarca','Inter',sans-serif}
/* Las anchas necesitan menos interletrado negativo y más aire entre líneas */
.cryogenic.tipo-titulares h1,.cryogenic.tipo-todos h1{letter-spacing:-.01em;line-height:1.08}
.cryogenic.tipo-todos h2{letter-spacing:-.005em;line-height:1.1}
.cryogenic.tipo-todos h3{letter-spacing:0}
.cryogenic.tipo-titulares .port h1,.cryogenic.tipo-todos .port h1{font-size:clamp(34px,5.6vw,68px)}
.cryogenic.tipo-todos .h-sec{font-size:clamp(26px,3.6vw,42px)}

/* ── CABECERA ── */
.cryogenic .barra{position:sticky;top:0;z-index:90;background:rgba(14,18,25,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.cryogenic .nav{max-width:1220px;margin:0 auto;padding:16px 26px;display:flex;align-items:center;gap:26px}
/* Bloque horizontal: el emblema al lado del nombre. Un logotipo circular con
   el texto en círculo no se lee en una cabecera, así que el nombre va aparte. */
/* min-width:0 permite que el bloque encoja dentro del flex. Sin eso, el nombre
   con nowrap fija un ancho mínimo y empuja el resto fuera de la pantalla. */
.cryogenic .logo{display:flex;align-items:center;gap:15px;min-width:0;line-height:1}
.cryogenic .logo img{height:var(--logo-alto,58px);width:auto;flex-shrink:0}
/* El tamaño del nombre sigue al del emblema, para que el bloque case siempre */
.cryogenic .logo .txt{font-weight:700;
  font-size:clamp(16px,calc(var(--logo-alto,58px) * .33),24px);letter-spacing:-.035em;
  color:var(--hueso);white-space:nowrap;line-height:1.05;overflow:hidden;text-overflow:ellipsis}
.cryogenic.tipo-logo .logo .txt{font-size:clamp(17px,calc(var(--logo-alto,58px) * .36),27px);letter-spacing:.015em}
.cryogenic .menu{display:flex;gap:24px;margin-left:auto;align-items:center}
.cryogenic .menu a{color:var(--hueso);font-size:15.5px;letter-spacing:-.01em;font-weight:500;opacity:.86;white-space:nowrap;position:relative;padding:3px 0}
.cryogenic .menu a:hover{opacity:1}
.cryogenic .menu a::after{content:'';position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--hielo);transition:right .28s cubic-bezier(.2,.7,.3,1)}
.cryogenic .menu a:hover::after{right:0}
.cryogenic .wa{background:var(--rojo);color:#fff;padding:11px 22px;font-weight:600;font-size:15px;flex-shrink:0;border-radius:100px;letter-spacing:-.015em;box-shadow:0 4px 16px rgba(232,41,43,.27);transition:box-shadow .25s,background .2s}
.cryogenic .wa:hover{background:var(--rojo-d)}
.cryogenic .burg{display:none;background:none;border:1px solid var(--linea);color:var(--hueso);font-size:18px;padding:7px 12px;cursor:pointer;border-radius:2px}

/* ── PORTADA ── */
/* La portada deja de ser fondo plano: retícula fina, resplandor frío y una
   línea de datos. Es lo que da la sensación de panel y no de documento. */
.cryogenic .port{padding:0;border-bottom:1px solid var(--linea);position:relative;overflow:hidden}
.cryogenic .port::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.42;
  background-image:linear-gradient(90deg,var(--linea) 1px,transparent 1px),
                   linear-gradient(180deg,var(--linea) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(85% 90% at 22% 35%,#000,transparent 70%);
  mask-image:radial-gradient(85% 90% at 22% 35%,#000,transparent 70%)}
.cryogenic .port::after{content:'';position:absolute;width:min(62vw,820px);height:min(62vw,820px);
  left:max(-16vw,-180px);top:max(-22vw,-240px);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(23,146,232,.13),transparent 66%)}
.cryogenic .port-in{position:relative;z-index:1}
.cryogenic .port-in{max-width:1220px;margin:0 auto;padding:0 26px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:74vh}
/* Aire alrededor del titular: sin él, por muy buena que sea la tipografía,
   el bloque se lee apelmazado. */
.cryogenic .port h1{font-size:clamp(34px,5.8vw,66px);margin-bottom:30px;white-space:pre-line;
  max-width:15ch}
.cryogenic .port .bajada{font-size:19px;margin-bottom:36px;max-width:480px;line-height:1.62}
.cryogenic .port-img{position:relative}
.cryogenic .port-img img,.cryogenic .port-img .hueco{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r-l)}
/* marca de fotograma: encuadre de negativo sobre la imagen de portada */
.cryogenic .port-img::before,.cryogenic .port-img::after{content:'';position:absolute;width:22px;height:22px;border:2px solid var(--hielo);opacity:.85}
.cryogenic .port-img::before{top:-9px;left:-9px;border-right:0;border-bottom:0}
.cryogenic .port-img::after{bottom:-9px;right:-9px;border-left:0;border-top:0}

.cryogenic .botones{display:flex;gap:12px;flex-wrap:wrap}
.cryogenic .btn{display:inline-block;background:var(--rojo);color:#fff;padding:15px 32px;font-weight:600;font-size:16px;border:0;cursor:pointer;border-radius:100px;transition:background .2s,transform .18s,box-shadow .25s;letter-spacing:-.015em;box-shadow:0 4px 18px rgba(232,41,43,.24)}
.cryogenic .btn:hover{box-shadow:0 6px 26px rgba(232,41,43,.36)}
.cryogenic .btn:active{transform:translateY(1px)}
.cryogenic .btn:hover{background:var(--rojo-d);color:#fff}
.cryogenic .btn.linea{background:var(--sup);border:1px solid var(--linea);color:var(--hueso);box-shadow:none}
.cryogenic .btn.linea:hover{border-color:var(--hielo);color:var(--hielo);background:var(--velo-hielo);box-shadow:none}

/* ── CIFRAS ──
   Lectura de panel, no cartel: número contenido, etiqueta en monoespaciada
   encima y una retícula fina de fondo. Antes ocupaban más que el titular. */
.cryogenic .cifras{border-bottom:1px solid var(--linea);padding:0;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(23,146,232,.055),transparent 70%)}
.cryogenic .cifras.sinfondo{background:none}
.cryogenic .cifras::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(90deg,var(--linea) 1px,transparent 1px),
                   linear-gradient(180deg,var(--linea) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(90% 120% at 50% 0%,#000,transparent 72%);
  mask-image:radial-gradient(90% 120% at 50% 0%,#000,transparent 72%)}
.cryogenic .cifras-in{max-width:1220px;margin:0 auto;padding:0 26px;position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(4,1fr)}
.cryogenic .cif{padding:26px 0 24px;border-left:1px solid var(--linea);padding-left:22px;position:relative}
.cryogenic .cif:first-child{border-left:0;padding-left:0}
.cryogenic .cif span{display:block;order:-1;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-bottom:9px}
.cryogenic .cifra{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;
  font-size:clamp(24px,2.4vw,32px);color:var(--hielo);line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(23,146,232,.42)}
.cryogenic .cif{display:flex;flex-direction:column}
.cryogenic .cif::after{content:'';position:absolute;left:0;bottom:18px;width:0;height:2px;
  background:var(--hielo);opacity:.55;transition:width .9s cubic-bezier(.2,.7,.3,1) .2s}
.cryogenic .cif:first-child::after{left:0}
.cryogenic .cif.visto::after{width:26px}
@media(max-width:760px){
  /* Cuatro en una sola fila también en móvil: es una banda de datos, no una lista */
  .cryogenic .cifras-in{padding:0 14px}
  .cryogenic .cif{padding:18px 0 16px;padding-left:11px}
  .cryogenic .cif span{font-size:8.5px;letter-spacing:.08em;margin-bottom:5px;line-height:1.25}
  .cryogenic .cifra{font-size:clamp(17px,4.6vw,23px)}
  .cryogenic .cif::after{bottom:11px}
}

/* ── PANELES DE SERVICIO ──
   Imagen a sangre con el texto encima. Reclamo, no ficha. */
.cryogenic .puertas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.cryogenic .puerta{position:relative;display:block;overflow:hidden;min-height:520px;
  background:var(--sup);isolation:isolate;border-radius:var(--r-l);
  border:1px solid var(--linea);transition:border-color .35s,transform .35s}
.cryogenic .puerta:hover{border-color:var(--borde-luz);transform:translateY(-4px)}
.cryogenic .puerta-img{position:absolute;inset:0;z-index:0}
.cryogenic .puerta-img img,.cryogenic .puerta-img .hueco{width:100%;height:100%;object-fit:cover;min-height:100%;
  transition:transform 1.1s cubic-bezier(.16,.7,.3,1)}
.cryogenic .puerta:hover .puerta-img img{transform:scale(1.06)}
/* Cada panel lleva su tono propio: velo de color sobre la foto y filo superior.
   Es lo que quita la sensación de rejilla monocroma. */
.cryogenic .puerta::after{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(11,15,22,.97) 24%,rgba(11,15,22,.55) 58%,rgba(11,15,22,.28) 100%),
             linear-gradient(200deg,color-mix(in srgb,var(--tono,#1792E8) 26%,transparent),transparent 58%);
  transition:opacity .45s}
.cryogenic .puerta::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:2;
  background:var(--tono,#1792E8);opacity:.85;
  box-shadow:0 0 22px color-mix(in srgb,var(--tono,#1792E8) 60%,transparent)}
.cryogenic .puerta:hover{border-color:color-mix(in srgb,var(--tono,#1792E8) 45%,transparent)}
.cryogenic .puerta .sub{color:var(--tono,var(--hielo))}
.cryogenic .puerta .ir b{color:var(--tono,var(--rojo))}

.cryogenic .puerta-b{position:relative;z-index:2;height:100%;min-height:520px;display:flex;flex-direction:column;
  justify-content:flex-end;padding:34px 30px 30px}
/* Los paneles llevan el texto sobre la foto: halo expandido para que se lea
   sobre cualquier imagen, no solo sobre las oscuras. */
.cryogenic .puerta h3{font-size:clamp(25px,2.5vw,31px);margin-bottom:9px;
  text-shadow:0 0 50px rgba(11,15,22,.95),0 0 22px rgba(11,15,22,.85),0 2px 8px rgba(11,15,22,.9)}
.cryogenic .puerta .sub,.cryogenic .puerta p,.cryogenic .puerta .desde,.cryogenic .puerta .ir{
  text-shadow:0 0 34px rgba(11,15,22,.9),0 0 14px rgba(11,15,22,.8),0 1px 5px rgba(11,15,22,.9)}
.cryogenic .puerta .sub{color:var(--hielo);font-size:15px;margin-bottom:16px;font-weight:500;line-height:1.4}
.cryogenic .puerta p{font-size:15.5px;color:#C3CBD5;margin-bottom:18px;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,.7,.3,1),opacity .4s,margin .5s}
.cryogenic .puerta:hover p,.cryogenic .puerta:focus-visible p{max-height:200px;opacity:1}
.cryogenic .puerta .desde{font-weight:700;font-size:17px;
  color:var(--hueso);margin-bottom:18px;letter-spacing:-.02em}
.cryogenic .puerta .ir{display:inline-flex;align-items:center;gap:10px;color:var(--hueso);font-weight:600;
  font-size:15.5px;padding-top:17px;border-top:1px solid rgba(237,240,243,.22)}
.cryogenic .puerta .ir b{color:var(--rojo);font-size:19px;line-height:1;transition:transform .28s}
.cryogenic .puerta:hover .ir b{transform:translateX(5px)}
@media(max-width:1000px){.cryogenic .puertas{grid-template-columns:1fr;gap:14px}
  .cryogenic .puerta,.cryogenic .puerta-b{min-height:380px}
  .cryogenic .puerta p{max-height:200px;opacity:1}}

/* ── SOBRE MÍ ── */
.cryogenic .sobre{display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;align-items:center}
@media(max-width:900px){.cryogenic .sobre{grid-template-columns:1fr;gap:34px}}
.cryogenic .sobre-img{position:relative}
.cryogenic .sobre-img img,.cryogenic .sobre-img .hueco{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r-l)}
.cryogenic .sobre-img::after{content:'';position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--hielo);opacity:.28;z-index:-1}
.cryogenic .sobre h2{margin-bottom:22px}
.cryogenic .sobre p{font-size:17.5px;line-height:1.72}
.cryogenic .firma{margin-top:26px;padding-top:22px;border-top:1px solid var(--linea);font-size:15px;color:var(--gris)}
.cryogenic .firma b{color:var(--hueso);display:block;font-size:17px;letter-spacing:-.02em}

/* ── HOJA DE CONTACTOS ──
   El elemento con firma. Es como un fotógrafo revisa negativos:
   fotogramas numerados con perforaciones arriba y abajo. */
.cryogenic .hoja{margin-top:44px;border:1px solid var(--linea);background:var(--sup);padding:22px 22px 16px;position:relative;border-radius:var(--r)}
.cryogenic .hoja::before,.cryogenic .hoja::after{content:'';position:absolute;left:0;right:0;height:11px;
  background-image:repeating-linear-gradient(90deg,var(--linea) 0 9px,transparent 9px 22px);opacity:.8}
.cryogenic .hoja::before{top:4px}
.cryogenic .hoja::after{bottom:3px}
.cryogenic .fotogramas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.cryogenic .fotogramas{grid-template-columns:repeat(2,1fr)}}
.cryogenic .frame{position:relative;display:block;background:var(--tinta);border:1px solid var(--linea);overflow:hidden;border-radius:var(--r-s);transition:border-color .3s,transform .3s}
.cryogenic .frame:hover{border-color:var(--borde-luz);transform:translateY(-3px)}
.cryogenic .frame .im{aspect-ratio:4/3;overflow:hidden}
.cryogenic .frame img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1),filter .4s}
.cryogenic .frame:hover img{transform:scale(1.06)}
.cryogenic .frame .num{position:absolute;top:6px;left:8px;font-size:11px;color:var(--hielo);font-weight:700;z-index:2;
  text-shadow:0 1px 6px rgba(0,0,0,.9);}
.cryogenic .frame .pie{padding:11px 12px 13px;border-top:1px solid var(--linea)}
.cryogenic .frame .pie b{display:block;font-size:14.5px;color:var(--hueso);font-weight:600;line-height:1.3}
.cryogenic .frame .pie span{display:block;font-size:12.5px;color:var(--gris);margin-top:3px}

/* ── CLIENTES ── */
.cryogenic .logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:40px;border-radius:var(--r);overflow:hidden}
.cryogenic .logo-c{background:var(--tinta);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:24px;transition:background .3s}
.cryogenic .logo-c:hover{background:var(--sup)}
.cryogenic .logo-c img{max-height:100%;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.7);opacity:.62;transition:.35s}
.cryogenic .logo-c:hover img{filter:none;opacity:1}

/* ── OTROS SERVICIOS ── */
/* ── SERVICIOS SECUNDARIOS ──
   Tarjetas con icono en vez de filas de texto: es una web que vende imagen y
   una lista a secas la hace parecer un blog. */
.cryogenic .otros{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
@media(max-width:1000px){.cryogenic .otros{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cryogenic .otros{grid-template-columns:1fr}}
.cryogenic .otro{background:var(--sup);border:1px solid var(--linea);border-radius:var(--r);
  padding:26px 24px 22px;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;
  align-items:start;position:relative;overflow:hidden;
  transition:border-color .3s,transform .3s,background .3s}
.cryogenic .otro::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:radial-gradient(85% 80% at 0% 0%,color-mix(in srgb,var(--tono,#1792E8) 12%,transparent),transparent 64%);transition:opacity .35s}
.cryogenic .otro:hover{border-color:color-mix(in srgb,var(--tono,#1792E8) 40%,transparent);transform:translateY(-4px);background:var(--sup2)}
.cryogenic .otro:hover::after{opacity:1}
.cryogenic .otro:hover .otro-i{background:color-mix(in srgb,var(--tono,#1792E8) 20%,transparent);transform:scale(1.06)}
.cryogenic .otro:hover::after{opacity:1}
/* Fondo opcional por tarjeta: la foto va muy apagada y bajo el velo de color,
   para que no se pelee con el texto. */
.cryogenic .otro-f{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit}
.cryogenic .otro-f img{width:100%;height:100%;object-fit:cover;
  opacity:.16;filter:grayscale(.5) contrast(1.05);transition:opacity .4s,transform 1s cubic-bezier(.2,.7,.3,1)}
.cryogenic .otro.con-fondo:hover .otro-f img{opacity:.26;transform:scale(1.06)}
.cryogenic .otro.con-fondo::after{opacity:.85;
  background:linear-gradient(150deg,color-mix(in srgb,var(--tono,#1792E8) 20%,transparent),rgba(11,15,22,.88) 62%)}
.cryogenic .otro>*:not(.otro-f){position:relative;z-index:2}
.cryogenic .otro-i{grid-row:span 2;width:46px;height:46px;border-radius:12px;
  background:color-mix(in srgb,var(--tono,#1792E8) 13%,transparent);
  border:1px solid color-mix(in srgb,var(--tono,#1792E8) 32%,transparent);color:var(--tono,var(--hielo));
  display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.3s}
.cryogenic .otro-i svg{width:23px;height:23px}
.cryogenic .otro:hover .otro-i{background:rgba(23,146,232,.17);transform:scale(1.06)}
.cryogenic .otro-t{display:block;min-width:0}
.cryogenic .otro-t b{display:block;font-size:17.5px;font-weight:600;color:var(--hueso);line-height:1.25;margin-bottom:5px}
.cryogenic .otro-t em{display:block;font-style:normal;font-size:14.5px;color:var(--gris);line-height:1.45}
.cryogenic .otro-p{grid-column:2;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;color:var(--tono,var(--hielo));letter-spacing:.02em;font-weight:600;margin-top:12px;
  padding-top:12px;border-top:1px solid var(--linea)}

/* ── LISTAS Y TABLAS ── */
.cryogenic .lista{margin-top:36px;border-top:1px solid var(--linea)}
.cryogenic .lista li{padding:19px 0 19px 34px;border-bottom:1px solid var(--linea);position:relative;font-size:17px;color:#B9C1CC}
.cryogenic .lista li::before{content:'';position:absolute;left:0;top:27px;width:15px;height:1px;background:var(--hielo)}
.cryogenic .tarifa{margin-top:38px;border:1px solid var(--linea);border-radius:var(--r);overflow:hidden}
.cryogenic .tf{display:grid;grid-template-columns:1fr auto;gap:20px;padding:19px 24px;border-bottom:1px solid var(--linea);align-items:center}
.cryogenic .tf:last-child{border-bottom:0}
.cryogenic .tf.dest{background:var(--sup);border-left:3px solid var(--rojo)}
.cryogenic .tf b{font-size:17px;font-weight:600;display:block}
.cryogenic .tf small{display:block;color:var(--gris);font-size:14.5px;margin-top:3px}
.cryogenic .tf .precio{font-size:20px;font-weight:700;color:var(--hielo);white-space:nowrap;letter-spacing:-.02em}
.cryogenic .pie-t{margin-top:16px;font-size:14.5px;color:var(--gris)}

/* ── PASOS ── */
.cryogenic .pasos{margin-top:40px}
.cryogenic .paso{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--linea)}
.cryogenic .paso:last-child{border-bottom:0}
.cryogenic .paso .n{font-size:22px;font-weight:700;color:var(--hielo);letter-spacing:-.02em;line-height:1.2}
.cryogenic .paso b{font-size:18px;display:block;margin-bottom:7px}
.cryogenic .paso p{margin:0;font-size:16.5px}

/* ── BLOQUES EN REJILLA ── */
.cryogenic .rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:40px;border-radius:var(--r);overflow:hidden}
@media(max-width:760px){.cryogenic .rejilla{grid-template-columns:1fr}}
.cryogenic .celda{background:var(--tinta);padding:30px;transition:background .3s}
.cryogenic .celda:hover{background:var(--sup2)}
.cryogenic .celda b{font-size:18.5px;display:block;margin-bottom:10px}
.cryogenic .celda p{margin:0;font-size:16.5px}

/* ── FAQ ── */
.cryogenic details{border-bottom:1px solid var(--linea)}
.cryogenic summary{padding:21px 0;cursor:pointer;font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;transition:color .2s}
.cryogenic summary:hover{color:var(--hielo)}
.cryogenic summary::-webkit-details-marker{display:none}
.cryogenic summary i{font-style:normal;color:var(--hielo);font-size:21px;line-height:1;transition:transform .28s;flex-shrink:0}
.cryogenic details[open] summary i{transform:rotate(45deg)}
.cryogenic details p{padding:0 0 22px;font-size:16.5px;max-width:720px}

/* ── CASOS ── */
.cryogenic .caso{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:52px 0;border-bottom:1px solid var(--linea)}
.cryogenic .caso:nth-child(even) .caso-img{order:2}
@media(max-width:820px){.cryogenic .caso,.cryogenic .caso:nth-child(even) .caso-img{grid-template-columns:1fr;order:0;gap:26px}}
.cryogenic .caso-img img,.cryogenic .caso-img .hueco{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--r)}
.cryogenic .caso h3{font-size:27px;margin-bottom:6px}
.cryogenic .caso .tipo{color:var(--hielo);font-size:14.5px;margin-bottom:20px;font-weight:500}
.cryogenic .caso dl{margin:0}
.cryogenic .caso dt{font-size:13px;color:var(--gris);font-weight:600;margin-top:16px}
.cryogenic .caso dd{margin:5px 0 0;font-size:16.5px;color:#B9C1CC}

/* ── ARCHIVO DE GALERÍAS ── */
.cryogenic .disciplina{padding:34px 0;border-bottom:1px solid var(--linea)}
.cryogenic .disciplina:last-child{border-bottom:0}
.cryogenic .disciplina h3{font-size:22px;margin-bottom:18px}
.cryogenic .gals{display:flex;flex-wrap:wrap;gap:10px}
.cryogenic .gals a{border:1px solid var(--linea);padding:11px 19px;color:var(--hueso);font-size:15.5px;transition:.25s;border-radius:100px;background:var(--sup)}
.cryogenic .gals a:hover{border-color:var(--hielo);color:var(--hielo);background:var(--velo-hielo)}
.cryogenic .nota{margin-top:34px;padding:20px 24px;border-left:3px solid var(--hielo);background:linear-gradient(90deg,var(--velo-hielo),transparent);font-size:15.5px;color:#B9C1CC;border-radius:0 var(--r-s) var(--r-s) 0}

/* ── CIERRE Y PIE ── */
.cryogenic .cierre{background:var(--sup);border-top:1px solid var(--linea);text-align:center}
.cryogenic .cierre .bajada{margin:0 auto 30px;max-width:560px}
.cryogenic .cierre .botones{justify-content:center}
.cryogenic .pie{padding:56px 0 40px;border-top:1px solid var(--linea);font-size:15px;color:var(--gris)}
.cryogenic .pie-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media(max-width:760px){.cryogenic .pie-cols{grid-template-columns:1fr;gap:28px}}
.cryogenic .pie h4{font-size:13px;color:var(--hueso);margin-bottom:14px;font-weight:600}
.cryogenic .pie a{display:block;color:var(--gris);margin-bottom:9px;font-size:15px}
.cryogenic .pie a:hover{color:var(--hielo)}
.cryogenic .pie .redes{display:flex;gap:14px;margin-top:18px}
.cryogenic .pie .redes a{margin:0;line-height:0}
.cryogenic .pie .redes svg{width:19px;height:19px}
.cryogenic .pie-fin{padding-top:26px;border-top:1px solid var(--linea);font-size:13.5px;color:#5D6875}

/* ── MÓVIL ── */
@media(max-width:1000px){
  .cryogenic .burg{display:block;margin-left:auto}
  .cryogenic .menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--tinta);border-bottom:1px solid var(--linea);flex-direction:column;align-items:stretch;gap:0;padding:6px 0}
  .cryogenic .barra.abierto .menu{display:flex}
  .cryogenic .menu a{padding:15px 26px;border-bottom:1px solid var(--linea);opacity:1}
  .cryogenic .menu a::after{display:none}
  .cryogenic .nav{position:relative;gap:14px}
  .cryogenic .wa{order:3}
  .cryogenic .port-in{grid-template-columns:1fr;gap:36px;padding-top:56px;padding-bottom:64px;min-height:0}
  .cryogenic .port-img{order:-1}
  /* La portada mantiene su vertical en móvil: apaisarla recortaba la foto. */
  .cryogenic .port-img img,.cryogenic .port-img .hueco{aspect-ratio:4/5;max-width:420px;margin:0 auto}
  .cryogenic section{padding:64px 0}
}
@media(max-width:760px){
  .cryogenic .logo{gap:11px}
  .cryogenic .logo img{height:calc(var(--logo-alto,58px) * .78)}
}
@media(max-width:560px){
  .cryogenic .nav{padding:12px 16px;gap:10px}
  .cryogenic .logo{gap:9px}
  .cryogenic .logo img{height:calc(var(--logo-alto,58px) * .62)}
  .cryogenic .logo .txt{font-size:14px;letter-spacing:0}
  .cryogenic .wa{padding:9px 15px;font-size:13.5px}
  .cryogenic .burg{padding:6px 10px;font-size:16px}
  .cryogenic .fotogramas{grid-template-columns:1fr}
}
@media(max-width:420px){
  /* Con el emblema visible, el nombre en texto sobra y es lo que desbordaba. */
  .cryogenic .logo .txt{display:none}
  .cryogenic .logo:only-child .txt{display:block}
  .cryogenic .nav{padding:12px 13px;gap:8px}
  .cryogenic .wa{padding:9px 13px;font-size:13px}
}

/* ── BOTÓN FLOTANTE DE MÓVIL ── */
.cryo-flot{display:none}
@media(max-width:760px){
  .cryo-flot{display:flex;position:fixed;bottom:18px;right:18px;z-index:80;background:var(--rojo,#E8292B);color:#fff;
    width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;
    box-shadow:0 6px 22px rgba(0,0,0,.5)}
  .cryo-flot svg{width:27px;height:27px}
}


/* ── SEGURO DE RECORTE EN MÓVIL ── */
@media(max-width:560px){
  .cryogenic .port-img img,.cryogenic .port-img .hueco{aspect-ratio:4/5;max-width:none}
  .cryogenic .sobre-img img,.cryogenic .sobre-img .hueco{aspect-ratio:4/5}
  .cryogenic .caso-img img,.cryogenic .caso-img .hueco{aspect-ratio:4/3}
  .cryogenic .frame .im{aspect-ratio:4/3}
}

/* Aparición al entrar en pantalla. La clase la pone el JS solo si el visitante
   no ha pedido menos movimiento. */
.cryogenic .pre{opacity:0;transform:translateY(22px)}
.cryogenic .dentro{opacity:1;transform:none;
  transition:opacity .6s cubic-bezier(.2,.7,.3,1),transform .6s cubic-bezier(.2,.7,.3,1)}
@media (prefers-reduced-motion:reduce){.cryogenic .pre{opacity:1;transform:none}}

/* Justificado opcional. En web produce ríos de espacio porque el navegador no
   parte palabras; con hyphens:auto se disimula bastante. La última línea queda
   alineada a la izquierda, que es lo correcto. */
.cryogenic.just .marco.corto p,
.cryogenic.just .sobre p{text-align:justify;text-align-last:left;
  hyphens:auto;-webkit-hyphens:auto;word-spacing:-.01em}
@media(max-width:620px){.cryogenic.just .marco.corto p,.cryogenic.just .sobre p{text-align:left}}

/* ── COLOR EN LOS TITULARES ──
   Dos acentos: *simple* toma el frío y **doble** el cálido. Sacar los dos de la
   propia fotografía de portada es lo que ata imagen y texto. */
.cryogenic h1 .ac,.cryogenic h2 .ac,.cryogenic h3 .ac{
  font-style:normal;color:var(--hielo);
  text-shadow:0 0 34px color-mix(in srgb,var(--hielo) 42%,transparent),
              0 0 12px color-mix(in srgb,var(--hielo) 28%,transparent)}
.cryogenic h1 .ac2,.cryogenic h2 .ac2,.cryogenic h3 .ac2{
  font-style:normal;color:var(--calido,#F26A1B);
  text-shadow:0 0 34px color-mix(in srgb,var(--calido,#F26A1B) 42%,transparent),
              0 0 12px color-mix(in srgb,var(--calido,#F26A1B) 28%,transparent)}
/* En los paneles el acento sigue el tono de cada tarjeta */
.cryogenic .puerta h3 .ac{color:var(--tono,var(--hielo));
  text-shadow:0 0 30px color-mix(in srgb,var(--tono,#1792E8) 45%,transparent)}

/* Los subtítulos de sección van en frío: separan sin competir con el titular */
.cryogenic .puerta .sub,.cryogenic .anfi .tipo,.cryogenic .caso .tipo{letter-spacing:.02em}
.cryogenic .bajada strong,.cryogenic p strong{color:var(--hueso);font-weight:600}
.cryogenic .bajada em,.cryogenic p em{font-style:normal;color:var(--hielo)}

/* Subtítulos dentro de un texto largo */
.cryogenic .sub-t{font-size:clamp(21px,2.5vw,27px);margin:44px 0 16px;padding-top:26px;
  border-top:1px solid var(--linea);position:relative}
.cryogenic .sub-t::before{content:'';position:absolute;top:-1px;left:0;width:46px;height:2px;background:var(--hielo)}
.cryogenic .sub-t:first-child{margin-top:0;padding-top:0;border-top:0}
.cryogenic .sub-t:first-child::before{display:none}

/* ── VISOR DE IMAGEN ── */
.xvisor{position:fixed;inset:0;z-index:9999;background:rgba(6,8,12,.96);
  display:none;align-items:center;justify-content:center;padding:56px 24px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.xvisor.on{display:flex;animation:xvEnt .22s ease}
@keyframes xvEnt{from{opacity:0}to{opacity:1}}
.xv-marco{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.xv-marco img{max-width:100%;max-height:calc(100vh - 132px);object-fit:contain;border-radius:10px;
  box-shadow:0 24px 80px rgba(0,0,0,.7);display:block}
.xv-marco figcaption{color:#C8CFD8;font-size:14.5px;text-align:center;max-width:640px;line-height:1.45}
.xvisor button{position:absolute;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  color:#EDF0F3;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:background .2s,transform .2s;font-family:system-ui,sans-serif;line-height:1}
.xvisor button:hover{background:rgba(255,255,255,.16);transform:scale(1.06)}
.xv-cerrar{top:18px;right:18px;width:44px;height:44px;font-size:19px}
.xv-ant,.xv-sig{top:50%;margin-top:-26px;width:52px;height:52px;font-size:30px;padding-bottom:4px}
.xv-ant{left:18px}
.xv-sig{right:18px}
.xv-cuenta{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
  color:#8B96A5;font-size:13px;letter-spacing:.05em;font-family:system-ui,sans-serif}
@media(max-width:700px){
  .xvisor{padding:52px 12px}
  .xv-ant,.xv-sig{width:42px;height:42px;font-size:25px}
  .xv-ant{left:8px} .xv-sig{right:8px}
  .xv-marco img{max-height:calc(100vh - 120px)}
}
@media (prefers-reduced-motion:reduce){.xvisor.on{animation:none}.xvisor button{transition:none}}


/* ══════════ CHAT DE CONTACTO ══════════ */
.cryogenic .scr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cryogenic .chat{margin-top:34px;border:1px solid var(--linea);border-radius:var(--r);
  background:var(--tinta);overflow:hidden;max-width:620px;
  box-shadow:0 18px 50px rgba(0,0,0,.35)}
.cryogenic .chat-bar{display:flex;align-items:center;gap:13px;padding:14px 18px;
  background:var(--sup2);border-bottom:1px solid var(--linea)}
.cryogenic .chat-av{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;
  background:color-mix(in srgb,var(--hielo) 22%,transparent);
  border:1px solid var(--borde-luz);display:flex;align-items:center;justify-content:center;
  color:var(--hielo);font-weight:700;font-size:18px}
.cryogenic .chat-av img{width:100%;height:100%;object-fit:cover}
.cryogenic .chat-bar b{display:block;font-size:15.5px;color:var(--hueso);font-weight:600}
.cryogenic .chat-bar span{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;color:var(--hielo);margin-top:2px}
.cryogenic .chat-bar span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#3FCB6E;margin-right:6px;vertical-align:middle;box-shadow:0 0 8px #3FCB6E}

.cryogenic .chat-hilo{padding:20px 18px;min-height:280px;max-height:440px;overflow-y:auto;
  display:flex;flex-direction:column;gap:11px;scroll-behavior:smooth}
.cryogenic .msg{display:flex;max-width:86%}
.cryogenic .msg span{padding:11px 15px;border-radius:16px;font-size:15.5px;line-height:1.5;
  animation:msgEnt .26s cubic-bezier(.2,.7,.3,1)}
@keyframes msgEnt{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cryogenic .msg.ellos{align-self:flex-start}
.cryogenic .msg.ellos span{background:var(--sup2);color:#D4DAE2;border-bottom-left-radius:5px}
.cryogenic .msg.yo{align-self:flex-end}
.cryogenic .msg.yo span{background:color-mix(in srgb,var(--hielo) 24%,var(--sup));
  color:var(--hueso);border-bottom-right-radius:5px;
  border:1px solid color-mix(in srgb,var(--hielo) 30%,transparent)}

.cryogenic .escribiendo span{display:flex;gap:5px;padding:14px 16px}
.cryogenic .escribiendo i{width:7px;height:7px;border-radius:50%;background:var(--gris);
  animation:pip 1.25s infinite ease-in-out}
.cryogenic .escribiendo i:nth-child(2){animation-delay:.18s}
.cryogenic .escribiendo i:nth-child(3){animation-delay:.36s}
@keyframes pip{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

.cryogenic .chat-pie{display:flex;gap:10px;padding:13px 14px;border-top:1px solid var(--linea);
  background:var(--sup);align-items:center}
.cryogenic .chat-pie input[type=text]{flex:1;background:var(--tinta);border:1px solid var(--linea);
  color:var(--hueso);padding:12px 16px;border-radius:100px;font-family:inherit;font-size:15.5px;min-width:0}
.cryogenic .chat-pie input:focus{outline:none;border-color:var(--hielo)}
.cryogenic .chat-pie input:disabled{opacity:.5}
.cryogenic #chat-web{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cryogenic .chat-pie button{width:46px;height:46px;border-radius:50%;border:0;flex-shrink:0;
  background:var(--rojo);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:transform .2s,opacity .2s}
.cryogenic .chat-pie button svg{width:21px;height:21px;margin-left:-2px}
.cryogenic .chat-pie button:hover:not(:disabled){transform:scale(1.06)}
.cryogenic .chat-pie button:disabled{opacity:.35;cursor:default}
.cryogenic .chat.fin .chat-pie{display:none}
@media(max-width:560px){
  .cryogenic .chat-hilo{min-height:240px;max-height:64vh;padding:16px 13px}
  .cryogenic .msg{max-width:92%}
  .cryogenic .msg span{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .cryogenic .msg span{animation:none}
  .cryogenic .escribiendo i{animation:none;opacity:.6}
  .cryogenic .chat-hilo{scroll-behavior:auto}
}

/* Cabecera de la web encima de la página de Videoclips */
.cryogenic.cryo-solo-barra{position:sticky;top:0;z-index:999;overflow:visible;background:transparent}
.cryogenic.cryo-solo-pie{overflow:visible}
.e-con:has(.cryo-cab-vieja),.elementor-section:has(.cryo-cab-vieja),.elementor-column:has(.cryo-cab-vieja),.elementor-widget-wrap:has(.cryo-cab-vieja),.elementor-widget:has(.cryo-cab-vieja),.elementor-widget-container:has(.cryo-cab-vieja){background:none!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;min-height:0!important;--padding-top:0px;--padding-bottom:0px;--min-height:0px}
.e-con:has(.cryo-cab-vieja)>.elementor-shape,.elementor-section:has(.cryo-cab-vieja)>.elementor-shape,.e-con:has(.cryo-cab-vieja)>.elementor-background-overlay,.elementor-section:has(.cryo-cab-vieja)>.elementor-background-overlay,.e-con:has(.cryo-cab-vieja)::before,.e-con:has(.cryo-cab-vieja)::after{display:none!important}
.elementor-widget-container:has(.cryo-cab-vieja) .elementor-shortcode{display:block}
.cryogenic #cryochat{margin-left:auto;margin-right:auto}
.cryogenic .celda-chat .chat{margin-top:16px;max-width:none;box-shadow:none}
.cryogenic .celda-chat{padding:24px}
.cryogenic .celda-chat:hover{background:var(--tinta)}
body.admin-bar .cryogenic .barra,body.admin-bar .cryogenic.cryo-solo-barra{top:32px}
@media(max-width:782px){body.admin-bar .cryogenic .barra,body.admin-bar .cryogenic.cryo-solo-barra{top:46px}}

/* ══════════ WEBS · packs ══════════ */
.cryogenic .port-in.solo{grid-template-columns:1fr;min-height:0;padding-top:110px;padding-bottom:110px}
.cryogenic .port-in.solo h1{max-width:20ch}
@media(max-width:760px){.cryogenic .port-in.solo{padding-top:70px;padding-bottom:70px}}
.cryogenic .port-in.solo .bajada{max-width:620px}
.cryogenic .packs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;align-items:stretch}
.cryogenic .pack{background:var(--tinta);border:1px solid var(--linea);border-radius:var(--r-l);padding:32px 26px 26px;display:flex;flex-direction:column;position:relative}
.cryogenic .pack.dest{border-color:var(--rojo);box-shadow:0 0 0 1px var(--rojo),0 18px 50px rgba(232,41,43,.14)}
.cryogenic .pack-sello{position:absolute;top:-12px;left:26px;background:var(--rojo);color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:100px}
.cryogenic .pack-n{font-size:24px;font-weight:700;display:block;letter-spacing:-.02em}
.cryogenic .pack-para{display:block;color:var(--gris);font-size:15px;margin-top:4px}
.cryogenic .pack-mes{margin-top:24px;display:flex;align-items:baseline;gap:6px}
.cryogenic .pack-mes .c{font-size:clamp(36px,4vw,46px);font-weight:700;color:var(--hueso);letter-spacing:-.03em;line-height:1}
.cryogenic .pack-mes span:last-child{color:var(--gris);font-size:16px}
.cryogenic .pack-alta{font-size:14.5px;color:var(--gris);margin-top:8px;padding-bottom:20px;border-bottom:1px solid var(--linea)}
.cryogenic .pack ul{list-style:none;margin:18px 0 26px;padding:0;flex:1}
.cryogenic .pack li{padding:8px 0 8px 26px;position:relative;font-size:15.5px;line-height:1.45;color:#B9C1CC}
.cryogenic .pack li::before{content:'';position:absolute;left:2px;top:14px;width:11px;height:5px;border-left:2px solid var(--hielo);border-bottom:2px solid var(--hielo);transform:rotate(-45deg)}
.cryogenic .pack .btn{text-align:center}
.cryogenic .audit-form{margin-top:10px}
@media(max-width:980px){.cryogenic .packs{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}
.cryogenic .rejilla:has(.celda-chat){grid-template-columns:.8fr 1.3fr}
@media(max-width:760px){.cryogenic .rejilla:has(.celda-chat){grid-template-columns:1fr}}

/* ══════════ PRECIOS · tarjetas ══════════ */
.cryogenic .pbloque{padding:84px 0}
.cryogenic .pcab{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.cryogenic .pcab .h-sec{margin-bottom:10px}
.cryogenic .pcab .bajada{margin:0}
.cryogenic .ptarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:34px}
.cryogenic .ptj{position:relative;background:var(--sup);border:1px solid var(--linea);border-radius:var(--r);padding:24px 22px 22px;display:flex;flex-direction:column;gap:12px;transition:border-color .25s,transform .25s}
.cryogenic .fondo .ptj{background:var(--tinta)}
.cryogenic .ptj::before{content:'';position:absolute;left:22px;top:0;width:34px;height:3px;background:var(--tono,var(--hielo));border-radius:0 0 3px 3px}
.cryogenic .ptj:hover{border-color:color-mix(in srgb,var(--tono,var(--hielo)) 50%,transparent);transform:translateY(-3px)}
.cryogenic .ptj.dest{border-color:var(--rojo);box-shadow:0 0 0 1px var(--rojo),0 14px 40px rgba(232,41,43,.14)}
.cryogenic .ptj.dest::before{background:var(--rojo)}
.cryogenic .ptj .pack-sello{top:-11px;left:auto;right:18px}
.cryogenic .ptj-n{font-size:17px;font-weight:600;line-height:1.3;color:var(--hueso)}
.cryogenic .ptj-p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:auto}
.cryogenic .ptj-p span{font-size:clamp(26px,2.6vw,32px);font-weight:700;letter-spacing:-.02em;color:var(--hueso);line-height:1.1}
.cryogenic .ptj-p small{font-size:14px;color:var(--gris)}
.cryogenic .ptj-d{margin:-4px 0 0;font-size:14.5px;color:var(--gris);line-height:1.45}
.cryogenic .ptj-p{padding-top:6px}
.cryogenic .ptj-pie{margin-top:auto}
.cryogenic .ptj-pie .ptj-p{margin-top:0}
.cryogenic .ptj-of{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:6px;font-size:14px;color:var(--gris)}
.cryogenic .ptj-of s{text-decoration-color:var(--rojo);text-decoration-thickness:2px}
.cryogenic .ptj-of em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--rojo);padding:3px 8px;border-radius:99px}
@media(max-width:560px){.cryogenic .ptj.dest{padding-top:30px}}
@media(max-width:560px){.cryogenic .ptarjetas{grid-template-columns:1fr 1fr;gap:10px}.cryogenic .ptj{padding:20px 14px 16px}.cryogenic .ptj-n{font-size:15px}.cryogenic .pbloque{padding:60px 0}}