@import url(global.css);


/* ------------------------------------------ */
/* ----- seccion terapias incluidas --------- */
/* ------------------------------------------ */

#seccion_terapias1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: var(--section-padding-xl2);
    padding-bottom: var(--section-padding-2);
    gap: var(--gap-titulo-conjunto-section-30);
    background-color: transparent;
    height: fit-content;
}

.titulo_seccion_terapias1 {
    font-size: var(--font-size-xxxl);
    font-weight: var(--font-weight-bold);
    text-align: center;
    width: 90%;
}

.conjunto_terapias1 {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden; 
    scroll-snap-type: x mandatory;
    gap: 8px;
    width: 100%;
    /* height: 80vh; */
    align-items: stretch;   /* 👈 todas las tarjetas estiran a la misma altura */
}

/* Cada tarjeta de terapia */
.link_terapia1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 84%;    
    scroll-snap-align: start;
    text-decoration: none;
    color: inherit;
    height: 100%;       /* 👈 ocupa toda la altura del carrusel */
}

.imagen_terapia1 {
    width: 96%;
    height: 50vh;
    object-fit: cover;
    /* filter: brightness(0.85); */
    border-radius: var(--border-img);
}

/* Información superpuesta */
.item_terapia1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;   /* 👈 título arriba + texto + botón abajo */
    align-items: flex-start;
    width: 99%;
    padding: 16px;
    color: black;
    text-align: left;
    gap: 10px;
    flex: 1;                          /* 👈 ocupa todo el espacio libre bajo la imagen */
}

.nombre_terapia1 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-lg);
}

.texto_terapia1 {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-regular);
    line-height: 1.4;
    /* flex-grow: 1; */
}

.btns_terapias1{
    display: flex;
    gap: 10px;
}

.btn_action_solid_terapia1 {
    /* display: inline; */
    width: fit-content;
    font-size: var(--font-size-btn-mas-compra);
    border: 0.8px solid white;
    color: white;
    background-color: var(--back-apple);
    border-radius: var(--border-radius-btn-mas-compra);
    padding: var(--padding-btn-mas-compra);
}

.btn_toggle1 {
    background-color: white;
    color: black;
    border: 0.125rem solid black;

}

/* Ocultar barra de desplazamiento */
.conjunto_terapias1::-webkit-scrollbar {
    display: none;
}













/* 
.beneficios_terapro {
    margin-top: 120px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    z-index: 2;
}

.benef_item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.benef_item img {
    width: 28px;
    height: 28px;
    filter: brightness(0) invert(1); 
}

.benef_item span {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

@media (min-width: 768px) {
    .beneficios_terapro {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 40px;
    }

    .benef_item {
        justify-content: flex-start;
    }
} */

/* ------------------------------------------ */
/* ----- seccion orden circuito ------------- */
/* ------------------------------------------ */

.benefits_plunge_style{
    background-color: rgb(37, 37, 37);
    padding: 60px 20px 90px;
    text-align: center;
    color: #fff;
  }
  
  /* =====================================================
     TÍTULO
  ===================================================== */
  
  .bp_title{
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    line-height: 1.25;
    margin-bottom: 60px;
  }
  
  /* =====================================================
     LISTA
  ===================================================== */
  
  .bp_list{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* =====================================================
     ITEM
  ===================================================== */
  
  .bp_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    max-width: 300px;
  }
  
  /* icono */
  .bp_icon{
    width: 60px;
    height: 60px;
    object-fit: contain;
  }
  
  /* títulos */
  .bp_item h3{
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: 1.3;
  }
  
  /* texto */
  .texto_orden{
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-regular);
    line-height: 1.45;
    opacity: 0.9;
  }
  
  /* =====================================================
     DESKTOP – GRILLA TIPO PLUNGE
  ===================================================== */
  
  @media (min-width: 768px){
    .bp_list{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 64px 32px;
      align-items: start;
    }
  
    .bp_item{
      max-width: none;
    }
  
    /* último bloque destacado */
    .bp_item_final{
      grid-column: 1 / -1;
      max-width: 900px;
      margin: 0 auto;
    }
  }