:root {
  /* Paleta Champagne Elegante para Precios */
  --encabezado: #D4C4A8;
  --fondo-nav: #1A1512;
  --fondo-transparent: #1A1512e8;
  --overlay-head: rgb(0 0 0 / 67%);
  --overlays: rgb(0 0 0 / 70%);
  --linea: #E8DCC4;
  --menu-h: #010302;
  --fondo-tabla: #ffffffe8;
  --tachado: #8B4513;
  --bordes: #3D2319;
}

.container-precios {
    padding: 0;
    max-width: 117rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

b {
    font-weight: normal;
}

@media (min-width: 768px) { 


    .encabezado-precios {
        grid-column: 1/3;
    }
    
    .tablas-precios {
        grid-column: 1/3;
    }
}
     

.encabezado-precios {
    width: 90%;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.precios-badge {
    display: inline-block;
    background: linear-gradient(135deg, var(--color-caoba) 0%, var(--color-caoba-claro) 100%);
    color: var(--color-champagne);
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.precios-titulo-principal {
    font-size: 28px;
    color: var(--bordes);
    line-height: 1.4;
    margin-bottom: 30px;
}

.precios-titulo-principal strong {
    color: var(--color-caoba);
}

.precios-info-card {
    width: 100%;
    background: linear-gradient(145deg, #fff 0%, var(--color-crema) 100%);
    border-radius: 20px;
    padding: 0;
    margin: 10px 0 30px;
    box-shadow: 0 10px 40px rgba(61, 35, 25, 0.1);
    overflow: hidden;
    border: 1px solid rgba(184, 149, 108, 0.2);
}

.precios-info-header {
    background: linear-gradient(135deg, var(--color-caoba) 0%, var(--color-caoba-claro) 100%);
    padding: 18px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.precios-info-header i {
    font-size: 22px;
    color: var(--color-champagne);
}

.precios-info-header span {
    color: var(--color-champagne);
    font-size: 16px;
    font-weight: 600;
}

.encabezado-precios .precios-ul {
    background: transparent;
    padding: 25px 30px;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.encabezado-precios .precios-ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--bordes);
    text-align: left;
    font-weight: 500;
    font-size: 15px;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.encabezado-precios .precios-ul li:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(61, 35, 25, 0.1);
}

.encabezado-precios .precios-ul li i {
    font-size: 16px;
    color: #fff;
    background: linear-gradient(135deg, var(--color-bronce) 0%, var(--color-champagne) 100%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.precios-descripcion {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin: 8px 0;
}

.precios-descripcion strong {
    color: var(--bordes);
}

@media (max-width: 576px) {
    .precios-titulo-principal {
        font-size: 22px;
    }

    .encabezado-precios .precios-ul {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .precios-info-header {
        padding: 15px 20px;
    }

    .precios-info-header span {
        font-size: 14px;
    }
}





/* segunda parte */
.tablas-precios {
    display: flex;
    flex-direction: column;
    row-gap: 4rem;
    align-items: center;
    margin-top: 3rem;
    /* background-color: red; */
}
  

  @media (min-width: 768px) { 
    .tablas-precios {
        flex-direction: row;
        column-gap: 3rem;
        justify-content: center;
        flex-wrap: wrap;
    }
  }
 
  @media (min-width: 1024px) { 
    .tablas-precios {
        justify-content: space-evenly;
        column-gap: unset;
    }
  }

  .team {
    width: 90%;
  }

  @media (min-width: 480px) { 
    .team {
        width: 85%;
      }
  }
  @media (min-width: 576px) { 
    .team {
        width: 76%;
      }
  }

  @media (min-width: 768px) { 
    .team {
        width: 45%;
      }
  }

  
  @media (min-width: 1024px) { 
    .team {
        width: 29%;
      }

  }

  .thumbnail {
    background-image: url(../images/white-waves.webp);
    margin: 0 auto;
    padding: 0;
    border-radius: 2rem;
    overflow: hidden;
    border: none;
    box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 85%);
}

.thumbnail .team-img {
  position: relative;
  display: block;
}

.thumbnail .team-img::after {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 0.3rem solid rgb(52 51 50 / 38%);
  border-radius: 15px 15px 0 0;
}

#team .thumbnail .team-img:before {
  border: 0.3rem solid rgb(52 51 50 / 38%);
}

#team .thumbnail .team-img::before {
    border-radius: 2rem 2rem 0 0;
    -webkit-border-radius: 2rem 2rem 0 0;
    -moz-border-radius: 2rem 2rem 0 0;
    -ms-border-radius: 2rem 2rem 0 0;
    -o-border-radius: 2rem 2rem 0 0;
}

.alert, .icono {
    color: #f00000;
    margin: 0;
    padding: 0 0.7rem 0 0;
    font-size: 1.7rem;
}

.fa-sack-dollar {
    padding: 0 0.7rem 0 0;
}

.fa-check, .li-y{
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.tachado {
    text-decoration: line-through;
    color: var(--tachado);
    font-weight: 500;
}



  img {
    width:100%;
  }

  .thumbnail .team-img::before {
    border: 0.3rem solid rgb(52 51 50 / 38%);
  }

  .thumbnail .cinta {
    width: 100%;
    height: 4.5rem;
    background: linear-gradient(135deg,
      #3D2319 0%,
      #5C3D2E 15%,
      #B8956C 30%,
      #D4C4A8 45%,
      #E8DCC4 50%,
      #D4C4A8 55%,
      #B8956C 70%,
      #5C3D2E 85%,
      #3D2319 100%
    );
  }

  @media (min-width: 480px) { 
    .thumbnail .cinta {
        height: 5.5rem;
      }
  }



  .precios-titulo .h3 {
    font-size: 2rem;
    font-weight: bold;
    color: #0e0e0e;
    /* font-family: 'Cormorant Garamond', serif; */
    text-align: center;
    text-transform: uppercase;
    padding: 2rem 0 1.2rem 0;
    margin: 0;
} 


.listado-descripcion ul {
    color: #0e0e0e;
    margin: 1rem 10%;
    text-align: left;
  }

  .listado-descripcion ul li {
    padding: .5rem;
  }

  .thumbnail .caption {
    text-align: center;
  }
  
  .thumbnail .caption h3 {
    text-transform: uppercase;
    font-family: 'Lobster', sans-serif;
    font-size: 3rem;
    color: #0e0e0e;
    letter-spacing: .2rem;
}


#team .thumbnail .caption p:nth-of-type(1){
  padding-top: 1.85rem ;
  padding-bottom: .2rem;
}

.thumbnail .caption span {
  color: red;
  font-weight: bold;
}

#team .thumbnail .caption p {
    color: #0e0e0e;
    padding: 2rem;
    font-weight: 400;
    margin: 0;
}

.thumbnail .caption p b {
  font-weight: 600;
}



  /* .btn-2 {
    background: linear-gradient(0deg, rgb(138 137 137) 0%, rgb(255 255 255) 100%);
    border: none;
    padding: 16px;
    margin: 18px 0;
    border-radius: 5px;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    letter-spacing: .5px;
}

.btn-2:hover {
    box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
} */

.precios-boton {
    background: linear-gradient(135deg,
      #3D2319 0%,
      #5C3D2E 15%,
      #B8956C 30%,
      #D4C4A8 45%,
      #E8DCC4 50%,
      #D4C4A8 55%,
      #B8956C 70%,
      #5C3D2E 85%,
      #3D2319 100%
    );
    text-align: center;
  }


  .footer-price {
    padding: 7rem 0;
  }

/* Bloque de recargo fin de semana */
.caption .weekend-surcharge {
  background: linear-gradient(135deg, var(--color-crema) 0%, var(--color-champagne-claro) 100%);
  border: 1.5px solid var(--color-bronce);
  border-radius: 1rem;
  padding: 1.2rem 1.5rem;
  margin: 1.5rem auto 1rem auto;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  max-width: 90%;
  box-shadow: 0 3px 10px rgba(61, 35, 25, 0.15);
}

.caption .weekend-surcharge .weekend-icon {
  background: linear-gradient(135deg, var(--color-champagne) 0%, var(--color-bronce) 100%);
  width: 4.5rem;
  height: 4.5rem;
  min-width: 4.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(184, 149, 108, 0.4);
}

.caption .weekend-surcharge .weekend-icon i {
  color: var(--color-caoba);
  font-size: 2rem;
}

.caption .weekend-surcharge .weekend-text {
  text-align: left;
}

.caption .weekend-surcharge .weekend-title {
  color: var(--color-caoba);
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 0.3rem 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.caption .weekend-surcharge .weekend-amount {
  color: var(--color-caoba);
  font-size: 2.2rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1.1;
  font-family: 'Lobster', sans-serif;
}

.caption .weekend-surcharge .weekend-days {
  color: var(--color-cafe-dorado);
  font-weight: 600;
  margin: 0.3rem 0 0 0;
  padding: 0;
  font-size: 1.1rem;
}
/* Fin bloque de recargo fin de semana */