/* ============================================================
   MX C@RIBE — mx-texto.css · estilos del lenguaje de marcas (mx-texto.js)
   Vale en los reportajes (.hist-body), en las notas (#artCuerpo) y en la
   vista previa del admin (.mx-preview). Los estilos base de fotos y títulos
   de la portada siguen en submarino-de-cristal.html; aquí van los NUEVOS y
   una copia mínima para que la vista previa del admin se parezca.
   ============================================================ */

/* ---- tokens de texto: color ---- */
.tx-turquesa{color:var(--bio,#00F5D4)}
.tx-coral{color:var(--coral,#FF6B6B)}
.tx-arena{color:var(--sand,#F2D9A8)}
.tx-dorado{color:#E3C05A}
.tx-blanco{color:#fff}
.tx-gris{color:var(--muted,#8fa3b5)}
/* ---- tokens de texto: efecto ---- */
.tx-sombra{text-shadow:0 2px 10px rgba(0,0,0,.65),0 0 24px rgba(0,245,212,.25)}
.tx-neon{color:var(--bio,#00F5D4);text-shadow:0 0 6px rgba(0,245,212,.9),0 0 18px rgba(0,245,212,.6),0 0 40px rgba(0,245,212,.35)}
.tx-resaltado{background:linear-gradient(transparent 52%,rgba(0,245,212,.38) 52%);padding:0 3px;border-radius:2px;color:#fff}
.tx-mayusculas{text-transform:uppercase;letter-spacing:.08em}
.tx-grande{font-size:1.35em;line-height:1.3}
.tx-chico{font-size:.85em}
.tx-fraunces{font-family:'Fraunces',Georgia,serif}
.tx-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em;background:rgba(255,255,255,.06);padding:0 5px;border-radius:5px}
.tx-subrayado{text-decoration:underline;text-decoration-color:var(--bio,#00F5D4);text-decoration-thickness:2px;text-underline-offset:3px}
.tx-tachado{text-decoration:line-through;opacity:.7}
.tx-cursiva{font-style:italic}
.tx-negritas{font-weight:700;color:#fff}
/* ---- tokens de bloque ---- */
p.tx-centro,h2.tx-centro,h3.tx-centro,h4.tx-centro,h5.tx-centro,.hist-destacado.tx-centro{text-align:center}
h3.tx-centro{padding-left:0}h3.tx-centro::before{margin-left:auto;margin-right:auto}
h4.tx-centro{border-left:0;padding-left:0}
p.tx-derecha,h2.tx-derecha,h3.tx-derecha,h4.tx-derecha{text-align:right}
p.tx-capital::first-letter{font-family:'Fraunces',Georgia,serif;font-size:3.4em;font-weight:700;float:left;line-height:.82;padding:8px 10px 0 0;color:var(--bio,#00F5D4)}

/* ---- bloques nuevos ---- */
.hist-body h2.tx-h1,#artCuerpo h2.tx-h1,.mx-preview h2.tx-h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(28px,4.2vw,46px);line-height:1.08;color:#fff;font-weight:700;margin:36px 0 16px;clear:both;letter-spacing:-.01em}
.hist-body h5,#artCuerpo h5,.mx-preview h5{font-family:Inter,system-ui,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--bio,#00F5D4);font-weight:700;margin:22px 0 8px;clear:both}
.hist-cita{font-family:'Fraunces',Georgia,serif;font-size:clamp(18px,2.2vw,23px);line-height:1.45;font-style:italic;color:#e8eef4;margin:26px 0;padding:8px 0 8px 22px;border-left:3px solid rgba(0,245,212,.6);clear:both}
.hist-cita cite{display:block;font-family:Inter,system-ui,sans-serif;font-style:normal;font-size:13px;letter-spacing:.06em;color:var(--bio,#00F5D4);margin-top:10px}
.hist-lista{margin:10px 0 18px 6px;padding-left:22px;line-height:1.7;color:inherit}
.hist-lista li{margin:4px 0}
.hist-lista li::marker{color:var(--bio,#00F5D4);font-weight:700}
.hist-sep{text-align:center;color:var(--bio,#00F5D4);letter-spacing:.5em;margin:30px 0;opacity:.8;font-size:18px;clear:both}
.hist-caja{margin:24px 0;padding:18px 22px;border-radius:16px;background:rgba(0,245,212,.07);border:1px solid rgba(0,245,212,.32);clear:both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hist-caja h5{margin:0 0 8px}
.hist-caja p{margin:0;color:#e8eef4}
.hist-boton-p{margin:14px 0;clear:both}
.hist-boton{display:inline-block;padding:12px 20px;border-radius:999px;background:var(--bio,#00F5D4);color:#050A14!important;font-weight:700;text-decoration:none;letter-spacing:.02em;box-shadow:0 10px 30px -10px rgba(0,245,212,.7);transition:transform .25s}
.hist-boton:hover{transform:translateY(-2px)}
.hist-fig--audio{clear:both;margin:22px 0}
.hist-audio{width:100%;display:block;border-radius:999px;background:rgba(255,255,255,.06)}
/* galería dentro del texto (mosaico con pie por foto) */
.hist-galeria.hist-galeria--texto{padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;justify-content:stretch;clear:both}
.hist-galeria--texto figure{margin:0}
.hist-galeria--texto .hf-img{display:block}
.hist-galeria.hist-galeria--texto img{width:100%;height:170px;object-fit:cover;border-radius:12px;display:block;cursor:zoom-in;border:1px solid rgba(255,255,255,.1)}
.hist-galeria--texto figcaption{font-size:12px;color:var(--muted,#8fa3b5);margin-top:6px;line-height:1.4;font-style:italic}
/* galería del reportaje (campo Galería) ahora con pie por foto */
.hist-galeria figure{margin:0}
.hist-galeria figcaption{font-size:12px;color:var(--muted,#8fa3b5);margin-top:6px;line-height:1.4;font-style:italic}
@media(max-width:640px){
  .hist-galeria.hist-galeria--texto{grid-template-columns:repeat(2,1fr)}
  .hist-galeria.hist-galeria--texto img{height:140px}
}

/* ---- Vista previa del admin: copia mínima de la tipografía de la revista ---- */
.mx-preview{--bio:#00F5D4;--coral:#FF6B6B;--sand:#F2D9A8;--muted:#8fa3b5;--ease:ease;
  background:#050A14;color:#c6d2de;font-family:Inter,system-ui,sans-serif;font-size:15.5px;line-height:1.7;
  padding:22px clamp(16px,3vw,32px);border-radius:14px;border:1px solid rgba(0,245,212,.25);margin-top:10px;max-width:100%;overflow:hidden}
.mx-preview p{margin:0 0 14px}
.mx-preview b{color:#fff}
.mx-preview h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(20px,2.5vw,27px);line-height:1.22;color:#fff;font-weight:700;margin:32px 0 14px;clear:both}
.mx-preview h3::before{content:"";display:block;width:44px;height:2px;background:var(--bio);margin-bottom:12px;border-radius:2px}
.mx-preview h4{font-family:'Fraunces',Georgia,serif;font-size:clamp(18px,2.1vw,22px);line-height:1.25;color:#fff;font-weight:700;margin:26px 0 10px;clear:both;padding-left:14px;border-left:3px solid var(--bio)}
.mx-preview .hist-destacado{font-family:'Fraunces',Georgia,serif;font-size:clamp(19px,2.4vw,26px);line-height:1.35;color:var(--bio);font-weight:700;margin:24px 0;padding:14px 0 14px 18px;border-left:4px solid var(--bio);clear:both}
.mx-preview .hist-fig{margin:22px 0}
.mx-preview .hist-fig img{width:100%;height:auto;border-radius:14px;display:block;border:1px solid rgba(255,255,255,.1)}
.mx-preview .hist-fig figcaption{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5;font-style:italic}
.mx-preview .hist-fig--izq,.mx-preview .hist-fig--der{width:46%;margin:8px 0 14px}
.mx-preview .hist-fig--izq{float:left;margin-right:20px}
.mx-preview .hist-fig--der{float:right;margin-left:20px}
.mx-preview .hist-fig--centro{clear:both;margin-left:auto;margin-right:auto;width:70%}
.mx-preview .hist-fig.hist-fig--t-chica{width:34%}.mx-preview .hist-fig.hist-fig--t-media{width:50%}.mx-preview .hist-fig.hist-fig--t-grande{width:75%}
.mx-preview .hist-fig--polaroid{background:#f7f5ef;padding:11px 11px 0;border-radius:4px}
.mx-preview .hist-fig--polaroid img{border-radius:2px;border:0}
.mx-preview .hist-fig--polaroid figcaption{color:#33393f;text-align:center;padding-bottom:10px}
.mx-preview .hist-fig--circular img,.mx-preview .hist-fig--portilla img{aspect-ratio:1/1;object-fit:cover;border-radius:50%}
.mx-preview .hist-fig--portilla img{border:8px solid #c9a24d}
.mx-preview .hist-fig--marco{padding:9px;border-radius:20px;border:1px solid rgba(0,245,212,.4)}
.mx-preview .hist-fig--video .hv-frame{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000}
.mx-preview .hist-fig--video iframe,.mx-preview .hist-fig--video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.mx-preview::after{content:"";display:block;clear:both}
.mx-preview-titulo{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bio,#00F5D4);margin:10px 0 0;font-weight:700}

/* ---- tokens WOW extra (Rose, 2026-09-08: "lo mejor de lo mejor") ---- */
.tx-enorme{font-size:2.1em;line-height:1.1;font-weight:700}
.tx-gradiente{background:linear-gradient(90deg,#00F5D4,#7CF5FF 45%,#FF6B6B);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.tx-brillo{background:linear-gradient(100deg,#c6d2de 0%,#ffffff 40%,#00F5D4 50%,#ffffff 60%,#c6d2de 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mxBrillo 3.2s linear infinite;font-weight:700}
@keyframes mxBrillo{to{background-position:-220% center}}
.tx-borde{color:transparent;-webkit-text-stroke:1.2px var(--bio,#00F5D4);font-weight:800;letter-spacing:.02em}
.tx-etiqueta{display:inline-block;font-size:.78em;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:rgba(0,245,212,.14);border:1px solid rgba(0,245,212,.45);color:var(--bio,#00F5D4);vertical-align:middle;font-weight:700}
/* bloques: dos columnas de texto (como revista impresa) y recuadro de vidrio */
p.tx-columnas{column-count:2;column-gap:32px;column-rule:1px solid rgba(255,255,255,.12)}
@media(max-width:640px){p.tx-columnas{column-count:1}}
p.tx-recuadro,h2.tx-recuadro,h3.tx-recuadro,h4.tx-recuadro,.hist-destacado.tx-recuadro{padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media(prefers-reduced-motion:reduce){.tx-brillo{animation:none;color:#fff;background:none}}