/* Estilos compartidos: blog, Epulafquen y bloque de reseñas de Google */
:root{--brown:#2A211D;--brown2:#1e1814;--orange:#D9732B;--orange2:#c45f18;--cream:#F0E6D8;--cream2:#EAE0D3;--ink:#2A211D;--muted:#6b5d54}
*,*::before,*::after{box-sizing:border-box}
.at-body{margin:0;background:#FBF7F1;color:var(--ink);font-family:'Montserrat',system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
.at-body img{max-width:100%;display:block}
.at-body a{color:inherit}
.at-wrap{width:92%;max-width:1100px;margin:0 auto}
.at-narrow{width:92%;max-width:740px;margin:0 auto}

/* Header */
.at-header{position:sticky;top:0;z-index:50;background:rgba(42,33,29,.97);backdrop-filter:blur(8px);border-bottom:1px solid rgba(217,115,43,.25)}
.at-header .at-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px}
.at-header .at-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--cream)}
.at-logo img{width:40px;height:40px;object-fit:contain}
.at-header .at-logo span{color:#F0E6D8;font-weight:900;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}
.at-logo small{display:block;color:var(--orange);font-size:.6rem;letter-spacing:.3em}
.at-nav{display:flex;align-items:center;gap:1.2rem}
.at-nav a{color:var(--cream);text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.at-nav a:hover{color:var(--orange)}
.at-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--orange);color:#fff!important;text-decoration:none;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:.8rem 1.3rem;border-radius:999px;transition:background .2s,transform .2s;border:0;cursor:pointer}
.at-btn:hover{background:var(--orange2);transform:translateY(-1px)}
.at-btn-ghost{background:transparent;border:2px solid var(--orange);color:var(--orange)!important}
.at-btn-ghost:hover{background:var(--orange);color:#fff!important}
@media(max-width:640px){.at-nav .at-hide-m{display:none}.at-nav{gap:.8rem}.at-btn{padding:.7rem 1rem;font-size:.72rem}}

/* Blog index */
.at-hero-blog{background:var(--brown);color:var(--cream);padding:4.5rem 0 3.5rem;text-align:center}
.at-tag{display:inline-block;border:1.5px solid var(--orange);color:var(--orange);font-size:.65rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;padding:5px 16px;border-radius:999px;margin-bottom:1.1rem}
.at-hero-blog h1{font-size:clamp(2rem,6vw,3.2rem);font-weight:900;line-height:1.08;margin:0 0 1rem;text-transform:uppercase}
.at-hero-blog h1 span{color:var(--orange)}
.at-hero-blog p{max-width:620px;margin:0 auto;color:rgba(240,230,216,.8);font-size:1rem}
.at-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem;padding:3.5rem 0}
.at-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 24px rgba(42,33,29,.08);text-decoration:none;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.at-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(42,33,29,.14)}
.at-card img{width:100%;height:200px;object-fit:cover}
.at-card-body{padding:1.3rem 1.4rem 1.6rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.at-cat{font-size:.65rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.at-card h2,.at-card h3{font-size:1.12rem;line-height:1.3;margin:0;font-weight:900;color:var(--ink)}
.at-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
.at-card .at-more{margin-top:auto;padding-top:.6rem;font-weight:800;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}

/* Article */
.at-crumbs{font-size:.75rem;color:var(--muted);padding:1.4rem 0 0}
.at-crumbs a{text-decoration:none;color:var(--orange);font-weight:700}
.at-art-head{padding:1rem 0 1.5rem}
.at-art-head h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.12;font-weight:900;margin:.4rem 0 1rem;color:var(--ink)}
.at-lead{font-size:1.1rem;color:#4a3f38;margin:0 0 1rem}
.at-meta{font-size:.78rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.at-art-img{width:100%;max-height:440px;object-fit:cover;border-radius:22px;margin:.5rem 0 2rem}
.at-art{font-size:1.02rem;color:#2f2621}
.at-art h2{font-size:1.45rem;line-height:1.25;font-weight:900;margin:2.4rem 0 .8rem;color:var(--ink)}
.at-art h3{font-size:1.12rem;font-weight:800;margin:1.6rem 0 .5rem}
.at-art p{margin:0 0 1.1rem}
.at-art ul,.at-art ol{margin:0 0 1.2rem;padding-left:1.3rem}
.at-art li{margin:.35rem 0}
.at-art a{color:var(--orange2);font-weight:700}
.at-art table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.92rem;background:#fff;border-radius:14px;overflow:hidden}
.at-art th,.at-art td{padding:.7rem .9rem;border-bottom:1px solid #eee3d6;text-align:left;vertical-align:top}
.at-art th{background:var(--brown);color:var(--cream);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.at-box{background:#fff;border-left:5px solid var(--orange);border-radius:14px;padding:1.1rem 1.3rem;margin:1.6rem 0;box-shadow:0 4px 16px rgba(42,33,29,.06)}
.at-box strong:first-child{display:block;margin-bottom:.3rem}
.at-cta{background:var(--brown);color:var(--cream);border-radius:24px;padding:2rem 1.6rem;margin:2.6rem 0;text-align:center}
.at-cta h2,.at-cta h3{color:var(--cream);margin:0 0 .6rem;font-size:1.35rem;font-weight:900}
.at-cta p{color:rgba(240,230,216,.82);margin:0 0 1.3rem}
.at-cta .at-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.at-sources{font-size:.82rem;color:var(--muted);border-top:1px solid #e6d9c8;margin-top:2.4rem;padding-top:1.2rem}
.at-sources h2{font-size:.85rem!important;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem!important}
.at-sources li{margin:.25rem 0}
.at-related{padding:1rem 0 3rem}
.at-related h2{font-size:1.2rem;font-weight:900;margin:0 0 1rem}
.at-related .at-grid{padding:0;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.at-related .at-card img{height:140px}

/* Footer */
.at-footer{background:var(--brown2);color:rgba(240,230,216,.7);text-align:center;padding:2.5rem 0;font-size:.8rem}
.at-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem;margin:1rem 0}
.at-footer a{color:var(--cream);text-decoration:none;font-weight:700}
.at-footer a:hover{color:var(--orange)}
.at-fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:60}
.at-fab svg{width:30px;height:30px;fill:#fff}

/* Bloque de reseñas de Google (reutilizable en las landings) */
.gr-section{background:#FBF7F1;padding:4rem 0;font-family:'Montserrat',system-ui,sans-serif;color:#2A211D}
.gr-section.gr-dark{background:#2A211D;color:#F0E6D8}
.gr-wrap{width:92%;max-width:1100px;margin:0 auto}
.gr-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;margin-bottom:2rem}
.gr-badge{display:inline-flex;align-items:center;gap:.8rem;background:#fff;border-radius:999px;padding:.55rem 1.2rem .55rem .7rem;box-shadow:0 6px 20px rgba(0,0,0,.08);color:#2A211D;text-decoration:none}
.gr-badge svg{width:26px;height:26px}
.gr-score{font-size:1.5rem;font-weight:900;line-height:1}
.gr-stars{color:#F4B400;letter-spacing:2px;font-size:1rem;line-height:1}
.gr-count{font-size:.75rem;font-weight:700;color:#6b5d54}
.gr-title{font-size:clamp(1.5rem,4.5vw,2.2rem);font-weight:900;line-height:1.1;text-transform:uppercase;margin:.4rem 0 0}
.gr-title span{color:#D9732B}
.gr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}
.gr-card{background:#fff;color:#2A211D;border-radius:20px;padding:1.4rem;box-shadow:0 6px 22px rgba(42,33,29,.08);display:flex;flex-direction:column;gap:.7rem}
.gr-top{display:flex;align-items:center;gap:.7rem}
.gr-av{width:40px;height:40px;border-radius:50%;background:#D9732B;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.gr-name{font-weight:800;font-size:.9rem;line-height:1.2}
.gr-src{font-size:.68rem;color:#6b5d54;display:flex;align-items:center;gap:.3rem}
.gr-src svg{width:12px;height:12px}
.gr-section .gr-text{font-weight:500;font-size:.92rem;line-height:1.6;margin:0;color:#3a2f29}
.gr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.8rem}
.gr-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.3rem;border-radius:999px;font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:#D9732B;color:#fff}
.gr-btn.gr-alt{background:transparent;border:2px solid #D9732B;color:#D9732B}
.gr-note{font-size:.72rem;text-align:center;margin-top:1rem;opacity:.7}
.gr-ops{max-width:760px;margin:2rem auto 0;background:rgba(217,115,43,.1);border:1px solid rgba(217,115,43,.35);border-radius:16px;padding:1rem 1.2rem;font-size:.85rem;line-height:1.6;text-align:center}
