/* ===========================================================================
   TIPOGRAFÍA DE LA CASA · autoalojada, sin llamadas a terceros
   ---------------------------------------------------------------------------
   Literata: tipo de lectura diseñada expresamente para libros, con eje óptico
   variable. Es una elección con argumento para una editorial, no un adorno: la
   misma letra que compone las páginas del libro encabeza el sitio que lo publica.
   IBM Plex Sans: para datos, metadatos y controles. Humanista y técnica a la vez,
   sostiene bien ISBN, folios y fichas sin competir con la serif.
   Ambas variables: un solo fichero por familia cubre todos los pesos (153 KB en
   total). Autoalojadas por privacidad y por no depender de un tercero en carga.
   =========================================================================== */
@font-face{
  font-family:'Literata';
  src:url('fuentes/literata.woff2') format('woff2-variations');
  font-weight:300 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Plex Sans';
  src:url('fuentes/plexsans.woff2') format('woff2-variations');
  font-weight:100 700; font-style:normal; font-display:swap;
}

:root{--alto-header:66px;
  --navy:#0B1E2C; --navy2:#143046; --crema:#FBF8F1; --crema2:#F0E9D8;
  --oro:#C8A24B; --orod:#7A6228; --oros:#E5C56E; --carmin:#8A1F1F; --salvia:#4A7059;
  --gris:#67645E; --grisc:#9A9488;
  --serif:'Literata',Georgia,"Times New Roman",serif;
  --sans:'Plex Sans',-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--crema);color:#1A1713;font-family:var(--sans);line-height:1.6}
a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}

header.site{position:sticky;top:0;z-index:20;background:rgba(11,30,44,.96);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(200,162,75,.35)}
header.site .wrap{display:flex;align-items:center;gap:14px;padding:14px clamp(18px,4vw,40px)}
header.site img{width:38px;height:38px;border-radius:50%}
header.site .nombre{font-family:var(--serif);color:#F7F3EA;font-size:16px;letter-spacing:.06em}
header.site .nombre b{color:var(--oros);font-weight:400}
header.site nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:13px;
  letter-spacing:.04em}  /* sin align-items los enlaces se estiran a la altura del boton
                            y su texto queda 7px por encima del rotulo del CTA */
header.site nav a{color:#cfc6b4;text-decoration:none}
header.site nav a:hover{color:var(--oros)}

.hero{background:radial-gradient(120% 85% at 70% 10%,var(--navy2),var(--navy) 55%,#060F18);color:#F7F3EA;
  padding:clamp(46px,7vw,80px) 0 clamp(50px,6vw,72px)}
.hero .k{font-size:12px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--oro);
  display:flex;gap:14px;align-items:center;margin-bottom:16px}
.hero .k::before{content:"";width:38px;height:2px;background:var(--oro)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5vw,50px);line-height:1.12;margin:0 0 14px;max-width:18ch}
.hero p{color:#cfc6b4;font-weight:300;max-width:68ch;font-size:clamp(14.5px,1.5vw,17px)}

.catalogo{padding:clamp(36px,6vw,64px) 0 90px}
.grid-libros{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(20px,3vw,32px)}
.card-libro{display:block;text-decoration:none;color:inherit}
.card-libro .card-principal{display:block;text-decoration:none;color:inherit}
.card-libro .doi-catalogo{display:inline-block;margin-top:8px;font-size:11px;color:var(--azul,#245b78);overflow-wrap:anywhere}
.card-libro .cubierta{aspect-ratio:2/3;border-radius:10px;overflow:hidden;box-shadow:0 14px 34px rgba(11,30,44,.16);
  border:1px solid #e4dcc6;transition:transform .18s,box-shadow .18s;background:var(--navy)}
.card-libro:hover .cubierta{transform:translateY(-4px);box-shadow:0 22px 46px rgba(11,30,44,.24)}
.card-libro .cubierta img{width:100%;height:100%;object-fit:cover;display:block}
.card-libro .col-badge{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:14px}
.card-libro h3{font-family:var(--serif);font-weight:400;font-size:19px;margin:6px 0 3px;line-height:1.2}
.card-libro .autor{font-size:13px;color:var(--gris)}
.col-carmin{color:var(--carmin)} .col-aula{color:var(--salvia)}

.vacio{text-align:center;padding:80px 20px;color:var(--gris)}
.vacio h2{font-family:var(--serif);font-weight:400;color:var(--navy);font-size:26px;margin-bottom:10px}

/* ---- ficha de libro ---- */
.libro-hero{background:radial-gradient(120% 85% at 70% 10%,var(--navy2),var(--navy) 55%,#060F18);color:#F7F3EA;padding:clamp(40px,6vw,70px) 0}
.doi-principal{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:12px;font-size:13px}
.doi-principal span{color:#cfc6b4}
.doi-principal a{color:var(--oros);font-weight:600;overflow-wrap:anywhere}
.libro-grid{display:grid;grid-template-columns:280px 1fr;gap:clamp(30px,5vw,64px);align-items:start}
@media(max-width:720px){.libro-grid{grid-template-columns:1fr;justify-items:center;text-align:center}}
.libro-cover{width:100%;height:auto;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.45);border:1px solid rgba(200,162,75,.35)}
.libro-col{font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;margin-bottom:14px}
.libro-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(28px,4.4vw,44px);line-height:1.12;margin:0 0 10px}
.libro-hero .sub{font-family:var(--serif);font-style:italic;font-size:19px;color:#cfc6b4;margin-bottom:22px}
.libro-hero .autor-line{font-size:15px;letter-spacing:.06em;color:var(--oros);text-transform:uppercase;font-weight:600;margin-bottom:26px}
.libro-hero .gancho{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--oros);line-height:1.4;
  border-left:3px solid var(--oro);padding-left:18px;margin-bottom:26px;max-width:44ch}
.libro-hero .botones{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:8px;font-size:14px;font-weight:700;
  text-decoration:none;cursor:pointer;border:2px solid transparent;letter-spacing:.02em;font-family:var(--sans);
  background:transparent;appearance:none;-webkit-appearance:none;color:inherit}
.btn-oro{background:var(--oro);color:var(--navy)}
.btn-oro:hover{background:var(--oros)}
/* Llamada a la accion dentro del heroe. La propuesta se presenta solo por formulario, asi
   que la entrada tiene que verse sin desplazar la pagina: quien llega decidido no deberia
   tener que atravesar siete secciones para encontrar por donde empezar. */
.hero-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-acciones .btn{padding:13px 26px;font-size:15px}
/* El secundario es un contorno claro y no un boton macizo: da salida a quien duda sin
   competir con la accion principal. */
.btn-fantasma{background:transparent;color:#F0E9D8;box-shadow:inset 0 0 0 1.5px rgba(229,197,110,.55)}
.btn-fantasma:hover{background:rgba(229,197,110,.12);color:#fff}
.hero-apoyo{margin-top:14px;font-size:13.5px;color:#a89e8b;max-width:52ch}

/* --- Ruta del manuscrito: las seis etapas del proceso, en forma visual ---
   No es decoración. La marca de quién interviene (usted / nosotros / juntos) responde a la
   pregunta que de verdad frena a un autor indeciso, que es cuánto control conserva sobre su
   propia obra. Por eso el color distingue esa pertenencia y no la etapa. */
.ruta{background:var(--crema2);border-top:1px solid #e3dac4;border-bottom:1px solid #e3dac4;
  padding:44px 0 40px}
.ruta .wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.ruta h2{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.6vw,28px);
  margin:0 0 8px;text-wrap:balance}
.ruta-sub{margin:0 0 26px;color:#5b5445;font-size:14.5px;max-width:66ch}
.ruta-pie{margin:24px 0 0;font-size:13.5px;color:#6b6455;max-width:70ch}
.ruta-pie a{color:var(--orod);text-decoration:underline;text-underline-offset:2px}

.etapas{list-style:none;margin:0;padding:0;display:grid;gap:14px;
  grid-template-columns:repeat(6,1fr);counter-reset:none}
.etapa{position:relative;background:#fff;border:1px solid #e6dcc4;border-radius:10px;
  padding:16px 14px 15px;display:flex;flex-direction:column;gap:6px}
/* El hilo que une las etapas: se dibuja entre tarjetas, nunca despues de la ultima. */
.etapa::after{content:"";position:absolute;top:31px;right:-8px;width:8px;height:2px;
  background:#d6c9a8}
.etapa:last-child::after{display:none}
.et-n{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;
  background:var(--navy);color:var(--oros)}
.et-t{font-weight:700;font-size:14.5px;line-height:1.25;color:#1A1713}
.et-q{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;padding:3px 8px;border-radius:99px}
.et-d{font-size:12.5px;line-height:1.45;color:#5b5445}
/* Tres pertenencias, tres colores de la casa. El carmin queda reservado para lo que
   depende del autor, que es lo que se quiere que salte a la vista. */
.etapa-usted    .et-q{background:#f6e4e4;color:#7d1c1c}
.etapa-usted    .et-n{background:var(--carmin)}
.etapa-juntos   .et-q{background:#e7efe9;color:#33513f}
.etapa-juntos   .et-n{background:var(--salvia)}
.etapa-nosotros .et-q{background:#efe7d2;color:#6d5820}

@media (max-width:1000px){
  .etapas{grid-template-columns:repeat(3,1fr)}
  /* Con tres por fila el hilo horizontal mentiria al final de cada fila. */
  .etapa:nth-child(3n)::after{display:none}
}
@media (max-width:640px){
  .etapas{grid-template-columns:1fr;gap:10px}
  .etapa{flex-direction:row;flex-wrap:wrap;align-items:center;padding:13px 14px}
  .etapa .et-n{flex:0 0 auto}
  .etapa .et-t{flex:1 1 auto}
  .etapa .et-d{flex:1 0 100%;margin-left:34px}
  .etapa::after{display:none}
}
@media (prefers-reduced-motion:reduce){.etapa{transition:none}}
@media (max-width:520px){
  .hero-acciones{flex-direction:column;align-items:stretch}
  .hero-acciones .btn{text-align:center}
}
.btn-out{background:transparent;border-color:rgba(229,197,110,.6);color:#F7F3EA}
.btn-out:hover{border-color:var(--oros);color:var(--oros)}

.libro-body{padding:clamp(36px,6vw,60px) 0 90px}
.libro-body .sinopsis{font-size:16.5px;line-height:1.75;max-width:70ch}
.libro-body .sinopsis p+p{margin-top:16px}
.autor-box{display:flex;gap:22px;align-items:center;margin-top:44px;padding-top:32px;border-top:1px solid #e4dcc6;max-width:70ch}
.autor-box .foto{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--oro);flex:0 0 auto;background:var(--navy)}
.autor-box .foto.vacia{display:flex;align-items:center;justify-content:center;color:var(--grisc);font-size:11px}
.autor-box b{color:var(--navy);font-size:16px}

/* ---- modal captura de correo ---- */

/* ---- visor ---- */
body.visor{background:#1a2530;height:100vh;overflow:hidden}
.visor-bar{position:fixed;top:0;left:0;right:0;z-index:10;background:var(--navy);color:#F7F3EA;
  display:flex;align-items:center;gap:16px;padding:12px clamp(14px,3vw,28px);border-bottom:1px solid rgba(200,162,75,.3)}
.visor-bar .titulo{font-family:var(--serif);font-size:15px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visor-bar a{color:var(--oros);text-decoration:none;font-size:13px;white-space:nowrap}
.visor-bar .volver{margin-right:auto;color:#cfc6b4}
.visor-frame{position:fixed;top:58px;left:0;right:0;bottom:0;border:0;width:100%;height:calc(100vh - 58px)}

footer.site{background:var(--navy);color:#8aa0ad;padding:34px 0;font-size:12.5px;text-align:center}
footer.site a{color:var(--oros);text-decoration:none}

/* ===== Navegación y pie institucional ===== */
header.site nav a.on{color:var(--oros);border-bottom:2px solid var(--oro);
  padding-bottom:2px;padding-top:4px}  /* el borde+padding anaden 4px abajo: se compensan
                                          arriba para que el texto no suba 2px al centrarse */
header.site nav a.nav-cta{background:var(--oro);color:var(--navy);padding:7px 15px;border-radius:6px;font-weight:700}
header.site nav a.nav-cta:hover{background:var(--oros);color:var(--navy)}
@media(max-width:860px){header.site nav{gap:14px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}
  header.site .nombre{font-size:14px}}
footer.site{text-align:left;padding:46px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}
.footer-grid .f-tit{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--oro);margin:0 0 12px;font-weight:700}
.footer-grid a{display:block;color:#a8bcc8;text-decoration:none;font-size:13.5px;margin-bottom:8px}
.footer-grid a:hover{color:var(--oros)}
.f-marca{font-family:var(--serif);font-size:17px;color:#F7F3EA;letter-spacing:.06em}
.f-marca b{color:var(--oros);font-weight:400}
.f-nota{font-size:13px;color:#8aa0ad;margin-top:10px;line-height:1.6}
.f-legal{border-top:1px solid rgba(200,162,75,.22);margin-top:32px;padding-top:18px;font-size:12px;color:#7d93a1}

/* ===== Homepage institucional ===== */
.hero-home{background:radial-gradient(120% 90% at 72% 8%,var(--navy2),var(--navy) 52%,#050f18);color:#F7F3EA;
  padding:clamp(56px,9vw,110px) 0 clamp(48px,7vw,86px);position:relative;overflow:hidden}
.hero-home .fan{position:absolute;right:-6%;bottom:-42%;width:min(760px,62vw);opacity:.13;pointer-events:none}
.hero-home .wrap{position:relative;z-index:2}
.hero-home .claim{font-family:var(--serif);font-weight:400;font-size:clamp(34px,6.4vw,72px);line-height:1.04;
  letter-spacing:-.02em;margin:16px 0 20px;max-width:16ch}
.hero-home .bajada{font-size:clamp(15px,1.8vw,20px);color:#cfc6b4;font-weight:300;max-width:62ch;line-height:1.6}
.hero-home .acciones{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

.seccion{padding:clamp(44px,7vw,80px) 0}
.seccion.claro{background:var(--crema)}
.seccion.papel{background:var(--crema2)}
.seccion.oscuro{background:var(--navy);color:#F7F3EA}
.seccion .k{font-size:11.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--orod);
  display:flex;gap:14px;align-items:center;margin-bottom:14px}
.seccion .k::before{content:"";width:34px;height:2px;background:var(--orod)}
.seccion.oscuro .k{color:var(--oro)} .seccion.oscuro .k::before{background:var(--oro)}
.seccion h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3.6vw,38px);line-height:1.14;
  color:var(--navy);margin-bottom:14px;max-width:22ch}
.seccion.oscuro h2{color:#F7F3EA}
.seccion .intro{font-size:16px;color:var(--gris);max-width:68ch;line-height:1.7}
.seccion.oscuro .intro{color:#cfc6b4}
/* El margen inferior del ultimo bloque se suma al padding de la seccion y abre
   un hueco muerto justo antes del cambio de fondo. El espaciado lo pone la seccion. */
.seccion .wrap > *:last-child{margin-bottom:0}

/* dos rutas */
.rutas-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
@media(max-width:800px){.rutas-grid{grid-template-columns:1fr}}
.ruta-card{background:#fff;border:2px solid var(--oro);border-radius:16px;padding:30px 30px 26px;display:flex;flex-direction:column}
.ruta-card.b{border-color:var(--salvia)}
.ruta-card .etq{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orod)}
.ruta-card.b .etq{color:var(--salvia)}
.ruta-card h3{font-family:var(--serif);font-weight:400;font-size:26px;color:var(--navy);margin:10px 0 12px}
.ruta-card p{font-size:14.5px;color:#3d3a34;line-height:1.65}
.ruta-card ul{margin:14px 0 0 18px}
.ruta-card li{font-size:14px;color:#3d3a34;margin:7px 0;line-height:1.55}
.ruta-card .pie-ruta{margin-top:auto;padding-top:20px}
.ruta-card .evaluacion{font-size:12.5px;color:var(--gris);font-style:italic;margin-top:14px;padding-top:12px;border-top:1px dashed #ddd3b8}

/* comparación tesis/libro */
.comparacion-env{margin-top:30px;border:1px solid #e4dcc6;border-radius:14px;overflow:hidden;background:#fff}
.comparacion{width:100%;border-collapse:collapse;table-layout:fixed}
.comparacion th{padding:16px 22px;font-size:11.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;text-align:left;width:50%}
.comparacion th.tesis{background:#efe9da;color:var(--gris)}
.comparacion th.libro{background:var(--navy);color:var(--oros)}
.comparacion td{padding:14px 22px;font-size:14px;line-height:1.55;border-top:1px solid #eee6d4;
  color:#3d3a34;vertical-align:top}
.comparacion td.libro{background:#fdfbf6}
/* En movil la tabla se apila: cada celda ocupa el ancho completo y lleva su propio
   rotulo, en lugar de forzar desplazamiento horizontal. */
@media(max-width:700px){
  .comparacion,.comparacion tbody,.comparacion tr,.comparacion td{display:block;width:auto}
  .comparacion thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .comparacion td::before{content:attr(data-col);display:block;font-size:10.5px;font-weight:700;
    letter-spacing:.14em;text-transform:uppercase;color:var(--orod);margin-bottom:5px}
}
.frase-cierre{font-family:var(--serif);font-size:clamp(19px,2.4vw,26px);color:var(--navy);text-align:center;
  margin-top:34px;max-width:34ch;margin-left:auto;margin-right:auto;line-height:1.4}
.frase-cierre small{display:block;font-family:var(--sans);font-size:13.5px;color:var(--gris);margin-top:14px;font-style:normal}

/* colecciones */
.cols-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
@media(max-width:840px){.cols-grid{grid-template-columns:1fr}}
.col-card{background:#fff;border:1px solid #e4dcc6;border-radius:14px;padding:26px;border-top:5px solid var(--acento,#C8A24B);text-decoration:none;display:block;color:inherit;transition:transform .18s,box-shadow .18s}
.col-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,30,44,.13)}
.col-card h3{font-family:var(--serif);font-weight:400;font-size:23px;color:var(--navy);margin-bottom:8px}
.col-card .para{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--acento-texto,#7A6228);font-weight:700;margin-bottom:12px}
.col-card p{font-size:14px;color:#3d3a34;line-height:1.6}
.col-card .cuenta{margin-top:16px;font-size:13px;color:var(--gris)}

/* proceso */
.proceso{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:34px;position:relative}
@media(max-width:900px){.proceso{grid-template-columns:repeat(3,1fr);row-gap:26px}}
@media(max-width:520px){.proceso{grid-template-columns:1fr}}
.hito{padding:0 12px;position:relative}
.hito .num{width:38px;height:38px;border-radius:50%;border:2px solid var(--oro);color:var(--orod);
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:16px;background:#fff;position:relative;z-index:2}
.seccion.oscuro .hito .num{background:var(--navy);color:var(--oros)}
.hito:not(:last-child)::after{content:"";position:absolute;top:19px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:rgba(200,162,75,.4)}
@media(max-width:900px){.hito::after{display:none}}
.hito .t-tarjeta{font-family:var(--sans);font-size:14.5px;color:var(--navy);margin:14px 0 6px;font-weight:700}
.seccion.oscuro .hito .t-tarjeta{color:#F7F3EA}
.hito p{font-size:13px;color:var(--gris);line-height:1.5}
.seccion.oscuro .hito p{color:#a8bcc8}

/* respaldo institucional */
.respaldo{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
@media(max-width:800px){.respaldo{grid-template-columns:1fr 1fr}}
.resp-card{background:rgba(255,255,255,.05);border:1px solid rgba(200,162,75,.3);border-radius:12px;padding:20px;text-decoration:none;display:block}
.resp-card:hover{border-color:var(--oro)}
.resp-card .n{font-family:var(--serif);font-size:19px;color:#F7F3EA;margin-bottom:6px}
.resp-card .d{font-size:13px;color:#a8bcc8;line-height:1.5}

/* compromisos */
.compromisos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
@media(max-width:860px){.compromisos{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.compromisos{grid-template-columns:1fr}}
.comp{border-left:3px solid var(--oro);padding-left:16px}
.comp .t-tarjeta{font-family:var(--sans);font-size:14.5px;color:var(--navy);margin-bottom:6px}
.comp p{font-size:13.5px;color:var(--gris);line-height:1.55}

/* CTA final */
.cta-final{background:radial-gradient(120% 100% at 50% 0%,var(--navy2),var(--navy) 60%,#050f18);color:#F7F3EA;
  padding:clamp(46px,7vw,80px) 0;text-align:center}
.cta-final h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3.6vw,36px);margin-bottom:14px;max-width:24ch;margin-left:auto;margin-right:auto}
.cta-final p{color:#cfc6b4;max-width:56ch;margin:0 auto 28px;font-size:15.5px}

/* páginas de contenido */
.pagina{max-width:74ch;margin:0 auto;padding:clamp(34px,5vw,60px) clamp(20px,4vw,40px) 80px}
.pagina h1{font-family:var(--serif);font-weight:400;font-size:clamp(28px,4.2vw,40px);color:var(--navy);margin-bottom:10px;line-height:1.15}
.pagina .lede{font-size:17px;color:var(--gris);line-height:1.7;margin-bottom:34px;max-width:66ch}
.pagina h2{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.8vw,27px);color:var(--navy);margin:38px 0 10px;scroll-margin-top:calc(var(--alto-header) + 18px)}
.pagina h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orod);margin:26px 0 8px}
.pagina p,.pagina li{font-size:15.5px;line-height:1.75;color:#2e2b26}
.pagina ul,.pagina ol{margin:10px 0 10px 22px}
.pagina li{margin:8px 0}
.pagina blockquote{border-left:3px solid var(--oro);padding-left:18px;margin:18px 0;font-style:italic;color:var(--gris)}
.pagina a:not(.btn){color:var(--orod)}  /* excluye botones: si no, pisa el navy de .btn-oro sobre fondo dorado */
.pagina table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.pagina th,.pagina td{border:1px solid #e4dcc6;padding:10px 12px;text-align:left;vertical-align:top}
.pagina th{background:var(--crema2);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.nota-caja{background:#f6efdc;border-left:4px solid var(--oro);border-radius:0 10px 10px 0;padding:16px 20px;margin:20px 0;font-size:14.5px;line-height:1.65}
.nota-caja b{color:var(--navy)}
.faq-item{border-bottom:1px solid #e4dcc6;padding:18px 0}
.faq-item h3{font-family:var(--serif);font-weight:400;font-size:18px;color:var(--navy);text-transform:none;letter-spacing:0;margin:0 0 8px}
.faq-item p{font-size:15px;color:#3d3a34;margin:0}
.indice-lat{background:var(--crema2);border-radius:12px;padding:18px 22px;margin-bottom:30px}
.indice-lat .idx-tit{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-bottom:10px}
.indice-lat a{display:inline-block;margin:4px 14px 4px 0;font-size:14px;color:var(--orod);text-decoration:none}
.indice-lat a:hover{text-decoration:underline}

/* ---------- Accesibilidad: salto, foco y menú móvil ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Enlace de salto: invisible hasta recibir foco por teclado. */
.salto-contenido{position:absolute;left:-9999px;top:0;z-index:200;background:var(--oro);
  color:var(--navy);font-weight:700;font-size:14px;padding:12px 20px;border-radius:0 0 8px 0;
  text-decoration:none}
.salto-contenido:focus{left:0}

/* Foco visible de alto contraste: doble anillo para que funcione sobre navy,
   crema y botones dorados por igual. No se elimina el outline, se sustituye. */
:focus-visible{outline:3px solid var(--navy);outline-offset:2px;
  box-shadow:0 0 0 6px rgba(229,197,110,.95);border-radius:3px}
.hero :focus-visible,.seccion.oscuro :focus-visible,footer.site :focus-visible,
.cta-final :focus-visible,.visor-bar :focus-visible{outline-color:#F7F3EA;
  box-shadow:0 0 0 6px rgba(11,30,44,.95)}

/* Botón del menú móvil: oculto en escritorio. */
.nav-toggle{display:none;background:transparent;border:1px solid rgba(229,197,110,.5);
  border-radius:8px;width:44px;height:44px;cursor:pointer;padding:0;position:relative}
.nav-toggle .barras,.nav-toggle .barras::before,.nav-toggle .barras::after{
  position:absolute;left:11px;width:20px;height:2px;background:#E5C56E;content:"";transition:.18s}
.nav-toggle .barras{top:21px}
.nav-toggle .barras::before{top:-6px;left:0}
.nav-toggle .barras::after{top:6px;left:0}
.nav-toggle[aria-expanded="true"] .barras{background:transparent}
.nav-toggle[aria-expanded="true"] .barras::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .barras::after{top:0;transform:rotate(-45deg)}

@media(max-width:860px){
  .nav-toggle{display:block;flex:0 0 auto}
  header.site .wrap{flex-wrap:nowrap}
  header.site nav{display:none;position:absolute;left:0;right:0;top:100%;
    background:var(--navy);border-top:1px solid rgba(229,197,110,.25);
    flex-direction:column;align-items:stretch;gap:0;padding:8px 0 14px;
    box-shadow:0 22px 40px rgba(0,0,0,.4)}
  header.site nav.abierto{display:flex}
  header.site nav a{padding:13px 20px;font-size:15px}
  /* Apilado, un borde inferior a todo el ancho se lee como separador y no como
     seccion activa: se marca con una barra lateral. */
  header.site nav a.on{border-bottom:0;padding-top:13px;border-left:3px solid var(--oro);
    padding-left:17px}
  header.site nav .nav-cta{margin:10px 20px 0;text-align:center}
}

/* El header sticky puede crecer al envolver en pantallas pequenas: la altura real
   la mide el script y la escribe en --alto-header, para que ninguna ancla quede tapada. */
[id]{scroll-margin-top:calc(var(--alto-header) + 18px)}

/* Metadatos de vigencia de cada política */
.meta-politica{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:34px 0 0;
  padding:18px 22px;background:var(--crema2);border-radius:10px;font-size:13px;line-height:1.5}
.meta-politica dt{font-weight:700;color:var(--orod);letter-spacing:.04em}
.meta-politica dd{margin:0;color:var(--gris)}

/* Datos de envío de propuestas: legibles y copiables sin depender de mailto: */
.datos-envio{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:22px 0 26px;
  padding:20px 24px;background:#fff;border:1px solid #e4dcc6;border-radius:12px;font-size:14.5px}
@media(max-width:600px){.datos-envio{grid-template-columns:1fr;gap:4px 0}
  .datos-envio dt{margin-top:10px}}
.datos-envio dt{font-weight:700;color:var(--orod);font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;padding-top:3px}
.datos-envio dd{margin:0;color:#3d3a34;word-break:break-word}
.datos-envio dd a{color:var(--orod);font-weight:700}
.datos-envio .nota{display:block;font-size:12.5px;color:var(--gris);margin-top:5px;font-weight:400}

/* A 320-400 px la marca envolvia en dos lineas junto al boton de menu. */
@media(max-width:400px){
  header.site .nombre{font-size:12px;letter-spacing:.01em;white-space:nowrap}
  header.site .wrap>a:first-child{gap:9px}
  header.site img{width:34px;height:34px}
}

/* <picture> es inline por defecto: sin esto deja un hueco bajo la imagen */
.cubierta picture,.libro-hero picture{display:block;line-height:0}

/* Con Literata las métricas cambian y los titulares partían mal ("…al / libro.").
   text-wrap:balance reparte las líneas en vez de llenar la primera. */
h1,h2,h3,.hero h1,.seccion h2{text-wrap:balance}
/* Literata trae cifras de estilo antiguo por defecto; en folios, ISBN y datos de la
   ficha queremos cifras de caja alta y de ancho fijo para que alineen en columna. */
.tabla-datos,.card-libro .meta,.libro-hero .autor-line,#lec-campo-pagina,
.lec-barra .estado{font-variant-numeric:lining-nums tabular-nums}

/* Contador público de lecturas y descargas por obra (ficha y catálogo). */
.metricas-obra {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 18px 0 0;
  font-size: 14px;
  color: #cfc6b4;
  letter-spacing: .02em;
}

.metricas-obra strong {
  color: #E5C56E;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.cat-metricas {
  margin: 6px 0 0;
  font-size: 12.5px;
  color: var(--gris);
  font-variant-numeric: tabular-nums;
}

/* ── Compartir la obra (etapa 1 de las especificaciones v2) ───────────────── */
.ed-compartir {
  border: 0;
  border-radius: 6px;
  padding: 0;
  max-width: 460px;
  width: calc(100% - 32px);
  background: #12293A;
  color: #F7F3EA;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .5);
}

.ed-compartir::backdrop { background: rgba(6, 15, 24, .72); }

.ed-compartir > * { margin: 0 26px; }
.ed-compartir > .ed-comp-vias { margin-bottom: 26px; }

.ed-comp-cerrar-forma { margin: 0; position: absolute; top: 10px; right: 12px; }

.ed-comp-cerrar {
  background: none;
  border: 0;
  color: #cfc6b4;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
}

.ed-comp-cerrar:hover { color: #E5C56E; }

.ed-compartir h2 {
  font-family: var(--serif, Georgia, serif);
  font-weight: 400;
  font-size: 22px;
  margin-top: 26px;
}

.ed-comp-obra {
  margin-top: 6px;
  font-size: 14px;
  color: #cfc6b4;
  line-height: 1.45;
}

.ed-comp-etq {
  display: block;
  margin-top: 20px;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #E5C56E;
}

.ed-comp-etq span { text-transform: none; letter-spacing: 0; color: #9aa7b1; }

.ed-compartir textarea {
  display: block;
  width: calc(100% - 52px);
  margin-top: 8px;
  padding: 10px 12px;
  background: #0B1E2C;
  color: #F7F3EA;
  border: 1px solid #2b4354;
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
}

.ed-compartir textarea:focus-visible { outline: 2px solid #C8A24B; outline-offset: 1px; }

.ed-comp-cuenta {
  margin-top: 5px;
  font-size: 12px;
  color: #8c98a2;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.ed-comp-aviso {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
  color: #F0B7A4;
}

.ed-comp-vias {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ed-comp-via {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 10px;
  border: 1px solid #2b4354;
  border-radius: 4px;
  background: #0B1E2C;
  color: #F7F3EA;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease;
}

.ed-comp-via:hover,
.ed-comp-via:focus-visible { border-color: #C8A24B; background: #16324a; color: #F7F3EA; }

.ed-comp-via[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
.ed-comp-via.ed-comp-hecho { border-color: #C8A24B; color: #E5C56E; }

@media (max-width: 420px) { .ed-comp-vias { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .ed-comp-via { transition: none; } }
.ed-comp-via svg { flex-shrink: 0; }

/* ── Promoción institucional (nunca dentro del libro) ─────────────────────── */
.ed-promo { margin-top: 22px; max-width: 460px; }

.ed-promo-rotulo {
  font-size: 11.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8c98a2;
  margin-bottom: 9px;
}

.ed-promo-pieza {
  display: block;
  padding: 15px 17px;
  border: 1px solid rgba(200, 162, 75, .3);
  border-left: 3px solid #C8A24B;
  border-radius: 4px;
  background: rgba(11, 30, 44, .55);
  text-decoration: none;
  color: #F7F3EA;
  text-align: left;
  transition: border-color .18s ease, background .18s ease;
}

.ed-promo-pieza:hover,
.ed-promo-pieza:focus-visible {
  border-color: #E5C56E;
  background: rgba(22, 50, 74, .8);
  color: #F7F3EA;
}

.ed-promo-k {
  display: block;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #E5C56E;
}

.ed-promo-pieza strong {
  display: block;
  margin-top: 5px;
  font-family: var(--serif, Georgia, serif);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.25;
}

.ed-promo-t {
  display: block;
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.5;
  color: #cfc6b4;
}

.ed-promo-cta {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #E5C56E;
}

@media (prefers-reduced-motion: reduce) { .ed-promo-pieza { transition: none; } }

/* La tarjeta por defecto vive sobre el azul del lector. Sobre papel hay que
   invertirla: con el mismo estilo quedaba un rectángulo gris ilegible. */
.ed-promo-claro .ed-promo-rotulo { color: var(--gris, #6E6555); }

.ed-promo-claro .ed-promo-pieza {
  background: #fff;
  border-color: rgba(200, 162, 75, .5);
  color: var(--navy, #0B1E2C);
  box-shadow: 0 2px 10px rgba(11, 30, 44, .07);
}

.ed-promo-claro .ed-promo-pieza:hover,
.ed-promo-claro .ed-promo-pieza:focus-visible {
  background: #FFFDF8;
  border-color: #C8A24B;
  color: var(--navy, #0B1E2C);
  box-shadow: 0 6px 18px rgba(11, 30, 44, .12);
}

.ed-promo-claro .ed-promo-k   { color: #8B6D2A; }
.ed-promo-claro .ed-promo-t   { color: #5c5648; }
.ed-promo-claro .ed-promo-cta { color: #8B6D2A; }

/* ── Reseñas de lectores ──────────────────────────────────────────────────── */
.ed-resenas { margin-top: 34px; padding-top: 26px; border-top: 1px solid #e4dcc6; }

.ed-res-h {
  font-family: var(--serif, Georgia, serif);
  font-weight: 400; font-size: 21px; color: var(--navy, #0B1E2C);
  margin: 0 0 6px; display: flex; align-items: center; gap: 10px;
}

.ed-res-n {
  font-family: inherit; font-size: 13px; font-weight: 700;
  background: #0B1E2C; color: #E5C56E; border-radius: 11px; padding: 2px 9px;
}

.ed-res-prom { margin: 0 0 18px; font-size: 14px; color: #5c5648; }
.ed-res-prom b { color: var(--navy, #0B1E2C); font-size: 16px; }
.ed-res-estrellas { color: #A8843A; letter-spacing: .08em; }

.ed-res {
  background: #fff; border: 1px solid #e4dcc6; border-radius: 8px;
  padding: 16px 18px; margin-bottom: 14px;
}

.ed-res-cab {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 14px; flex-wrap: wrap;
}

.ed-res-cab b { color: var(--navy, #0B1E2C); }
.ed-res-cargo { display: block; font-size: 13px; color: #6E6555; margin-top: 2px; }
.ed-res-t { font-size: 15px; margin: 10px 0 0; color: var(--navy, #0B1E2C); }
.ed-res-txt { font-size: 14.5px; line-height: 1.65; margin: 8px 0 0; color: #3f3a30; }

.ed-res-resp {
  margin-top: 12px; padding: 11px 14px;
  background: #FBF8F0; border-left: 3px solid #C8A24B; border-radius: 0 4px 4px 0;
}

.ed-res-resp span {
  display: block; font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: #8B6D2A; margin-bottom: 5px;
}

.ed-res-resp p { margin: 0; font-size: 14px; line-height: 1.6; color: #3f3a30; }
.ed-res-pie { margin-top: 10px; font-size: 12.5px; color: #8a8172; }

.ed-res-form { margin-top: 20px; }

.ed-res-form > summary {
  cursor: pointer; font-weight: 600; color: var(--navy, #0B1E2C);
  padding: 12px 16px; background: #fff; border: 1px solid #e4dcc6; border-radius: 8px;
  list-style: none;
}

.ed-res-form > summary::-webkit-details-marker { display: none; }
.ed-res-form > summary::before { content: '✎ '; color: #A8843A; }
.ed-res-form[open] > summary { border-radius: 8px 8px 0 0; border-bottom: 0; }

.ed-res-f {
  border: 1px solid #e4dcc6; border-top: 0; border-radius: 0 0 8px 8px;
  background: #fff; padding: 18px; display: flex; flex-direction: column; gap: 14px;
  position: relative;
}

.ed-res-aviso {
  margin: 0; font-size: 13px; line-height: 1.6; color: #5c5648;
  background: #FBF8F0; border-left: 3px solid #C8A24B; padding: 11px 14px;
}

.ed-res-aviso a { color: #8B6D2A; }
.ed-res-fila { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

.ed-res-f label {
  display: block; font-size: 13.5px; font-weight: 600; color: var(--navy, #0B1E2C);
}

.ed-res-f input[type="text"],
.ed-res-f input[type="email"],
.ed-res-f textarea {
  display: block; width: 100%; margin-top: 5px; padding: 9px 11px;
  border: 1px solid #d8cfb8; border-radius: 4px; font: inherit; font-size: 14px;
  font-weight: 400; color: #2a2620; background: #FFFDF8;
}

.ed-res-f textarea { resize: vertical; line-height: 1.55; }
.ed-res-f input:focus-visible, .ed-res-f textarea:focus-visible {
  outline: 2px solid #C8A24B; outline-offset: 1px; border-color: #C8A24B;
}

.ed-res-f small { display: block; margin-top: 4px; font-weight: 400; font-size: 12.5px; color: #8a8172; }

/* Estrellas: los radios van en orden inverso en el marcado, así el selector de
   hermano posterior puede pintar de dorado las anteriores al pasar el ratón. */
.ed-res-estrellas-campo { border: 0; padding: 0; margin: 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 2px; }
.ed-res-estrellas-campo legend { font-size: 13.5px; font-weight: 600; color: var(--navy, #0B1E2C); float: left; width: 100%; margin-bottom: 6px; }
.ed-res-estrellas-campo input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ed-res-estrellas-campo label { font-size: 27px; line-height: 1; color: #d8cfb8; cursor: pointer; padding: 0 1px; }
.ed-res-estrellas-campo input:checked ~ label,
.ed-res-estrellas-campo label:hover,
.ed-res-estrellas-campo label:hover ~ label { color: #C8A24B; }
.ed-res-estrellas-campo input:focus-visible + label { outline: 2px solid #C8A24B; outline-offset: 2px; }
.ed-res-estrellas-campo .vo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.ed-res-check { display: flex; gap: 9px; align-items: flex-start; font-weight: 400 !important; font-size: 13px !important; line-height: 1.5; }
.ed-res-check input { margin-top: 3px; flex-shrink: 0; }

.ed-res-err { margin: 0; padding: 10px 13px; background: #FDECEA; border-left: 3px solid #B3261E; color: #7A1B15; font-size: 13.5px; border-radius: 0 4px 4px 0; }
.ed-res-ok { padding: 14px 16px; background: #F0F7F2; border-left: 3px solid #2F6B4F; border-radius: 0 4px 4px 0; }
.ed-res-ok b { color: #1F4A36; }
.ed-res-ok p { margin: 6px 0 0; font-size: 14px; line-height: 1.6; color: #33503f; }

@media (max-width: 560px) { .ed-res-fila { grid-template-columns: 1fr; } }
.cat-estrellas { margin: 3px 0 0; font-size: 12.5px; color: #8a8172; font-variant-numeric: tabular-nums; }
.cat-estrellas span { color: #A8843A; letter-spacing: .06em; }

/* Formulario de recomendación por correo, dentro del panel de compartir. */
.ed-comp-correo { margin: 0 26px 26px; }
.ed-comp-sep { height: 1px; background: #2b4354; margin: 18px 0; }
.ed-comp-ancho { width: 100%; box-sizing: border-box; }
.ed-comp-o { margin: 14px 0 12px; font-size: 12.5px; line-height: 1.5; color: #9aa7b1; text-align: center; }
.ed-comp-f { display: flex; flex-direction: column; gap: 11px; position: relative; }
.ed-comp-f label { font-size: 12.5px; font-weight: 600; color: #E5C56E; }
.ed-comp-f input { display: block; width: 100%; box-sizing: border-box; margin-top: 5px;
  padding: 9px 11px; background: #0B1E2C; color: #F7F3EA; border: 1px solid #2b4354;
  border-radius: 4px; font: inherit; font-size: 14px; font-weight: 400; }
.ed-comp-f input:focus-visible { outline: 2px solid #C8A24B; outline-offset: 1px; }
.ed-comp-f small { display: block; margin-top: 4px; font-weight: 400; font-size: 11.5px; color: #8c98a2; }
.ed-comp-err { margin: 0; padding: 9px 12px; background: #3B1E1A; border-left: 3px solid #E88A72;
  color: #F0B7A4; font-size: 13px; border-radius: 0 4px 4px 0; }
.ed-comp-listo { padding: 12px 14px; background: #12303F; border-left: 3px solid #C8A24B;
  border-radius: 0 4px 4px 0; font-size: 13.5px; line-height: 1.55; color: #F7F3EA; }
.ed-comp-listo b { color: #E5C56E; }
.ed-comp-enviar { justify-content: center; }

/* ── Catálogo: la tarjeta responde «¿de qué trata?» y «¿qué pasa si toco?» ── */
.cat-sub { font-family: var(--serif); font-style: italic; font-size: 14px;
  color: var(--gris); margin: 2px 0 3px; line-height: 1.35; }
.cat-gancho { font-size: 13.5px; line-height: 1.55; color: #4c463a; margin: 9px 0 0;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cat-paginas { font-size: 12.5px; color: #8a8172; margin: 8px 0 0; }
.cat-leer { display: inline-block; margin-top: 10px; font-size: 13.5px; font-weight: 700;
  color: #8B6D2A; }
.card-libro:hover .cat-leer { text-decoration: underline; }

.cat-autor-cta { display: flex; justify-content: space-between; align-items: center;
  gap: clamp(20px, 4vw, 48px); flex-wrap: wrap; }
.cat-autor-botones { display: flex; gap: 12px; flex-wrap: wrap; }
/* btn-out está pensado para el héroe oscuro; sobre papel era casi invisible. */
.cat-autor-botones .btn-out { color: var(--navy, #0B1E2C); border-color: #b9ab8a; }
.cat-autor-botones .btn-out:hover { border-color: #8B6D2A; color: #8B6D2A; }
/* flex-shrink:0 en un contenedor de botones anchos desbordaba 39 px en un móvil de
   390: los botones deben poder apilarse y encoger, no empujar el lienzo. */
.cat-autor-botones .btn { white-space: normal; text-align: center; }
@media (max-width: 520px) {
  .cat-autor-botones { width: 100%; }
  .cat-autor-botones .btn { flex: 1 1 100%; }
}

/* Garantías del catálogo-folleto. */
.cat-garantias { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px 26px; margin-top: 20px; }
.cat-garantias > div { border-top: 2px solid #C8A24B; padding-top: 11px; }
.cat-garantias b { display: block; font-size: 15px; color: #F7F3EA; }
.cat-garantias span { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.5;
  color: #cfc6b4; }
.cat-pasos-linea { margin: 26px 0 0; font-size: 13.5px; color: #cfc6b4; line-height: 1.7; }
.cat-pasos-linea span { color: #E5C56E; letter-spacing: .02em; }
.cat-pasos-linea a { color: #E5C56E; }