/* Blog lizhorta.com · manual de marca v1.1 sin petróleo (Liz, 31-oct-2026):
   Negro Tinta escribe, naranja pinta, fondos Blanco Hueso / Arena. */
:root{--naranja:#F4730A;--tinta:#151210;--hueso:#FAF7F3;--arena:#EDE4D9;--gris:#8C8178;--wrap:1120px;--angosto:740px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hueso);color:var(--tinta);font:300 18px/1.75 'Poppins',Helvetica,Arial,sans-serif}
a{color:var(--tinta)}
img{max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.angosto{max-width:var(--angosto)}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.2;margin:0}
h1 em,h2 em{font-style:italic;font-weight:500;color:var(--naranja)}

/* Encabezado */
.top{background:var(--tinta);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:500 15px 'Poppins',sans-serif}
.logo img{height:38px;width:auto}
.logo img.amp-txt{height:19px;vertical-align:-3px;margin:0 2px}
.top nav{display:flex;align-items:center;gap:22px}
.top nav a{color:#fff;text-decoration:none;font-size:15px}
.top nav a:hover{color:var(--naranja)}
.btn-mini{border:1px solid var(--naranja);border-radius:99px;padding:6px 16px}
.top .links{display:flex;align-items:center;gap:22px}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:.2s}

/* Hero */
.hero{background:var(--tinta);color:#fff;padding:72px 0 64px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-30px;bottom:-110px;width:330px;height:396px;background:url(/blog/img/amp-naranja.png) no-repeat center/contain;opacity:.16;pointer-events:none}
.hero h1{font-size:clamp(34px,5vw,54px);max-width:900px}
.hero .bajada{max-width:640px;color:#e9e3dc;margin:18px 0 0}
.kicker{font:500 13px/1.4 'Poppins',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja);margin:0 0 14px}
.kicker a{color:var(--naranja);text-decoration:none}
.meta{color:#cfc7bf;font-size:15px;margin:20px 0 0}
.meta strong{color:#fff;font-weight:500}

/* Artículo */
.texto{padding:56px 24px 24px}
.texto h2{font-size:30px;margin:48px 0 14px}
.texto h3{font-size:22px;margin:32px 0 10px}
.texto p{margin:0 0 18px}
.texto strong{font-weight:500}
.texto ol,.texto ul{padding-left:0;margin:0 0 22px;list-style:none;counter-reset:n}
.texto li{position:relative;padding-left:44px;margin:0 0 14px}
.texto ol li::before{counter-increment:n;content:counter(n);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:var(--tinta);color:var(--naranja);font:700 15px/30px 'Playfair Display',serif;text-align:center}
.texto ul li::before{content:"";position:absolute;left:12px;top:13px;width:9px;height:9px;border-radius:50%;background:var(--naranja)}
.texto a{text-decoration-color:var(--naranja);text-underline-offset:3px}

.texto figure{margin:36px -60px 40px}
.texto figure img{display:block;width:100%;height:auto;border-radius:14px}
.texto figcaption{font-size:14px;color:var(--gris);text-align:center;margin-top:10px}
@media (max-width:900px){.texto figure{margin:28px 0 32px}}

/* CTA */
.cta{background:var(--arena);padding:56px 0;margin:40px 0 0;text-align:center}
.cta .amp,.pie .amp{margin:0 auto;line-height:1}
.cta .amp img,.pie .amp img{height:64px;width:auto}
.cta h2{font-size:32px;margin:8px 0 12px}
.cta p{margin:0 auto 26px;max-width:560px}
.btn{display:inline-block;background:var(--tinta);color:#fff;text-decoration:none;border-radius:99px;padding:14px 32px;font-weight:500;border-bottom:3px solid var(--naranja)}
.btn:hover{background:#000}

/* FAQ */
.faq{padding:56px 24px 72px}
.faq h2{font-size:30px;margin:0 0 20px}
details{border-top:1px solid #d9cfc3;padding:16px 0}
details:last-child{border-bottom:1px solid #d9cfc3}
summary{cursor:pointer;font-weight:500;list-style:none;position:relative;padding-right:32px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:-4px;font:500 26px 'Playfair Display',serif;color:var(--naranja)}
details[open] summary::after{content:"–"}
details p{margin:12px 0 0}

/* Índice */
.lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:28px;padding-top:56px;padding-bottom:80px}
.card{display:block;background:#fff;border-radius:14px;padding:30px;text-decoration:none;border-top:5px solid var(--naranja);box-shadow:0 1px 0 #e6ddd2;transition:transform .2s}
.card:hover{transform:translateY(-3px)}
.card h2{font-size:26px;margin:0 0 12px}
.card p{margin:0 0 18px;font-size:16px}
.card .kicker{color:var(--gris)}
.leer{font-weight:500;border-bottom:2px solid var(--naranja)}

/* Pie */
.pie{background:var(--tinta);color:#cfc7bf;text-align:center;padding:40px 0;font-size:14px}
.pie p{margin:6px 0}
.pie a{color:#fff;text-decoration:none}
.pie a:hover{color:var(--naranja)}

@media (max-width:720px){
  body{font-size:17px}
  .logo span{display:none}
  .top nav{gap:12px}
  .burger{display:block}
  .top .links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--tinta);flex-direction:column;align-items:stretch;gap:0;padding:6px 24px 18px;border-top:1px solid #2c2622}
  .top .links a{padding:14px 0;border-bottom:1px solid #2c2622;font-size:17px}
  .top.abierto .links{display:flex}
  .top.abierto .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .top.abierto .burger span:nth-child(2){opacity:0}
  .top.abierto .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero{padding:52px 0 44px}
  .texto h2{font-size:25px}
}
.cta .cta-wa{margin:16px auto 0;font-size:14px}.cta .cta-wa a{color:var(--gris)}