/* CLARIBELUCIA — estilos */
:root{
  --crema:#FDF9ED; --tinta:#202020; --linea:#E6DCC2; --mostaza:#9C7F1C;
  --amarillo:#F4D266; --subrayado:#D3B240; --campo:#FFFDF6; --borde:#D9CFB4;
  --margen:80px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--crema);color:var(--tinta);font-family:'Poppins',Helvetica,Arial,sans-serif;font-weight:300;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--mostaza)}
:focus-visible{outline:2px solid var(--mostaza);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Idiomas */
[data-lang="es"] .en,[data-lang="en"] .es{display:none!important}

/* Etiquetas en Poppins Bold espaciada */
.etiqueta{font-weight:700;font-size:12px;letter-spacing:.4em;text-transform:uppercase}
.boton{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.4em;text-transform:uppercase;border-bottom:2px solid var(--subrayado);padding:10px 0 6px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;color:var(--tinta);font-family:inherit}

/* Encabezado */
.encabezado{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:22px var(--margen)}
.marca{display:flex;align-items:center;gap:16px;flex-shrink:0}
.marca .flor{width:42px;height:42px}
.marca .nombre{height:30px;width:auto}
.menu{display:flex;align-items:center;gap:18px;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.menu-lista{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.icono{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.idiomas{display:flex;align-items:center;color:var(--linea)}
.idiomas button{height:44px;min-width:40px;background:none;border:0;cursor:pointer;font:700 11px 'Poppins',sans-serif;letter-spacing:.2em;color:var(--tinta)}
.idiomas button[aria-pressed="true"]{color:var(--mostaza);text-decoration:underline;text-underline-offset:6px}
.abrir-menu{display:none}

/* Portada */
.portada{position:relative;display:flex;align-items:center;min-height:760px}
.portada .retrato{width:700px;height:700px;margin-left:var(--margen);align-self:flex-start;background:var(--amarillo);display:flex;align-items:flex-end;overflow:hidden;flex-shrink:0}
.portada .retrato img{width:640px}
.portada .titular{flex:1;display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 40px 60px}
.portada .titular img{width:540px}
.portada .titular p{margin:0;font-size:20px;letter-spacing:.08em}
.portada .lapiz{position:absolute;right:90px;bottom:30px;width:110px;pointer-events:none}

/* Secciones */
.seccion{padding:140px var(--margen) 0}
.titulo{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--linea);padding-bottom:18px;margin-bottom:50px}
.titulo img{width:var(--w);height:auto}
.titulo.centrado{justify-content:center;border-bottom:0;margin-bottom:40px}
.ver-mas{margin-top:40px;text-align:right}

/* Libros */
.libros{display:flex;flex-direction:column;gap:80px}
.libro{display:grid;grid-template-columns:820px 1fr;gap:70px;align-items:center}
.libro>img{width:100%;height:480px;object-fit:contain;object-position:left center}
.libro h3{margin:0 0 16px;font-weight:700;font-size:14px;letter-spacing:.4em;text-transform:uppercase;line-height:1.8}
.libro p{margin:0 0 8px;font-size:16px}
.libro .acciones{display:flex;gap:30px;margin-top:18px}

/* Grillas */
.grilla{display:grid;gap:32px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grilla img{width:100%;height:var(--h,405px);object-fit:cover}
.grilla img.entera{object-fit:contain}
.personajes{display:flex;align-items:flex-end;justify-content:center;gap:44px;border-bottom:1px solid var(--linea)}
.personajes img{height:var(--h);width:auto;min-width:0;object-fit:contain}

/* Galería completa (páginas Ver más): columnas, sin recortar */
.galeria{columns:3;column-gap:28px}
.galeria figure{margin:0 0 28px;break-inside:avoid}
.galeria img{width:100%;height:auto;cursor:zoom-in}
.grupo{margin-bottom:90px}
.grupo h2{margin:0 0 24px;font-weight:700;font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--mostaza)}

/* Proyectos (adelanto) */
.proyectos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.proyectos a{display:block}
.proyectos img{width:100%;height:320px;object-fit:cover;margin-bottom:14px}

/* Sobre mí */
.sobre{display:flex;flex-direction:column;gap:70px}
.sobre .fila{display:flex;gap:100px;align-items:flex-start}
.sobre .fila.centro{align-items:center}
.sobre .fila>img{width:470px;height:627px;object-fit:cover;flex-shrink:0}
.sobre .texto{max-width:580px;padding-top:40px}
.sobre .texto p{margin:18px 0 0;font-size:17px;line-height:1.75}
.sobre .texto .nombre{margin-top:34px;font-weight:700;font-size:13px;letter-spacing:.4em;text-transform:uppercase}

/* Contacto */
.contacto{padding:200px var(--margen) 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:44px}
.frase{position:relative;width:900px;max-width:100%}
.frase .lapiz{position:absolute;left:83.5%;top:41%;width:13.3%}
.formulario{width:560px;max-width:100%;display:flex;flex-direction:column;gap:14px;text-align:left}
.formulario label{font-weight:700;font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.formulario input,.formulario textarea{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--borde);background:var(--campo);font:300 16px/1.6 'Poppins',sans-serif;color:var(--tinta)}
.formulario input{height:48px}
.formulario .enviar{align-self:flex-start;margin-top:8px;height:48px;padding:0 34px;background:var(--amarillo);border:0;cursor:pointer;font:700 12px 'Poppins',sans-serif;letter-spacing:.4em;text-transform:uppercase;color:var(--tinta)}
.formulario .trampa{position:absolute;left:-9999px}
.aviso{font-size:17px;margin:0}

/* Página de libro */
.libro-portada{display:flex;gap:90px;align-items:center;padding:60px var(--margen) 0}
.libro-portada>img{width:660px;height:440px;object-fit:contain;flex-shrink:0}
.libro-portada .datos{display:flex;flex-direction:column;gap:28px;max-width:480px}
.libro-portada h1{margin:0;font-weight:700;font-size:16px;letter-spacing:.4em;text-transform:uppercase;line-height:1.8}
.libro-portada .ficha{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--linea);padding-top:24px;font-size:16px}
.volver{font-weight:700;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--mostaza)}

/* Pie */
.pie{margin-top:160px;border-top:1px solid var(--linea);padding:40px var(--margen);display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:700;font-size:11px;letter-spacing:.4em;text-transform:uppercase}
.pie .izq{display:flex;align-items:center;gap:14px}
.pie .izq img{width:32px;height:32px}
.pie .der{display:flex;gap:34px;align-items:center}

/* Visor de imágenes */
.visor{position:fixed;inset:0;background:rgba(253,249,237,.97);display:none;align-items:center;justify-content:center;z-index:50;padding:40px}
.visor.abierto{display:flex}
.visor img{max-width:100%;max-height:100%;object-fit:contain}
.visor button{position:absolute;top:16px;right:16px;width:48px;height:48px;border:0;background:none;font-size:30px;cursor:pointer;color:var(--tinta)}

/* Pantallas medianas */
@media (max-width:1300px){
  :root{--margen:48px}
  .portada .retrato{width:52vw;height:52vw;max-height:700px;max-width:700px}
  .portada .retrato img{width:92%}
  .portada .titular img{width:38vw}
  .libro{grid-template-columns:1.4fr 1fr;gap:48px}
  .libro>img{height:auto;max-height:480px}
  .sobre .fila{gap:56px}
  .sobre .fila>img{width:40%;height:auto;aspect-ratio:3/4}
  .libro-portada{gap:48px}
  .libro-portada>img{width:50%;height:auto}
  .personajes{gap:24px}
  .personajes img{height:calc(var(--h)*.75)}
}
/* Celular */
@media (max-width:760px){
  :root{--margen:20px}
  .encabezado{padding:14px 12px 14px 20px;flex-wrap:wrap;gap:10px}
  .marca .flor{width:32px;height:32px}
  .marca .nombre{height:18px}
  .abrir-menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;cursor:pointer}
  .menu{gap:0}
  .menu-lista{display:none;position:absolute;left:0;right:0;top:72px;background:var(--crema);flex-direction:column;gap:0;padding:8px 20px 20px;border-bottom:1px solid var(--linea);z-index:20}
  .menu-lista.abierta{display:flex}
  .menu-lista a{display:block;padding:12px 0}
  .portada{flex-direction:column;min-height:0}
  .portada .retrato{width:100%;height:380px;margin:0}
  .portada .retrato img{width:340px}
  .portada .titular{padding:32px 20px 0;gap:12px}
  .portada .titular img{width:318px}
  .portada .titular p{font-size:15px}
  .portada .lapiz{right:16px;bottom:-70px;width:56px}
  .seccion{padding-top:90px}
  .titulo{margin-bottom:24px;padding-bottom:12px}
  .titulo img{width:calc(var(--w)*.62)}
  .libros{gap:40px}
  .libro{grid-template-columns:1fr;gap:8px}
  .libro>img{height:220px}
  .libro h3{font-size:11px;margin-bottom:6px}
  .libro p{font-size:14px;margin:0}
  .grilla{gap:12px}
  .g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grilla img{height:169px}
  .personajes{flex-wrap:wrap;gap:16px 18px}
  .personajes img{height:calc(var(--h)*.5)}
  .galeria{columns:2;column-gap:12px}
  .galeria figure{margin-bottom:12px}
  .proyectos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .proyectos img{height:169px}
  .sobre{gap:24px}
  .sobre .fila,.sobre .fila.centro{flex-direction:column;gap:24px}
  .sobre .fila>img{width:100%;height:auto}
  .sobre .texto{padding-top:0}
  .sobre .texto p{font-size:15px}
  .contacto{padding-top:110px;gap:26px}
  .libro-portada{flex-direction:column;gap:24px;padding-top:30px}
  .libro-portada>img{width:100%}
  .pie{flex-direction:column;align-items:flex-start;margin-top:100px}
  .pie .der{gap:20px;flex-wrap:wrap}
}
.titulo .boton{white-space:nowrap}
@media (max-width:760px){.titulo .boton{letter-spacing:.25em;font-size:11px}}
.galeria video{width:100%;height:auto;display:block;background:#eee}