/* ==========================================================
   VINOS · COMPLEMENTOS DE DISEÑO
   Cargar después de /assets/css/styles.css
========================================================== */

/* Tarjetas visuales: estructura consistente */
.wine-style-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.wine-style-card__media{
  margin:0;
  overflow:hidden;
  background:#d8c6ad;
}

.wine-style-card__media > img{
  display:block;
  width:100%;
  aspect-ratio:1.42 / 1;
  object-fit:cover;
  object-position:center;
}

.wine-style-card__body{
  position:relative;
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:210px;
  padding:34px 32px 32px;
}

.wine-style-card__body > p:last-child{
  margin-top:auto;
}

/* ==========================================================
   ESPAÑA
========================================================== */

.wine-section--spain{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 10%,rgba(185,137,77,.10),transparent 30%),
    var(--cream-2);
}

.wine-section--spain::before{
  content:"";
  position:absolute;
  top:54px;
  right:4%;
  width:360px;
  height:360px;
  background:url("../images/logo-restaurante-ponchos.png") center/contain no-repeat;
  opacity:.025;
  pointer-events:none;
}

.wine-section--spain .container{
  position:relative;
  z-index:1;
}

.wine-section__head--spain{
  padding-bottom:26px;
  border-bottom:1px solid rgba(185,137,77,.20);
}

.wine-style-grid--spain{
  align-items:stretch;
}

.wine-style-card--spain{
  border-color:rgba(31,58,47,.13);
  background:rgba(255,255,255,.80);
  box-shadow:0 20px 50px rgba(18,33,26,.10);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.wine-style-card--spain:hover{
  transform:translateY(-4px);
  border-color:rgba(185,137,77,.42);
  box-shadow:0 27px 65px rgba(18,33,26,.15);
}

.wine-style-card--spain .wine-style-card__media img{
  transition:transform .4s ease;
}

.wine-style-card--spain:hover .wine-style-card__media img{
  transform:scale(1.025);
}

.wine-style-card--spain h3{
  margin:.12em 0 .45em;
  padding-right:78px;
  color:var(--green-dark);
  font-size:clamp(1.7rem,2.3vw,2.15rem);
  line-height:1.08;
}

.wine-style-card--spain .wine-style-card__mark{
  position:absolute;
  top:-28px;
  right:28px;
  z-index:5;
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  margin:0;
  padding:8px;
  border:1px solid rgba(185,137,77,.20);
  border-radius:50%;
  background:#faf7f1;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
}

.wine-style-card--spain .wine-style-card__mark img{
  width:42px;
  height:42px;
  object-fit:contain;
  opacity:.42;
}

/* ==========================================================
   BLANCOS
========================================================== */

.wine-section--whites{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 16%,rgba(185,137,77,.08),transparent 28%),
    var(--cream);
}

.wine-section--whites::before{
  content:"";
  position:absolute;
  left:4%;
  bottom:42px;
  width:320px;
  height:320px;
  background:url("../images/logo-restaurante-ponchos.png") center/contain no-repeat;
  opacity:.018;
  pointer-events:none;
}

.wine-section--whites .container{
  position:relative;
  z-index:1;
}

.wine-section__head--whites{
  padding-bottom:26px;
  border-bottom:1px solid rgba(185,137,77,.18);
}

.wine-style-grid--whites{
  align-items:stretch;
}

.wine-style-card--white{
  border-color:rgba(31,58,47,.12);
  background:rgba(255,255,255,.86);
}

.wine-style-card--white h3{
  margin:.12em 0 .45em;
  padding-right:78px;
  color:var(--green-dark);
  font-size:clamp(1.7rem,2.3vw,2.15rem);
  line-height:1.08;
}

.wine-style-card--white .wine-style-card__mark{
  position:absolute;
  top:-28px;
  right:28px;
  z-index:5;
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  margin:0;
  padding:8px;
  border:1px solid rgba(185,137,77,.20);
  border-radius:50%;
  background:#faf7f1;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
}

.wine-style-card--white .wine-style-card__mark img{
  width:42px;
  height:42px;
  object-fit:contain;
  opacity:.38;
}

/* ==========================================================
   ROSADOS
========================================================== */

.wine-section--roses{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 12%,rgba(206,137,132,.10),transparent 32%),
    var(--cream-2);
}

.wine-section--roses::before{
  content:"";
  position:absolute;
  top:58px;
  right:4%;
  width:340px;
  height:340px;
  background:url("../images/logo-restaurante-ponchos.png") center/contain no-repeat;
  opacity:.022;
  pointer-events:none;
}

.wine-section--roses .container{
  position:relative;
  z-index:1;
}

.wine-section__head--roses{
  padding-bottom:26px;
  border-bottom:1px solid rgba(185,137,77,.18);
}

.wine-style-grid--roses{
  align-items:stretch;
}

.wine-style-card--rose{
  border-color:rgba(31,58,47,.13);
  background:rgba(255,255,255,.82);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.wine-style-card--rose:hover{
  transform:translateY(-4px);
  border-color:rgba(185,137,77,.42);
  box-shadow:0 27px 65px rgba(18,33,26,.15);
}

.wine-style-card--rose .wine-style-card__media{
  background:#dec9c1;
}

.wine-style-card--rose .wine-style-card__media img{
  transition:transform .4s ease;
}

.wine-style-card--rose:hover .wine-style-card__media img{
  transform:scale(1.025);
}

.wine-style-card--rose h3{
  margin:.12em 0 .45em;
  padding-right:78px;
  color:var(--green-dark);
  font-size:clamp(1.7rem,2.3vw,2.15rem);
  line-height:1.08;
}

.wine-style-card--rose .wine-style-card__mark{
  position:absolute;
  top:-28px;
  right:28px;
  z-index:5;
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  margin:0;
  padding:8px;
  border:1px solid rgba(185,137,77,.20);
  border-radius:50%;
  background:#faf7f1;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
}

.wine-style-card--rose .wine-style-card__mark img{
  width:42px;
  height:42px;
  object-fit:contain;
  opacity:.34;
}

/* ==========================================================
   ESPUMOSOS
========================================================== */

.wine-section--sparkling{
  position:relative;
  background:
    radial-gradient(circle at 14% 8%,rgba(185,137,77,.08),transparent 30%),
    var(--cream);
}

.wine-style-grid--sparkling{
  align-items:stretch;
}

.wine-style-card--sparkling{
  background:rgba(255,255,255,.86);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.wine-style-card--sparkling:hover{
  transform:translateY(-4px);
  border-color:rgba(185,137,77,.42);
  box-shadow:0 27px 65px rgba(18,33,26,.15);
}

/* ==========================================================
   AJUSTES RESPONSIVE
========================================================== */

@media(max-width:900px){
  .wine-style-grid--spain,
  .wine-style-grid--whites,
  .wine-style-grid--roses,
  .wine-style-grid--sparkling{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .wine-style-card__body{
    min-height:195px;
    padding:32px 24px 28px;
  }

  .wine-style-card--spain .wine-style-card__mark,
  .wine-style-card--white .wine-style-card__mark,
  .wine-style-card--rose .wine-style-card__mark{
    top:-25px;
    right:22px;
    width:58px;
    height:58px;
  }

  .wine-style-card--spain .wine-style-card__mark img,
  .wine-style-card--white .wine-style-card__mark img,
  .wine-style-card--rose .wine-style-card__mark img{
    width:34px;
    height:34px;
  }

  .wine-style-card--spain h3,
  .wine-style-card--white h3,
  .wine-style-card--rose h3{
    padding-right:68px;
  }
}

@media(prefers-reduced-motion:reduce){
  .wine-style-card--spain,
  .wine-style-card--spain .wine-style-card__media img,
  .wine-style-card--rose,
  .wine-style-card--rose .wine-style-card__media img,
  .wine-style-card--sparkling{
    transition:none;
  }
}