.elementor-kit-5{--e-global-color-primary:#1E3A2B;--e-global-color-secondary:#3D6850;--e-global-color-text:#3A3A38;--e-global-color-accent:#8C3552;--e-global-color-burdeos:#A6114A;--e-global-color-burdeos-degradado:#C15880;--e-global-color-rosa:#E01F7F;--e-global-color-rosa-degradado:#E962A5;--e-global-color-verde:#00894B;--e-global-color-verde-degradado:#4DAC81;--e-global-color-verde-oscuro:#006D36;--e-global-color-verde-oscuro-degradado:#4D9972;--e-global-color-verde-claro:#54CA54;--e-global-color-verde-claro-degradado:#87DA87;--e-global-color-blanco:#FFFFFF;--e-global-color-negro:#000000;--e-global-color-gris-texto:#5A5A5A;--e-global-color-fondo-suave:#F7F5F6;--e-global-color-verde-profundo:#1E3A2B;--e-global-color-verde-apagado:#3D6850;--e-global-color-verde-salvia:#7A9A84;--e-global-color-burdeos-apagado:#8C3552;--e-global-color-crema:#FAF8F4;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-size:2.5rem;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.6em;--e-global-typography-primary-letter-spacing:0.0125rem;--e-global-typography-secondary-font-family:"Quicksand";--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.6em;--e-global-typography-secondary-letter-spacing:0.0125rem;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:1.0625rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0.0125rem;--e-global-typography-accent-font-family:"Quicksand";--e-global-typography-accent-font-size:0.8125rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.6em;--e-global-typography-accent-letter-spacing:0.0125rem;--e-global-typography-menu-font-family:"Quicksand";--e-global-typography-menu-font-size:0.9375rem;--e-global-typography-menu-font-weight:500;--e-global-typography-menu-line-height:1.6em;--e-global-typography-menu-letter-spacing:0.0125rem;--e-global-typography-cita-font-family:"Quicksand";--e-global-typography-cita-font-size:1.625rem;--e-global-typography-cita-font-weight:400;--e-global-typography-cita-line-height:1.6em;--e-global-typography-cita-letter-spacing:0.0125rem;--e-global-typography-boton-font-family:"Quicksand";--e-global-typography-boton-font-size:0.8125rem;--e-global-typography-boton-font-weight:600;--e-global-typography-boton-line-height:1.6em;--e-global-typography-boton-letter-spacing:0.0125rem;--e-global-typography-apartado-font-family:"Quicksand";--e-global-typography-apartado-font-size:1.125rem;--e-global-typography-apartado-font-weight:500;--e-global-typography-apartado-line-height:1.6em;--e-global-typography-apartado-letter-spacing:0.0125rem;--e-global-typography-lista-font-family:"Nunito Sans";--e-global-typography-lista-font-size:1rem;--e-global-typography-lista-font-weight:400;--e-global-typography-lista-line-height:1.6em;--e-global-typography-lista-letter-spacing:0.0125rem;background-color:#FFFFFF;font-family:"Nunito Sans", Sans-serif;font-size:1.0625rem;font-weight:400;line-height:1.85em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#8C3552;font-family:"Quicksand", Sans-serif;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.0625rem;color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:15px 30px 15px 30px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#3D6850;color:#FFFFFF;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== CASA: INICIO ===== */

/* --- 1. REMATES DE LA PORTADA ------------------------------------------------------------------ */

/* La foto de «quienes somos» ocupa su columna entera: el widget no estira por su cuenta y salia como
   un sello pequeno al lado de un texto largo. */
.selene-quienes-somos img { width: 100% !important; height: auto !important; border-radius: 6px;
  box-shadow: 0 18px 44px rgba(30,58,43,0.18); }

/* El titular de la portada, con el tamano que le toca. Elementor escribe su propia regla POR ELEMENTO
   (mas peso que la de la casa), asi que aqui hace falta `!important` para ganarle. */
.selene-portada h1.elementor-heading-title { font-size: 60px !important; line-height: 1.08 !important;
  letter-spacing: 0.005em; }
.selene-portada h2.elementor-heading-title { font-size: 30px !important; font-weight: 400 !important; }
.selene-portada p { text-shadow: 0 1px 14px rgba(0,0,0,0.4); }
.selene-portada .elementor-button { box-shadow: 0 12px 30px rgba(0,0,0,0.3); }

/* Las tarjetas de destinos: misma franja de foto para todas (unas son apaisadas y otras verticales) y
   un vuelo suave al pasar por encima. */
.selene-destino img { width: 100%; height: 230px; object-fit: cover; border-radius: 4px; display: block; }
.selene-destino { border-radius: 8px; box-shadow: 0 8px 26px rgba(30,58,43,0.08);
  transition: box-shadow .3s ease, transform .3s ease; }
.selene-destino:hover { box-shadow: 0 18px 40px rgba(30,58,43,0.16); transform: translateY(-4px); }

/* Los circulos de los iconos, con una sombra muy leve. */
.elementor-widget-icon .elementor-icon { box-shadow: 0 6px 18px rgba(30,58,43,0.16); }

/* --- 2. ANCHURA DE COLUMNAS --------------------------------------------------------------------
   Las clases existen pero Elementor 4 ya no trae su regla: sin esto, cada columna se encoge a lo que
   mide su contenido. Se deriva del nombre de la clase, que es justo lo que la clase significa. */.elementor-column.elementor-col-1{width:1%}
.elementor-column.elementor-col-2{width:2%}
.elementor-column.elementor-col-3{width:3%}
.elementor-column.elementor-col-4{width:4%}
.elementor-column.elementor-col-5{width:5%}
.elementor-column.elementor-col-6{width:6%}
.elementor-column.elementor-col-7{width:7%}
.elementor-column.elementor-col-8{width:8%}
.elementor-column.elementor-col-9{width:9%}
.elementor-column.elementor-col-10{width:10%}
.elementor-column.elementor-col-11{width:11%}
.elementor-column.elementor-col-12{width:12%}
.elementor-column.elementor-col-13{width:13%}
.elementor-column.elementor-col-14{width:14%}
.elementor-column.elementor-col-15{width:15%}
.elementor-column.elementor-col-16{width:16%}
.elementor-column.elementor-col-17{width:17%}
.elementor-column.elementor-col-18{width:18%}
.elementor-column.elementor-col-19{width:19%}
.elementor-column.elementor-col-20{width:20%}
.elementor-column.elementor-col-21{width:21%}
.elementor-column.elementor-col-22{width:22%}
.elementor-column.elementor-col-23{width:23%}
.elementor-column.elementor-col-24{width:24%}
.elementor-column.elementor-col-25{width:25%}
.elementor-column.elementor-col-26{width:26%}
.elementor-column.elementor-col-27{width:27%}
.elementor-column.elementor-col-28{width:28%}
.elementor-column.elementor-col-29{width:29%}
.elementor-column.elementor-col-30{width:30%}
.elementor-column.elementor-col-31{width:31%}
.elementor-column.elementor-col-32{width:32%}
.elementor-column.elementor-col-33{width:33%}
.elementor-column.elementor-col-34{width:34%}
.elementor-column.elementor-col-35{width:35%}
.elementor-column.elementor-col-36{width:36%}
.elementor-column.elementor-col-37{width:37%}
.elementor-column.elementor-col-38{width:38%}
.elementor-column.elementor-col-39{width:39%}
.elementor-column.elementor-col-40{width:40%}
.elementor-column.elementor-col-41{width:41%}
.elementor-column.elementor-col-42{width:42%}
.elementor-column.elementor-col-43{width:43%}
.elementor-column.elementor-col-44{width:44%}
.elementor-column.elementor-col-45{width:45%}
.elementor-column.elementor-col-46{width:46%}
.elementor-column.elementor-col-47{width:47%}
.elementor-column.elementor-col-48{width:48%}
.elementor-column.elementor-col-49{width:49%}
.elementor-column.elementor-col-50{width:50%}
.elementor-column.elementor-col-51{width:51%}
.elementor-column.elementor-col-52{width:52%}
.elementor-column.elementor-col-53{width:53%}
.elementor-column.elementor-col-54{width:54%}
.elementor-column.elementor-col-55{width:55%}
.elementor-column.elementor-col-56{width:56%}
.elementor-column.elementor-col-57{width:57%}
.elementor-column.elementor-col-58{width:58%}
.elementor-column.elementor-col-59{width:59%}
.elementor-column.elementor-col-60{width:60%}
.elementor-column.elementor-col-61{width:61%}
.elementor-column.elementor-col-62{width:62%}
.elementor-column.elementor-col-63{width:63%}
.elementor-column.elementor-col-64{width:64%}
.elementor-column.elementor-col-65{width:65%}
.elementor-column.elementor-col-66{width:66%}
.elementor-column.elementor-col-67{width:67%}
.elementor-column.elementor-col-68{width:68%}
.elementor-column.elementor-col-69{width:69%}
.elementor-column.elementor-col-70{width:70%}
.elementor-column.elementor-col-71{width:71%}
.elementor-column.elementor-col-72{width:72%}
.elementor-column.elementor-col-73{width:73%}
.elementor-column.elementor-col-74{width:74%}
.elementor-column.elementor-col-75{width:75%}
.elementor-column.elementor-col-76{width:76%}
.elementor-column.elementor-col-77{width:77%}
.elementor-column.elementor-col-78{width:78%}
.elementor-column.elementor-col-79{width:79%}
.elementor-column.elementor-col-80{width:80%}
.elementor-column.elementor-col-81{width:81%}
.elementor-column.elementor-col-82{width:82%}
.elementor-column.elementor-col-83{width:83%}
.elementor-column.elementor-col-84{width:84%}
.elementor-column.elementor-col-85{width:85%}
.elementor-column.elementor-col-86{width:86%}
.elementor-column.elementor-col-87{width:87%}
.elementor-column.elementor-col-88{width:88%}
.elementor-column.elementor-col-89{width:89%}
.elementor-column.elementor-col-90{width:90%}
.elementor-column.elementor-col-91{width:91%}
.elementor-column.elementor-col-92{width:92%}
.elementor-column.elementor-col-93{width:93%}
.elementor-column.elementor-col-94{width:94%}
.elementor-column.elementor-col-95{width:95%}
.elementor-column.elementor-col-96{width:96%}
.elementor-column.elementor-col-97{width:97%}
.elementor-column.elementor-col-98{width:98%}
.elementor-column.elementor-col-99{width:99%}
.elementor-column.elementor-col-100{width:100%}

/* --- 3. CABECERA Y PIE LEGIBLES -----------------------------------------------------------------
   El fondo de las dos zonas es verde oscuro. Su texto salia casi negro (invisible) y sus enlaces en un
   rosa fuerte que no es de la paleta. */
.elementor-location-footer,
.elementor-location-footer p,
.elementor-location-footer span,
.elementor-location-footer .elementor-heading-title,
.elementor-location-footer .elementor-icon-list-text,
.elementor-location-footer .elementor-widget-text-editor { color: #EAF0EB; }
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3,
.elementor-location-footer h4 { color: #FFFFFF; }
.elementor-location-footer a { color: #FFFFFF; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-thickness: 1px; text-decoration-color: rgba(255,255,255,0.45); }
.elementor-location-footer a:hover { text-decoration-color: #FFFFFF; }
.elementor-location-header .elementor-social-icon,
.elementor-location-footer .elementor-social-icon { color: #FFFFFF; }
.elementor-location-header .elementor-social-icon i,
.elementor-location-header .elementor-social-icon svg,
.elementor-location-footer .elementor-social-icon i,
.elementor-location-footer .elementor-social-icon svg { color: #FFFFFF; fill: #FFFFFF; }
.elementor-location-header .elementor-social-icon { background-color: rgba(255,255,255,0.16);
  border-radius: 50%; padding: 6px; }
.elementor-location-header .elementor-social-icon:hover { background-color: rgba(255,255,255,0.3); }
.elementor-location-footer .elementor-element:last-child p { color: rgba(234,240,235,0.75); }

/* --- 4. TITULO CRUDO EN LA PAGINA DE AVISO --------------------------------------------------------
   El tema imprime el titulo de la pagina («En construccion») como texto suelto arriba a la izquierda.
   Solo en esa pantalla, que es la que lleva esa clase en el cuerpo. */
.elementor-maintenance-mode h1.entry-title,
.elementor-maintenance-mode .page-header,
.elementor-maintenance-mode .entry-header { display: none; }
.elementor-maintenance-mode .elementor-location-single > .elementor-section:first-child { padding-top: 70px; padding-bottom: 90px; }

/* --- 5. GALERIA DE LA OFICINA --------------------------------------------------------------------
   Las tres fotos, a la misma altura y recortadas igual. Al pasar por encima, un zoom muy leve. */
.selene-oficina-foto img { width: 100%; height: 300px; object-fit: cover; border-radius: 6px;
  display: block; box-shadow: 0 10px 30px rgba(30,58,43,0.12);
  transition: transform .6s ease, box-shadow .6s ease; }
.selene-oficina-foto img:hover { transform: scale(1.03); box-shadow: 0 18px 44px rgba(30,58,43,0.2); }
.selene-oficina-foto { overflow: hidden; border-radius: 6px; }

/* --- 6. CABECERA COMPACTA Y ORDENADA EN MOVIL -----------------------------------------------------
   La cabecera tiene dos franjas: la barra de contacto (texto + redes) y la fila del logo (logo + menu
   + boton). En un movil de 390 px el boton no cabe con el logo, y los iconos de redes se apilaban en
   dos filas. Aqui: el contacto ocupa el ancho y envuelve; las redes se esconden arriba (siguen en el
   pie); el logo y el menu se reparten 65/35 y el boton grande cede su sitio al menu, que ya lleva
   «Contacto». */
@media (max-width: 1024px) {
  .selene-portada h1.elementor-heading-title { font-size: 46px !important; }
}

@media (max-width: 767px) {

  /* La cabecera: nada se apila y nada se sale de la pantalla. */
  .elementor-location-header .elementor-section:first-child .elementor-col-70 { width: 100% !important; }
  .elementor-location-header .elementor-section:first-child .elementor-col-30 { display: none !important; }
  .elementor-location-header .elementor-section:first-child .elementor-heading-title { font-size: 12px !important; line-height: 1.55 !important; }
  .elementor-location-header .elementor-section:last-child .elementor-col-30 { width: 65% !important; }
  .elementor-location-header .elementor-section:last-child .elementor-col-50 { width: 35% !important; }
  .elementor-location-header .elementor-section:last-child .elementor-widget-button { display: none; }
  .elementor-location-header .elementor-widget-image img,
  .elementor-location-header .elementor-widget-theme-site-logo img { max-height: 38px; width: auto; }
  .elementor-location-header .elementor-section { padding-top: 9px !important; padding-bottom: 9px !important; }
  .elementor-location-header .elementor-column { min-height: 0; }

  /* Y el resto de la web, apilado: dos columnas al 44 % no se leen en un movil. */
  .elementor-column[class*="elementor-col-"] { width: 100% }
  .selene-destino img { height: 190px; }
  .selene-oficina-foto img { height: 210px; }
  .selene-portada h1.elementor-heading-title { font-size: 34px !important; }
  .selene-portada h2.elementor-heading-title { font-size: 22px !important; }
}

/* ===== CASA: FIN ===== *//* End custom CSS */