.elementor-1956 .elementor-element.elementor-element-b92244c{--display:flex;--overlay-opacity:0.85;}.elementor-1956 .elementor-element.elementor-element-b92244c:not(.elementor-motion-effects-element-type-background), .elementor-1956 .elementor-element.elementor-element-b92244c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://orygamimarketing.com/wp-content/uploads/2025/11/fondo_dark.jpg");background-position:center center;background-size:cover;}.elementor-1956 .elementor-element.elementor-element-b92244c::before, .elementor-1956 .elementor-element.elementor-element-b92244c > .elementor-background-video-container::before, .elementor-1956 .elementor-element.elementor-element-b92244c > .e-con-inner > .elementor-background-video-container::before, .elementor-1956 .elementor-element.elementor-element-b92244c > .elementor-background-slideshow::before, .elementor-1956 .elementor-element.elementor-element-b92244c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1956 .elementor-element.elementor-element-b92244c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-4c28a47 );--background-overlay:'';}body.elementor-page-1956:not(.elementor-motion-effects-element-type-background), body.elementor-page-1956 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fd031a2 );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-834caf5 *//* --- Fuentes y Cuerpo --- */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');

/* --- Estructura Principal --- */
.split-container {
  display: flex;
  width: 100%;
  height: 100vh; 
  box-sizing: border-box;
  padding: 15px; 
  gap: 15px; 
  flex-direction: row; 
  justify-content: center;
  align-items: center;
}

/* --- Estilo de Tarjetas --- */
.split-card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  border-radius: 20px; 
  text-decoration: none; 
  transition: 
    transform 0.4s cubic-bezier(0.1, 0.8, 0.2, 1),
    box-shadow 0.4s ease,
    color 0.3s ease;
  transform: perspective(1000px); 
  flex: 0 1 550px; /* Anchura en escritorio */
  position: relative; 
  overflow: hidden; 
  
  /* --- NUEVO: Altura mínima en Escritorio --- */
  min-height: 500px; /* <-- ¡AQUÍ! Las hace más altas */
}

/* --- Efecto Moderno al pasar el ratón --- */
.split-card:hover {
  transform: perspective(1000px) scale(1.03) translateZ(20px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
.split-card.card-light:hover {
  color: #555555; 
}
.split-card.card-dark:hover {
  color: #aaaaaa; 
}

/* --- Contenido Interno (Icono y Título) --- */
.card-content {
  text-align: center;
  transition: transform 0.4s ease;
  position: relative;     
  z-index: 20 !important; 
}

.split-card:hover .card-content {
  transform: translateY(-10px); 
}

.card-icon {
  font-size: 50px;
  margin-bottom: 25px;
}
.split-card h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

/* --- Colores Específicos de Tarjetas --- */
.card-light {
  background-color: #e6e6e6;
  color: #1c1c1c;
}
.card-dark {
  background-color: #1c1c1c;
  color: #e6e6e6;
}

/* --- Efecto Glow --- */
.split-card::before {
  content: "";
  position: absolute;
  left: var(--mouse-x);
  top: var(--mouse-y);
  width: 300px; 
  height: 300px;
  border-radius: 50%;
  filter: blur(100px); 
  transform: translate(-50%, -50%); 
  transition: opacity 0.3s ease;
  z-index: 10 !important; 
  opacity: 0; 
}
.split-card:hover::before {
  opacity: 0.7 !important; 
}
.card-light::before {
  background-color: #1c1c1c;
}
.card-dark::before {
  background-color: #e6e6e6; 
}


/* * --- RESPONSIVE --- 
*/

/* TABLET (768px a 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
  .split-container {
    justify-content: stretch; 
  }
  .split-card {
    flex: 1; /* Ocupan 50/50 */
    min-height: 400px; /* Reducimos altura mín. para tablet */
  }
  .split-card h2 {
    font-size: 2rem; 
  }
}

/* MÓVIL (767px e inferior) */
@media (max-width: 767px) {
  .split-container {
    flex-direction: column; 
    height: auto; 
    min-height: 100vh; 
    justify-content: stretch; 
  }

  .split-card {
    flex: 1 1 50vh; 
    min-height: 300px;
    
    /* --- NUEVO: Anchura uniforme en móvil --- */
    width: 100%; /* <-- ¡AQUÍ! Asegura que ocupen todo el ancho */
  }
}/* End custom CSS */