@charset "UTF-8";

/* =========================================
    MEDIA QUERIES (VALORES ORIGINALES)
=========================================== */

@media (min-width: 768px) {
    
  .slogan-image,
.image-area img,
.image-area video,
.bloque-servicio {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
     .contenedor-servicios {
        flex-direction: row;
        flex-wrap: wrap;
    }
  .text-content .slogan-image {
    float: left;
    width: 50%;
    margin-right: var(--padding-global);
  }
  .video-float {
  float: left;
  width: 100%;
  max-width: 55%;
  height: auto;
  margin-right: 2rem;
  margin-bottom: 1rem;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  display: block;
}
  .mission-vision-wrapper,
  .soluciones-servicios-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mission-vision-wrapper > section,
  .soluciones-servicios-wrapper > section {
    flex: 1 1 45%;
    min-width: 0;
  }
  
  
  .contact-video {
    width: 100%;
    height: auto;
  }
 
}
/* Responsive: En móviles ocupa casi todo el ancho */
/*====== MODAL CONTENT======*/
@media (max-width: 768px) {
  .modal-content {
    width: 90%;
    padding: 1.5rem;
  }
}


@media (min-width: 1440px) {
  p,
  ul,
  ol,
  li {
    max-width: 120ch;
  }
}
/* ======================================
        CONTENEDOR SERVICIOS RESPONSIVE
========================================== */


@media (min-width: 1440px) {
    .bloque-servicio {
        flex: 1 1 calc(25% - 1rem);
    }
}
/* ============================================
   CONVERSOR DE MONEDA - RESPONSIVE
============================================ */

@media (max-width: 768px) {
  .price-tag {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  
  .price-tag .conversion {
    margin-left: 0;
    text-align: center;
  }
  
  .currency-selector {
    width: 100%;
    max-width: 300px;
  }
}