/* Por defecto movil */
* {
  /* background-color: green; */
}


#garantia_gamboa_info,
#sobre_nosotros_servicios,
#sobre_nosotros_filosofia
{
  background-color: #F2F2F2;
}

section#garantia_gamboa_info{
  padding: 40px 0;
}

/* --------------------------------------------------
   CONTENEDOR SECCIÓN
-------------------------------------------------- */
.contenedor_seccion {
  /* padding: 40px 0; */
}


/* --------------------------------------------------
   CARD_PRESENTACION (stack mobile, row md+)
-------------------------------------------------- */

.contenedor_seccion .card_presentacion {
  display: flex;
  flex-direction: column;
}



.contenedor_seccion .card_presentacion>.contenedor_texto,
.contenedor_seccion .card_presentacion>.media {
  background: #fff !important;
}

/* --------------------------------------------------
   CONTENEDOR DE TEXTO
-------------------------------------------------- */

.contenedor_seccion .contenedor_texto {
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: white !important;
  /* height: 700px; */
  height: fit-content;
  /* max-height: 700px;
  min-height: 500px; */
  border-radius: 16px;
}

/* --------------------------------------------------
   TÍTULO, SEPARADOR, TEXTO
-------------------------------------------------- */
.contenedor_seccion .titulo {
  margin: 0;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.8px;
  color: #1D1D1C;
  text-align: start;
  
}

/* padding-top: 10px; */

.contenedor_seccion .subtitulo {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #D0112C;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.contenedor_seccion .separador {
  width: 48px;
  height: 4px;
  background-color: #D0112C;
  margin: 12px 0;
}

.contenedor_seccion .texto {
  color: black;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: start;
}

.contenedor_seccion .texto p {
  margin-bottom: 1em;
  margin-top: 1.3em;
}



.contenedor_seccion .btn_info {
  display: flex !important;
  /* Flex para centrar el texto */
  align-items: center !important;
  /* Centrado vertical */
  justify-content: center !important;
  /* Centrado horizontal del texto del botón */
  gap: 8px !important;
  padding: 14px 20px !important;
  width: 100%;
  /* Ocupa todo el ancho del contenedor */
  max-width: 207px;
  background: var(--Color-Primary-Primary-500, #D0112A) !important;
  border: none !important;
  border-radius: 20px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;

  /* 🔹 Botón a la izquierda del contenedor */
  margin-right: auto !important;
  margin-top: 24px !important;
  /* separación natural del texto */
}

.contenedor_seccion .media {
  width: 100%;
  /* height: 700px; */
  height: 100%;
  display: block;
  object-fit: cover;
  background-color: #000;
  border-radius: 16px;
}

/* MOBILE */
@media (max-width: 992px) {

  /** dejarlo aqui dentro, es exclusivo para mvl */
  #sobre_nosotros_servicios{
    padding-bottom: 45px;
}

  .contenedor_seccion .media {
    width: 1100px;
    height: 700px;
  }

  .contenedor_seccion .texto{
    font-size: 14px;
  }

  .contenedor_seccion .contenedor_texto{
    /* max-height: 700px;
    min-height: 300px; */
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 0 !important;
    height: auto !important;
  }

    /* Solo la card con .inverted va al revés */
    .card_presentacion.inverted {
      flex-direction: row;
      margin-top: 30px;
      padding-bottom: 20px;
    }

  .card_presentacion {
    padding: 35px 0px;
    background-color: #f2f2f2;
    display: flex !important;
    flex-direction: column !important;
  }

  .contenedor_seccion  .media {
    height: 417px !important;
    min-height: 0 !important;
    margin-top: 32px !important;


  }

.card_presentacion .imagen {
    width: 50%;
    padding-top: 0;
    height: auto;
  }

  /* Fija una altura igual para ambas en desktop */
   .card_presentacion .imagen {
    height: 360px;
  }
}



/* DESKTOP */
@media (min-width: 993px) {

  /* Por defecto: texto a la izquierda, imagen a la derecha */
  .contenedor_seccion .card_presentacion {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    row-gap: 2rem;
    align-items: stretch;
    background: transparent;
    padding-bottom: 20px;
  }

  .contenedor_seccion .contenedor_texto {
    padding: 64px;
  }

  .contenedor_seccion .card_presentacion .img-fluid {
    object-fit: cover;
  }

  /* Solo la card con .inverted va al revés */

  .contenedor_seccion .card_presentacion.inverted {
    flex-direction: row;
    margin-top: 30px;
    padding-bottom: 20px;
  }

  .contenedor_seccion .contenedor_texto{
    max-height: 700px;
    min-height: 500px;
  }
}

@media (max-width: 768px) {
  .contenedor_seccion .media {
    /* height: 417px !important; */
    min-height: 0 !important;
    /* margin-top: 32px !important; */
  }

  .contenedor_seccion .contenedor_texto {
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 0 !important;
    height: auto !important;


  }

  .contenedor_seccion  .subtitulo {
    font-weight: 200 !important;
    margin-bottom: 20px !important;

  }

  .contenedor_seccion  .card_presentacion {
    padding: 35px 0px;
    /* background-color: #f2f2f2; */
    background-color: transparent;

  }

  .contenedor_seccion  .titulo {
    margin-bottom: 20px !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    /* 129.412% */
    letter-spacing: -0.68px;
  }

  .contenedor_seccion  .texto p {
    margin: 0 !important;
  }

  .contenedor_seccion  .card_presentacion {
    display: flex !important;
    flex-direction: column !important;
  }

  .contenedor_seccion  .card_presentacion.inverted {
    flex-direction: column !important;
    padding-top: 0 !important;
  }

  .contenedor_seccion  .card_presentacion.inverted .contenedor_texto {
    order: 1 !important;
  }

  .contenedor_seccion  .card_presentacion.inverted .media {
    order: 2 !important;
    border: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .contenedor_seccion .media {
    /* height: 417px !important; */
    min-height: 0 !important;
    /* margin-top: 32px !important; */
  }
}

.uk-grid>* {
  padding: 20px !important;
  margin: 10px;
}