/* =========================================================
   provincias.css — estilos de la página web-provincias
   Ir a: assets/css/provincias.css
   ========================================================= */

main.provincias-main{max-width:1280px;margin:0 auto}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@media (prefers-reduced-motion:reduce){.prov-hero-blobs path{animation:none!important}}

.prov-hero{position:relative;padding:44px 34px 40px;background:linear-gradient(180deg,#FBF3EC 0%,#FAF7F2 100%);overflow:hidden;border-bottom:1px solid #EDE3D8}
.prov-hero-blobs{position:absolute;top:-30px;right:-20px;width:460px;height:340px;opacity:.85}
.prov-hero-blobs path:first-child{animation:floaty 12s ease-in-out infinite;transform-origin:230px 200px}
.prov-hero-blobs path:last-child{animation:floaty2 14s ease-in-out infinite;transform-origin:338px 200px}
.prov-hero-inner{position:relative;max-width:660px}
.prov-eyebrow{font-family:'Schibsted Grotesk';font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:#C15F3C;margin-bottom:14px}
.prov-hero h1{font-size:46px;font-weight:800}
@media (max-width:600px){.prov-hero h1{font-size:30px}}
.prov-hero-sub{font-size:17px;color:#5E5852;margin:16px 0 24px;max-width:560px}
.prov-search{background:rgba(255,255,255,.66);backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:10px;box-shadow:0 12px 34px rgba(90,60,40,.12);display:flex;gap:10px;align-items:center;max-width:560px}
@media (max-width:500px){.prov-search{flex-direction:column;align-items:stretch}}
.prov-search-field{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px}
.prov-search-field span{font-size:15.5px;color:#9a9089}
.prov-search-btn{cursor:pointer;background:#C15F3C;color:#fff;font-weight:700;font-size:15px;padding:12px 28px;border-radius:9px}
.prov-search-btn:hover{background:#A34A2C}
.top-prov-row{display:flex;align-items:center;gap:9px;margin-top:18px;flex-wrap:wrap}
.top-prov-row .label{font-size:14px;color:#6E6862;font-weight:600}
.top-prov-chip{background:#fff;border:1px solid #E7DDD1;color:#4A453F;font-size:13.5px;font-weight:600;padding:6px 13px;border-radius:999px}
.top-prov-chip:hover{border-color:#C15F3C;color:#C15F3C}

.online-banner-wrap{padding:28px 34px 8px}
.online-banner{display:flex;align-items:center;gap:16px;background:#E4ECE3;border:1px solid #CFE0CE;border-radius:12px;padding:18px 22px}
@media (max-width:700px){.online-banner{flex-wrap:wrap}}
.online-banner-icon{flex:none;width:46px;height:46px;border-radius:11px;background:#fff;color:#3F8F6B;display:flex;align-items:center;justify-content:center}
.online-banner-title{font-family:'Schibsted Grotesk';font-weight:800;font-size:18px;color:#2F5D4E}
.online-banner-sub{font-size:14.5px;color:#3F5A42;margin-top:2px}
.online-banner-btn{flex:none;background:#2F5D4E;color:#fff;font-size:14.5px;font-weight:700;padding:12px 20px;border-radius:9px}
.online-banner-btn:hover{background:#254A3E;color:#fff}

.regions-wrap{padding:22px 34px 44px;display:flex;flex-direction:column;gap:34px}
.region-head{display:flex;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid #EDE3D8}
.region-head h2{font-size:23px;font-weight:800}
.region-meta{font-size:13.5px;color:#9a9089}
.prov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
@media (max-width:900px){.prov-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.prov-grid{grid-template-columns:1fr}}
.prov-card{color:inherit;background:#fff;border:1px solid #E7DDD1;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;text-decoration:none}
.prov-card:hover{border-color:#C15F3C;box-shadow:0 10px 24px rgba(90,60,40,.08)}
.prov-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.prov-card-left{display:flex;align-items:center;gap:12px}
.prov-card-icon{flex:none;width:42px;height:42px;border-radius:11px;background:#F4E3DA;color:#C15F3C;display:flex;align-items:center;justify-content:center}
.prov-card-name{font-size:17.5px;font-weight:700}
.prov-card-count{font-size:12.5px;color:#9a9089;margin-top:1px}
.prov-card-arrow{flex:none;color:#C79B86;margin-top:4px}
.prov-card-cities{font-size:13px;color:#6E6862;padding-top:10px;border-top:1px solid #F5EFE7}