/*
Theme Name: Luisa Blog
Description: Tema ligero para el blog de luisaazpeleta.com
Version: 1.0
Text Domain: luisa-blog
*/
:root{--blanco:#F6F2ED;--cobre:#8B4513;--terracota:#C1693A;--oscuro:#1C0F0A;--m:clamp(24px,12vw,160px)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--blanco);color:var(--oscuro);font-family:'DM Sans',sans-serif;font-weight:300;overflow-x:hidden}
a{color:var(--cobre)}
.site-nav{padding:28px var(--m);display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-nav a{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--oscuro);text-decoration:none;opacity:.5;transition:opacity .2s}
.site-nav a:hover,.site-nav a.activo{opacity:1}
.site-nav .links{display:flex;gap:32px}
.wrap{max-width:760px;padding:0 var(--m) 0 var(--m);margin:0}
.hero{padding:clamp(24px,5vh,56px) var(--m) clamp(28px,4vh,48px)}
.hero h1{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(28px,4.2vw,52px);line-height:1.12;max-width:820px}
.hero .sub{margin-top:18px;font-size:clamp(16px,1.7vw,19px);line-height:1.7;max-width:640px;opacity:.75}
.fecha{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cobre);margin-bottom:16px}
.texto{padding:0 var(--m) clamp(40px,6vh,70px);max-width:calc(760px + var(--m) * 2)}
.texto p,.texto li{font-size:clamp(16px,1.7vw,19px);line-height:1.95;margin-bottom:1.4em}
.texto ul{padding-left:1.2em}
.texto h2{font-family:'Playfair Display',serif;font-size:clamp(22px,2.4vw,30px);font-weight:600;margin:1.6em 0 .6em}
.texto em{color:var(--oscuro)}
.lista{padding:0 var(--m) 60px;max-width:calc(760px + var(--m) * 2)}
.lista article{padding:28px 0;border-top:1px solid rgba(139,69,19,.2)}
.lista h2{font-family:'Playfair Display',serif;font-size:clamp(22px,2.4vw,30px);font-weight:600;line-height:1.2}
.lista h2 a{color:var(--oscuro);text-decoration:none}
.lista h2 a:hover{color:var(--cobre)}
.lista p{margin-top:10px;line-height:1.8;opacity:.8}
.cajetin{margin:0 var(--m) 60px;max-width:640px;padding:clamp(24px,4vw,40px);background:rgba(255,255,255,.7);border:1px solid rgba(139,69,19,.2);border-radius:2px}
.cajetin h2{font-family:'Playfair Display',serif;font-size:clamp(22px,2.6vw,30px);font-weight:600;line-height:1.2;margin-bottom:12px}
.cajetin p.t{line-height:1.8;margin-bottom:22px;opacity:.85}
.input-row{display:flex;max-width:480px}
.cajetin input[type=email]{flex:1;min-width:0;padding:14px 18px;background:rgba(255,255,255,.9);border:1px solid rgba(139,69,19,.25);border-right:none;border-radius:2px 0 0 2px;font:300 14px 'DM Sans',sans-serif;color:var(--oscuro);outline:none}
.cajetin input[type=email]:focus{border-color:var(--cobre)}
.cajetin button{padding:14px 22px;background:var(--cobre);color:#F6F2ED;border:none;border-radius:0 2px 2px 0;font:400 11px 'DM Sans',sans-serif;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer}
.cajetin button:hover{background:var(--terracota)}
.privacy-label{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;line-height:1.5}
.privacy-label input{margin-top:3px;accent-color:var(--cobre)}
.form-nota{margin-top:10px;font-size:12px;opacity:.6}
.site-footer{padding:30px var(--m) 40px;font-size:12px;letter-spacing:1px}
.site-footer a{color:var(--oscuro);opacity:.5;text-decoration:none;margin-right:6px}
.site-footer a:hover{opacity:1}
@media(max-width:560px){.input-row{flex-direction:column}.cajetin input[type=email]{border-right:1px solid rgba(139,69,19,.25);border-radius:2px;margin-bottom:10px}.cajetin button{border-radius:2px}}