/* =========================
   CUYO - BODEGAR
========================= */

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.95) 0%, transparent 32%),
        linear-gradient(180deg, #faf8f4 0%, #f6f1e8 38%, #efe5d6 100%);
    color: #221c17;
}

/* HERO */

.hero-region {
    height: 620px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    position: relative;
    overflow: hidden;
}

.hero-region::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 65%,
        rgba(246,241,232,.95) 100%
    );
    pointer-events: none;
}

.hero-cuyo{
    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.45) 45%,
            rgba(0,0,0,.15) 100%
        ),
        url("C:\\Users\\Ariel\\Desktop\\Mi Web\\regiones\\Imagenes\\Portada.jpg");
}

.provincia-header::before{
    content:"REGIÓN CUYO";
}

.hero-region-content {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.hero-region-content > span {
    display: inline-block;
    background: #7a1f2d;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 22px;
}

.hero-region-content h1 {
    font-family: Georgia, serif;
    font-size: 76px;
    line-height: 1;
    margin-bottom: 22px;
}

.hero-region-content p {
    max-width: 680px;
    font-size: 22px;
    line-height: 1.6;
}

.hero-region-stats {
    display: flex;
    gap: 18px;
    margin-top: 35px;
    flex-wrap: wrap;
}

.hero-region-stats div {
    min-width: 170px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.25);
    backdrop-filter: blur(8px);
    padding: 18px 22px;
    border-radius: 16px;
}

.hero-region-stats strong {
    display: block;
    font-family: Georgia, serif;
    font-size: 32px;
    color: #f3d28b;
}

.hero-region-stats span {
    font-size: 13px;
    text-transform: uppercase;
}

/* INTRO */

.region-intro {
    padding: 90px 70px;
    background:
        linear-gradient(
            180deg,
            #f6f1e8 0%,
            #f8f5ef 45%,
            #f3ece2 100%
        );
    display: grid;
    grid-template-columns: 1.2fr 1fr .9fr;
    gap: 55px;
    align-items: center;
}

.region-text .label {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    color: #7a1f2d;
    margin-bottom: 14px;
}

.region-text h2 {
    font-family: Georgia, serif;
    font-size: 48px;
    color: #221c17;
    margin-bottom: 22px;
}

.region-text p {
    color: #555;
    font-size: 18px;
    line-height: 1.7;
}

.region-map img {
    width: 100%;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

.region-links {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0,0,0,.10);
}

.region-links a {
    display: block;
    padding: 24px 28px;
    text-decoration: none;
    color: #221c17;
    border-bottom: 1px solid #eadfd3;
    font-weight: bold;
    transition: .3s;
}

.region-links a:last-child {
    border-bottom: none;
}

.region-links span {
    display: block;
    color: #666;
    font-weight: normal;
    margin-top: 6px;
}

.region-links a:hover {
    background: #7a1f2d;
    color: white;
}

.region-links a:hover span {
    color: white;
}

/* FILTROS */

.filtros-region {
    background:
        linear-gradient(180deg, #ffffff 0%, #faf7f2 100%);
    padding: 35px 70px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-top: 1px solid rgba(122,31,45,.08);
    border-bottom: 1px solid rgba(122,31,45,.08);
}

.filtros-region input {
    width: 420px;
    max-width: 100%;
    padding: 16px 20px;
    border: 1px solid #ddd;
    border-radius: 30px;
    outline: none;
    font-size: 15px;
}

.filtros-region button {
    border: 1px solid #7a1f2d;
    background: white;
    color: #7a1f2d;
    padding: 12px 18px;
    border-radius: 30px;
    font-weight: bold;
    cursor: pointer;
    transition: .3s;
}

.filtros-region button:hover {
    background: #7a1f2d;
    color: white;
}

/* DIRECTORIO */

.directorio-region{

background:

radial-gradient(circle at left top,
rgba(122,31,45,.06),
transparent 28%),

radial-gradient(circle at right bottom,
rgba(212,175,55,.12),
transparent 35%),

linear-gradient(
180deg,
#fcfbf9,
#f6efe4,
#efe2d1);

}

.directorio-region:not(:last-child) {
    border-bottom: 1px solid rgba(122,31,45,.08);
}

.provincia-header h2{
  font-size:58px;
}

.provincia-header{
  margin:0 auto 30px;
  padding-bottom:18px;
}

.provincia-header::before{
    content:"REGIÓN CENTRO";
    display:inline-block;
    color:#7a1f2d;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    margin-bottom:16px;
}
.provincia-header::after{

content:"";

display:block;

margin-top:28px;

width:180px;

height:4px;

background:linear-gradient(
90deg,
#7a1f2d,
#d4af37);

border-radius:20px;

}

.provincia-header p{
    margin-top:12px;
    font-size:18px;
    color:#6d655c;
}

.lista-bodegas {
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.bodega-item {
    display: grid;
    grid-template-columns: 260px 1fr auto;
    align-items: center;
    gap: 25px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(252,248,242,.98)
        );

    padding: 16px;
    border-radius: 18px;
    text-decoration: none;
    color: #221c17;

    border: 1px solid rgba(212,175,55,.35);

    box-shadow:
        0 12px 35px rgba(70,40,20,.08);

    transition: .35s;
}

.bodega-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(70,40,20,.14);
}

.bodega-item img {
    width: 260px;
    height: 145px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

.bodega-info h3 {
    font-family: Georgia, serif;
    font-size: 28px;
    color: #7a1f2d;
    margin-bottom: 8px;
}

.bodega-info p {
    color: #555;
    font-size: 16px;
    margin-bottom: 14px;
}

/* ==========================
   EXPERIENCIAS
========================== */

.servicios{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:nowrap;      /* Siempre una sola fila */

    margin:18px 0;

}

.servicios span{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:8px 18px;

    border-radius:30px;

    background:#f5efe8;

    color:#7a1f2d;

    border:1px solid rgba(122,31,45,.10);

    font-size:14px;

    font-weight:600;

    white-space:nowrap;

    transition:.25s;

}

.servicios span:hover{

    background:#7a1f2d;

    color:#fff;

}

.badge-premium {
    display: inline-block;
    background: #d4af37;
    color: #221c17;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.bodega-item.premium {
    border: 1px solid rgba(212,175,55,.55);
    background:
        linear-gradient(
            135deg,
            #fffaf0 0%,
            #ffffff 55%,
            #fbf6eb 100%
        );
}

.btn-ficha {
    border: 1px solid #7a1f2d;
    color: #7a1f2d;
    padding: 12px 20px;
    border-radius: 30px;
    font-weight: bold;
    white-space: nowrap;
    transition: .3s;
}

.bodega-item:hover .btn-ficha {
    background: #7a1f2d;
    color: white;
}

/* RESPONSIVE */

@media(max-width:1000px) {
    .region-intro {
        grid-template-columns: 1fr;
        padding: 60px 25px;
    }

    .directorio-region {
        padding: 60px 25px;
    }

    .bodega-item {
        grid-template-columns: 1fr;
    }

    .bodega-item img {
        width: 100%;
        height: 230px;
    }

    .btn-ficha {
        text-align: center;
    }
}

@media(max-width:700px) {
    .hero-region-content h1 {
        font-size: 48px;
    }

    .hero-region-content p {
        font-size: 18px;
    }

    .filtros-region {
        padding: 28px 20px;
    }
}
.hero-centro{
    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.45) 45%,
            rgba(0,0,0,.15) 100%
        ),
        url("Imagenes/Portada.jpg");
}
.region-tabs{
  max-width:1200px;
  margin:35px auto 10px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.region-tabs a{
  padding:12px 22px;
  border-radius:30px;
  background:white;
  color:#7a1f2d;
  text-decoration:none;
  font-weight:700;
  border:1px solid rgba(122,31,45,.25);
}

.region-tabs a:hover{
  background:#7a1f2d;
  color:white;
}
.provincia-stats{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.provincia-stats span{
  background:#fff;
  border:1px solid rgba(122,31,45,.18);
  padding:9px 16px;
  border-radius:24px;
  color:#7a1f2d;
  font-weight:700;
}
/* ===== AJUSTE ESTILO ILUSTRACIÓN - REGIÓN CENTRO ===== */

.region-tabs{
  max-width:1200px;
  margin:28px auto 35px;
  padding:0 20px;
  display:flex;
  justify-content:flex-start;
  gap:12px;
}

.region-tabs a{
  padding:12px 26px;
  border-radius:28px;
  background:white;
  color:#7a1f2d;
  border:1px solid rgba(122,31,45,.35);
  text-decoration:none;
  font-weight:800;
}

.region-tabs a:first-child,
.region-tabs a:hover{
  background:#7a1f2d;
  color:white;
}

/* contenedor general por provincia */
.directorio-region{
  padding:0 20px 70px;
  background:
    radial-gradient(circle at right top, rgba(212,175,55,.12), transparent 35%),
    linear-gradient(180deg,#fffdfa,#f6efe4);
}

/* bloque interno tipo dos columnas */
.directorio-region::before{
  display:none;
}

.provincia-header,
.provincia-stats,
.lista-bodegas,
.ver-mas-bodegas{
  max-width:1200px;
}

/* encabezado de provincia */
.provincia-header{
  margin:0 auto 22px;
  border-bottom:none;
  padding-bottom:0;
}

.provincia-header::before{
  content:"REGIÓN CENTRO";
  display:block;
  margin-bottom:12px;
  color:#7a1f2d;
  font-size:12px;
  font-weight:800;
  letter-spacing:3px;
}

.provincia-header::after{
  width:95px;
  height:3px;
  margin-top:18px;
}

.provincia-header h2{
  font-size:58px;
  line-height:1;
}

.provincia-header p{
  max-width:760px;
  font-size:16px;
  line-height:1.6;
}

.provincia-descripcion{
  max-width:760px;
  margin-top:14px;
  font-size:16px !important;
  color:#5f574f;
}

/* estadísticas debajo del texto */
.provincia-stats{
  margin:0 auto 28px;
  display:flex;
  gap:12px;
}

.provincia-stats span{
  background:white;
  border:1px solid rgba(122,31,45,.18);
  padding:10px 18px;
  border-radius:24px;
  color:#7a1f2d;
  font-weight:800;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
}

/* listado más compacto y alineado */
.lista-bodegas{
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.bodega-item{
  grid-template-columns:250px 1fr auto;
  padding:16px;
  border-radius:18px;
  min-height:145px;
}

.bodega-item img{
  width:250px;
  height:130px;
}

.bodega-info h3{
  font-size:28px;
}

.servicios span{
  font-size:13px;
  padding:7px 12px;
}

/* botón ver todas */
.ver-mas-bodegas{
  margin:28px auto 0;
  padding:0;
  background:transparent;
  box-shadow:none;
  display:flex;
  justify-content:center;
}

.btn-ver-mas{
  background:#7a1f2d;
  color:white;
  padding:15px 34px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  display:inline-flex;
  gap:10px;
  align-items:center;
}

.btn-ver-mas:hover{
  background:#5f1422;
}

/* HERO más parecido a la referencia */
.hero-region{
  height:430px;
}

.hero-region-content{
  max-width:1200px;
}

.hero-region-content h1{
  font-size:66px;
}

.hero-region-content p{
  font-size:19px;
  max-width:720px;
}

.hero-region-stats{
  margin-top:25px;
}

.hero-region-stats div{
  min-width:145px;
  padding:15px 18px;
}

/* RESPONSIVE */
@media(max-width:900px){
  .bodega-item{
    grid-template-columns:1fr;
  }

  .bodega-item img{
    width:100%;
    height:220px;
  }

  .provincia-header h2{
    font-size:44px;
  }

  .hero-region-content h1{
    font-size:46px;
  }
}
.hero-norte{
    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.45) 45%,
            rgba(0,0,0,.15) 100%
        ),
        url("Imagenes/Portada.jpg");
}

.directorio-region{

background:

radial-gradient(circle at left top,
rgba(122,31,45,.06),
transparent 28%),

radial-gradient(circle at right bottom,
rgba(212,175,55,.12),
transparent 35%),

linear-gradient(
180deg,
#fcfbf9,
#f6efe4,
#efe2d1);

}

.directorio-region:not(:last-child) {
    border-bottom: 1px solid rgba(122,31,45,.08);
}

.provincia-header h2{
  font-size:58px;
}

.provincia-header{
  margin:0 auto 30px;
  padding-bottom:18px;
}

.provincia-header::before{
    content:"REGIÓN NORTE";
    display:inline-block;
    color:#7a1f2d;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    margin-bottom:16px;
}
.provincia-header::after{

content:"";

display:block;

margin-top:28px;

width:180px;

height:4px;

background:linear-gradient(
90deg,
#7a1f2d,
#d4af37);

border-radius:20px;

}

.provincia-header p{
    margin-top:12px;
    font-size:18px;
    color:#6d655c;
}

.lista-bodegas {
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.bodega-item {
    display: grid;
    grid-template-columns: 260px 1fr auto;
    align-items: center;
    gap: 25px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(252,248,242,.98)
        );

    padding: 16px;
    border-radius: 18px;
    text-decoration: none;
    color: #221c17;

    border: 1px solid rgba(212,175,55,.35);

    box-shadow:
        0 12px 35px rgba(70,40,20,.08);

    transition: .35s;
}

.bodega-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(70,40,20,.14);
}

.bodega-item img {
    width: 260px;
    height: 145px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

.bodega-info h3 {
    font-family: Georgia, serif;
    font-size: 28px;
    color: #7a1f2d;
    margin-bottom: 8px;
}

.bodega-info p {
    color: #555;
    font-size: 16px;
    margin-bottom: 14px;
}

.servicios {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.servicios span {
    background: #f3ebe2;
    color: #7a1f2d;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

.badge-premium {
    display: inline-block;
    background: #d4af37;
    color: #221c17;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.bodega-item.premium {
    border: 1px solid rgba(212,175,55,.55);
    background:
        linear-gradient(
            135deg,
            #fffaf0 0%,
            #ffffff 55%,
            #fbf6eb 100%
        );
}

.btn-ficha {
    border: 1px solid #7a1f2d;
    color: #7a1f2d;
    padding: 12px 20px;
    border-radius: 30px;
    font-weight: bold;
    white-space: nowrap;
    transition: .3s;
}

.bodega-item:hover .btn-ficha {
    background: #7a1f2d;
    color: white;
}
.hero-patagonia{
    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.45) 45%,
            rgba(0,0,0,.15) 100%
        ),
        url("Imagenes/Portada.jpg");
}
.hero-emergentes{
    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.45) 45%,
            rgba(0,0,0,.15) 100%
        ),
        url("Imagenes/Portada.jpg");
}
/*==========================
      AUSPICIANTES
==========================*/

.footer-auspicia{

    display:flex;
    flex-direction:column;

}

.logos-auspiciantes{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:14px;

    margin-top:12px;

}

.logos-auspiciantes a{

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:10px;

    height:70px;

    transition:.30s;

}

.logos-auspiciantes a:hover{

    background:white;

    transform:translateY(-3px);

}

.logos-auspiciantes img{

    max-width:90px;

    max-height:42px;

    object-fit:contain;

    filter:grayscale(100%) brightness(1.8);

    opacity:.85;

    transition:.35s;

}

.logos-auspiciantes a:hover img{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}