/* Patria Rods — Comprar Page Styles */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --ng:#0a0a0a;--nm:#111111;--nc:#161616;
  --ce:#74b9e4;--cl:#a8d4f0;--cd:#4a8ab5;
  --do:#c8a84b;--bl:#f0ede8;--gr:#888880;--gc:#cccccc;
  --bo:rgba(116,185,228,0.15);--bd:rgba(200,168,75,0.3);
}
html{scroll-behavior:smooth;}
body{background:var(--ng);color:var(--bl);font-family:'Barlow',sans-serif;font-weight:300;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}

/* NAV */
nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0.9rem 2.5rem;background:rgba(10,10,10,0.97);border-bottom:0.5px solid var(--bo);}
.nav-logo img{height:42px;width:auto;display:block;}
.nav-links{display:flex;gap:2rem;list-style:none;font-family:'Barlow Condensed',sans-serif;font-size:0.82rem;letter-spacing:0.16em;text-transform:uppercase;}
.nav-links a{color:var(--gc);transition:color 0.2s;}
.nav-links a:hover{color:var(--ce);}
.nav-cta{font-family:'Barlow Condensed',sans-serif;font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;background:var(--ce);color:var(--ng);padding:0.45rem 1.2rem;font-weight:700;cursor:pointer;transition:background 0.2s;}
.nav-cta:hover{background:var(--cl);}
.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--gc);}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,10,10,0.98);border-bottom:0.5px solid var(--bo);padding:1.5rem 2rem;flex-direction:column;gap:1.2rem;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:'Barlow Condensed',sans-serif;font-size:1rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--gc);}

/* HERO */
.hero{background:var(--nm);padding:5rem 2.5rem 3rem;border-bottom:0.5px solid var(--bo);}
.sec-label{font-family:'Barlow Condensed',sans-serif;font-size:0.68rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--ce);margin-bottom:0.7rem;display:flex;align-items:center;gap:0.7rem;}
.sec-label::before{content:'';width:18px;height:1px;background:var(--ce);}
.page-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,8vw,7rem);line-height:0.92;color:var(--bl);margin-bottom:1rem;}
.page-title span{color:var(--ce);}
.page-sub{font-size:0.95rem;color:var(--gr);line-height:1.75;max-width:540px;margin-bottom:2.5rem;}

/* TABS PAÍS */
.country-tabs{display:flex;gap:1px;background:var(--bo);}
.ctab{flex:1;padding:1.2rem 2rem;background:var(--nc);cursor:pointer;text-align:center;border:none;transition:background 0.2s;}
.ctab:hover{background:#1a1a1a;}
.ctab.active{background:var(--cd);}
.ctab-flag{font-size:1.8rem;margin-bottom:0.4rem;display:block;}
.ctab-name{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:0.08em;color:var(--bl);}
.ctab.active .ctab-name{color:var(--ng);}
.ctab-count{font-family:'Barlow Condensed',sans-serif;font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,237,232,0.5);margin-top:0.2rem;}
.ctab.active .ctab-count{color:rgba(10,10,10,0.65);}

/* CONTROLES */
.controls{padding:1.2rem 2.5rem;background:var(--ng);border-bottom:0.5px solid var(--bo);display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.ctrl-search{font-family:'Barlow',sans-serif;font-size:0.85rem;padding:0.6rem 1rem;border:0.5px solid rgba(116,185,228,0.2);background:var(--nc);color:var(--bl);width:280px;outline:none;}
.ctrl-search:focus{border-color:var(--ce);}
.ctrl-search::placeholder{color:var(--gr);}
.ctrl-select{font-family:'Barlow Condensed',sans-serif;font-size:0.8rem;letter-spacing:0.08em;padding:0.6rem 1rem;border:0.5px solid rgba(116,185,228,0.2);background:var(--nc);color:var(--bl);outline:none;cursor:pointer;}
.ctrl-select:focus{border-color:var(--ce);}
.ctrl-count{font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gr);margin-left:auto;}

/* GRID DE PUNTOS */
.puntos-section{padding:0;}
.prov-header{padding:1rem 2.5rem;background:var(--nm);border-bottom:0.5px solid var(--bo);border-top:0.5px solid var(--bo);display:flex;align-items:center;gap:0.8rem;}
.prov-name{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--blanco, #f0ede8);letter-spacing:0.06em;}
.prov-name{color:var(--bl);}
.prov-badge{font-family:'Barlow Condensed',sans-serif;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--ng);background:var(--ce);padding:0.2rem 0.6rem;}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--bo);}
.pcard{background:var(--nc);padding:1.6rem 1.8rem;border-left:3px solid transparent;transition:background 0.18s,border-color 0.18s;}
.pcard:hover{background:#1a1a1a;border-left-color:var(--ce);}
.pcard-name{font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:0.06em;color:var(--bl);margin-bottom:0.2rem;}
.pcard-city{font-family:'Barlow Condensed',sans-serif;font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ce);margin-bottom:0.8rem;}
.pcard-meta{display:flex;flex-direction:column;gap:0.45rem;margin-bottom:1rem;}
.pcard-row{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.82rem;color:var(--gc);}
.pcard-row svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;opacity:0.6;}
.pcard-actions{display:flex;gap:0.5rem;flex-wrap:wrap;}
.pcard-btn{font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;padding:0.4rem 0.9rem;display:inline-flex;align-items:center;gap:0.4rem;cursor:pointer;transition:background 0.15s,color 0.15s;}
.pcard-btn-wa{background:rgba(37,211,102,0.15);color:#25d366;border:0.5px solid rgba(37,211,102,0.3);}
.pcard-btn-wa:hover{background:rgba(37,211,102,0.25);}
.pcard-btn-map{background:rgba(116,185,228,0.1);color:var(--ce);border:0.5px solid rgba(116,185,228,0.25);}
.pcard-btn-map:hover{background:rgba(116,185,228,0.2);}
.pcard-btn-mail{background:rgba(200,168,75,0.1);color:var(--do);border:0.5px solid rgba(200,168,75,0.25);}
.pcard-btn-mail:hover{background:rgba(200,168,75,0.2);}

.empty-state{padding:4rem 2.5rem;text-align:center;color:var(--gr);font-family:'Barlow Condensed',sans-serif;letter-spacing:0.12em;text-transform:uppercase;}

/* BOTÓN GEOLOCALIZACIÓN */
.ctrl-geo{font-family:'Barlow Condensed',sans-serif;font-size:0.78rem;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;padding:0.6rem 1.1rem;background:transparent;border:0.5px solid rgba(116,185,228,0.35);color:var(--ce);cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;transition:background 0.2s,border-color 0.2s;white-space:nowrap;flex-shrink:0;}
.ctrl-geo:hover{background:rgba(116,185,228,0.1);border-color:var(--ce);}
.ctrl-geo.active{background:rgba(116,185,228,0.15);border-color:var(--ce);color:var(--cl);}
.ctrl-geo.loading{opacity:0.7;cursor:default;}
.geo-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(116,185,228,0.3);border-top-color:var(--ce);border-radius:50%;animation:spin 0.7s linear infinite;flex-shrink:0;}
@keyframes spin{to{transform:rotate(360deg);}}

/* SECCIÓN CERCA DE VOS */
.nearby-section{border-top:2px solid var(--ce);border-bottom:0.5px solid var(--bo);background:var(--nm);}
.nearby-header{padding:1.2rem 2.5rem;display:flex;align-items:center;gap:1rem;}
.nearby-icon{width:38px;height:38px;border-radius:50%;background:rgba(116,185,228,0.15);border:0.5px solid rgba(116,185,228,0.35);display:flex;align-items:center;justify-content:center;color:var(--ce);flex-shrink:0;}
.nearby-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:0.65rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--ce);margin-bottom:0.15rem;}
.nearby-title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;letter-spacing:0.04em;color:var(--bl);}
.nearby-title strong{color:var(--ce);}
.nearby-close{margin-left:auto;background:none;border:0.5px solid rgba(116,185,228,0.25);color:var(--gr);width:28px;height:28px;cursor:pointer;font-size:0.75rem;display:flex;align-items:center;justify-content:center;transition:color 0.2s,border-color 0.2s;flex-shrink:0;}
.nearby-close:hover{color:var(--bl);border-color:var(--gr);}
.nearby-cards .pcard{border-left-color:rgba(116,185,228,0.3);}
.nearby-cards .pcard:hover{border-left-color:var(--ce);}
@media(max-width:768px){.nearby-header{padding:1rem 1.2rem;}.ctrl-geo{width:100%;justify-content:center;}}

/* BANNER DISTRIBUIDOR */
.dist-banner{background:var(--cd);padding:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.dist-ey{font-family:'Barlow Condensed',sans-serif;font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:rgba(10,10,10,0.6);margin-bottom:0.3rem;}
.dist-title{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--ng);line-height:1.05;}
.dist-sub{font-size:0.82rem;color:rgba(10,10,10,0.65);margin-top:0.2rem;}
.dist-btn{font-family:'Barlow Condensed',sans-serif;font-size:0.8rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;color:var(--ng);border:1.5px solid var(--ng);padding:0.7rem 1.8rem;cursor:pointer;display:inline-block;flex-shrink:0;transition:background 0.2s,color 0.2s;}
.dist-btn:hover{background:var(--ng);color:var(--ce);}

/* FOOTER */
footer{background:var(--nm);border-top:0.5px solid var(--bo);padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.f-logo img{height:36px;width:auto;display:block;}
.f-tag{font-family:'Barlow Condensed',sans-serif;font-size:0.65rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gr);margin-top:0.25rem;}
.f-right{text-align:right;}
.f-garantia{font-family:'Barlow Condensed',sans-serif;font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--ce);margin-bottom:0.2rem;}
.f-tel{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--bl);letter-spacing:0.06em;}
.f-copy{font-size:0.7rem;color:rgba(136,136,128,0.4);margin-top:0.2rem;}

/* RESPONSIVE */
@media(max-width:768px){
  nav{padding:0.8rem 1.2rem;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .nav-cta{display:none;}
  .hero{padding:4rem 1.2rem 2.5rem;}
  .country-tabs{flex-direction:column;}
  .controls{padding:1rem 1.2rem;flex-direction:column;}
  .ctrl-search,.ctrl-select{width:100%;}
  .ctrl-count{margin-left:0;}
  .prov-header{padding:1rem 1.2rem;}
  .cards-grid{grid-template-columns:1fr;}
  .dist-banner{flex-direction:column;padding:1.8rem 1.2rem;}
  .dist-btn{width:100%;text-align:center;}
  footer{flex-direction:column;align-items:flex-start;padding:1.8rem 1.2rem;}
  .f-right{text-align:left;}
}