/*
Theme Name: Reserva La Boca
Theme URI: https://reservalaboca.ar
Author: Bien Web Design
Description: Theme exclusivo para la Honorable Escuadra de Reserva de los Bomberos Voluntarios de La Boca. Portada editable, integrantes en fichas simples y archivo histórico fotográfico.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GPL v2 or later
Text Domain: heritage-reserva
*/

:root{--hr-bordo:#6E1F24;--hr-dorado:#C9A35B;--hr-negro:#111111;--hr-blanco:#fff;--hr-crema:#f8f7f4;--hr-gris:#6b6b6b;--hr-radius:18px;--hr-shadow:0 20px 50px rgba(0,0,0,.10)}
*{box-sizing:border-box}body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--hr-negro);background:var(--hr-crema);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{position:relative;z-index:20;color:#fff;background:var(--hr-bordo);box-shadow:0 10px 30px rgba(0,0,0,.18);border-bottom:3px solid var(--hr-dorado); border-top: 3px solid #727272;}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:132px;padding:18px 0}.brand{display:flex;align-items:center;gap:0px;min-width:360px}.brand img{width:96px;height:96px;object-fit:contain;flex:0 0 auto}.brand-text{display:block}.brand-title{display:block;font-family:'Manrope',sans-serif;font-size:var(--hr-font-brand-title,28px);font-weight:800;line-height:1.05;color:#fff}.brand-subtitle{display:block;font-size:var(--hr-font-brand-subtitle,16px);color:var(--hr-dorado);letter-spacing:.02em;margin-top:0px}.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;justify-content:flex-end;gap:24px;list-style:none;margin:0;padding:0}.main-nav a{display:block;padding:14px 0;font-weight:800;font-size:var(--hr-font-menu,14px);letter-spacing:.02em;color:#fff;opacity:.96;white-space:nowrap}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--hr-dorado)}.menu-toggle{display:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:10px;padding:10px 12px;font-size:22px}
.hero{min-height:720px;display:flex;align-items:center;position:relative;color:#fff;background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;}.hero-content{position:relative;z-index:2;max-width:790px}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--hr-dorado);font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:13px}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(44px,6.2vw,var(--hr-font-hero-title,84px));line-height:.96;margin:24px 0 10px;font-weight:800;letter-spacing:-.05em;text-transform:uppercase}.hero h2{font-family:'Manrope',sans-serif;font-size:clamp(26px,3.4vw,var(--hr-font-hero-subtitle,48px));line-height:1.05;margin:0 0 24px;color:var(--hr-dorado);font-weight:700}.motto{font-weight:800;letter-spacing:.28em;text-transform:uppercase;font-size:var(--hr-font-hero-motto,18px);margin-bottom:34px}.btns{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 30px;border:1px solid var(--hr-dorado);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px;border-radius:0}.btn-primary{background:var(--hr-bordo);border-color:#d0a24c;color:#fff}.btn-secondary{background:rgba(0,0,0,.28);color:#fff}.section{padding:84px 0;background:#fff}.section.alt{background:var(--hr-crema)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-kicker{color:var(--hr-bordo);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:13px}.section h2{font-family:'Manrope',sans-serif;font-size:clamp(32px,4vw,var(--hr-font-section-title,52px));line-height:1.05;margin:6px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:#fff;border-radius:var(--hr-radius);overflow:hidden;box-shadow:var(--hr-shadow);border:1px solid rgba(0,0,0,.06)}.card-img{aspect-ratio:4/3;background:#ddd;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.card:hover img{transform:scale(1.04)}.card-body{padding:24px}.card h3{font-family:'Manrope',sans-serif;font-size:var(--hr-font-card-title,22px);line-height:1.15;margin:0 0 10px}.card p{margin:0;color:var(--hr-gris)}.meta{color:var(--hr-bordo);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.member-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 34px rgba(0,0,0,.08)}.member-photo{aspect-ratio:4/5;background:#eee}.member-photo img{width:100%;height:100%;object-fit:cover}.member-info{padding:20px}.member-info h3{font-family:'Manrope',sans-serif;font-size:18px;margin:0 0 8px}.rank{font-weight:800;color:var(--hr-bordo);margin-bottom:4px}.entry{padding:33px 0 40px;background:#fff}.entry h1,.page-title{font-family:'Manrope',sans-serif;font-size:clamp(40px,5vw,54px);line-height:1.05;margin:0 0 28px}.content{font-size:18px}.site-footer{background:#0d0d0d;color:#fff;padding:56px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px}.footer-logo{display:flex;align-items:center;gap:16px}.footer-logo img{width:74px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:22px;color:#bbb;font-size:14px}
@media(max-width:1100px){.header-inner{min-height:112px}.brand{min-width:320px}.brand img{width:74px;height:74px}.brand-title{font-size:22px}.brand-subtitle{font-size:14px}.main-nav ul{gap:16px}.main-nav a{font-size:13px}.hero{min-height:660px}.grid,.member-grid,.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){.header-inner{min-height:auto;flex-wrap:wrap;padding:14px 0}.brand{min-width:0;flex:1}.menu-toggle{display:block}.main-nav{display:none;width:100%;margin-left:0}.main-nav.open{display:block}.main-nav ul{display:block;width:100%;padding:10px 0}.main-nav li{border-bottom:1px solid rgba(255,255,255,.08)}.main-nav a{padding:13px 0}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.brand img{width:62px;height:62px}.brand-title{font-size:18px}.brand-subtitle{font-size:12px}.hero{min-height:400px}.hero h1{font-size:39px}.hero h2{font-size:23px}.btn{width:100%}.grid,.member-grid,.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.entry{padding:58px 0}}

/* v1.1: portada con historia, sin integrantes destacados, fuentes nuevas y redes sociales */
body{font-family:'Source Sans 3',system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--hr-font-body,17px)}
.brand-title,.hero h1,.hero h2,.section h2,.card h3,.member-info h3,.entry h1,.page-title{font-family:'Montserrat',system-ui,-apple-system,Segoe UI,sans-serif}
.brand-title{letter-spacing:-.035em}.hero h1{letter-spacing:-.055em}.hero h2{letter-spacing:-.035em}.main-nav a{font-family:'Montserrat',system-ui,sans-serif}
.history-home{background:#fff;position:relative;overflow:hidden}.history-box{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:46px;align-items:center;border-left:6px solid var(--hr-dorado);padding:34px 0 34px 34px}.history-copy p{font-size:22px;line-height:1.65;color:#333;max-width:780px;margin:20px 0 24px}.history-seal{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(86px,13vw,190px);line-height:1;color:rgba(110,31,36,.08);text-align:right;letter-spacing:-.08em}.text-link{display:inline-flex;align-items:center;color:var(--hr-bordo);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:13px;border-bottom:2px solid var(--hr-dorado);padding-bottom:5px}.social-home{padding-top:64px;padding-bottom:64px}.social-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.social-button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;background:var(--hr-bordo);color:#fff!important;font-weight:800;letter-spacing:.03em;border:0px solid rgba(201,163,91,.45);box-shadow:0 12px 26px rgba(0,0,0,.12);transition:transform .25s,background .25s,color .25s}.social-button:hover{transform:translateY(-2px);background:#56171c;color:var(--hr-dorado)!important}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);font-family:'Montserrat',sans-serif;font-weight:900}.site-footer .social-buttons{margin-top:12px}.site-footer .social-button{background:rgba(255,255,255,.08);box-shadow:none}.site-footer .social-button:hover{background:var(--hr-bordo)}
@media(max-width:860px){.history-box{grid-template-columns:1fr;padding-left:24px}.history-seal{text-align:left;font-size:82px}.history-copy p{font-size:19px}}


/* v1.2: redes actualizadas y tamaños de fuente editables desde Apariencia > Personalizar > HERITAGE > Tamaños de fuente */
.social-button[href*="youtube"], .social-button[href*="wa.me"], .social-button[href*="whatsapp"]{display:none!important}
@media(max-width:640px){.hero h1{font-size:clamp(34px,10vw,var(--hr-font-hero-title,84px))}.hero h2{font-size:clamp(21px,6vw,var(--hr-font-hero-subtitle,48px))}}


/* ==========================
   Alineación de imágenes
   WordPress Editor
========================== */

img,
.entry-content img,
.post-content img,
.page-content img,
.wp-block-image img,
.wp-caption img,
figure img{
    max-width:100%;
    height:auto;
    border-radius:6px;
    transition:all .25s ease;
}

/* Efecto elegante al pasar el mouse */
img:hover,
.wp-block-image img:hover{
    transform:scale(1.01);
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}

/* Imágenes alineadas */

.alignleft{
    float:left;
    margin:0 25px 20px 0;
}

.alignright{
    float:right;
    margin:0 0 20px 25px;
}

.aligncenter{
    display:block;
    margin:25px auto;
    text-align:center;
}

.alignnone{
    display:block;
    margin:20px 0;
}

/* Evita problemas con floats */

.entry-content::after,
.post-content::after,
.page-content::after{
    content:"";
    display:block;
    clear:both;
}

/* El footer siempre empieza debajo del contenido */
footer,
.site-footer {
    clear: both;
    position: relative;
    z-index: 2;
}


.imagen-redonda {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}


.pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:40px 0;
}

.btn-page{
    display:inline-block;
    padding:10px 16px;
    border:1px solid #dcdcdc;
    border-radius:6px;
    background:#fff;
    color:#333;
    text-decoration:none;
    font-weight:600;
    transition:.2s;
}

.btn-page:hover{
    background:#b30000;
    color:#fff;
    border-color:#b30000;
}

.btn-page.active{
    background:#b30000;
    color:#fff;
    border-color:#b30000;
}

.btn-page.disabled{
    background:#f5f5f5;
    color:#999;
    border-color:#ddd;
    cursor:not-allowed;
    pointer-events:none;
}


.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1;
}

.brand-title{
    font-family:'Cinzel', serif;
    font-size:20px;
    font-weight:700;
    color:#D4AF37;
    text-transform:uppercase;    
    text-shadow:
        0 2px 3px rgba(0,0,0,.45),
        0 0 8px rgba(0,0,0,.25);
}

.brand-subtitle{
    margin-top:4px;
    font-family:'Cormorant SC', serif;
    font-size:16px;
    font-weight:600;
    color:#F5E9D0;
   
    text-transform:uppercase;
}

@media (max-width:768px){

    .brand-title{
        font-size:15px;
        
    }

    .brand-subtitle{
        display: none !important;
        
    }

}