.elementor-84559 .elementor-element.elementor-element-7bad152{--display:flex;--min-height:399px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-190px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:300px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-84559 .elementor-element.elementor-element-7bad152:not(.elementor-motion-effects-element-type-background), .elementor-84559 .elementor-element.elementor-element-7bad152 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0072c77 );background-image:url("https://loscokitos.com/wp-content/uploads/2025/11/nubes-azules-alta-opa.webp");}.elementor-84559 .elementor-element.elementor-element-a5b4031{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-84559 .elementor-element.elementor-element-c7cae67{width:var( --container-widget-width, 105.342% );max-width:105.342%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:105.342%;--container-widget-flex-grow:0;text-align:center;}.elementor-84559 .elementor-element.elementor-element-c7cae67.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-84559 .elementor-element.elementor-element-c7cae67 .elementor-heading-title{font-family:"Lobster", Sans-serif;font-size:50px;font-weight:400;color:var( --e-global-color-text );}.elementor-84559 .elementor-element.elementor-element-937ead1{width:var( --container-widget-width, 71.312% );max-width:71.312%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:71.312%;--container-widget-flex-grow:0;text-align:center;}.elementor-84559 .elementor-element.elementor-element-937ead1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-84559 .elementor-element.elementor-element-937ead1 .elementor-heading-title{font-family:"Garabatos", Sans-serif;font-size:19px;font-weight:bold;line-height:40px;color:var( --e-global-color-secondary );}.elementor-84559 .elementor-element.elementor-element-314cb3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:50px 50px 50px 50px;box-shadow:0px 10px 5px 0px rgba(0, 0, 0, 0.15);--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-84559 .elementor-element.elementor-element-314cb3a:not(.elementor-motion-effects-element-type-background), .elementor-84559 .elementor-element.elementor-element-314cb3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEAEA;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-84559 .elementor-element.elementor-element-74875df{left:-88px;}body.rtl .elementor-84559 .elementor-element.elementor-element-74875df{right:-88px;}.elementor-84559 .elementor-element.elementor-element-74875df{top:53px;}.elementor-84559 .elementor-element.elementor-element-15d5c66{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-84559 .elementor-element.elementor-element-7bad152{--width:100%;}.elementor-84559 .elementor-element.elementor-element-a5b4031{--width:100%;}.elementor-84559 .elementor-element.elementor-element-314cb3a{--width:61%;}}@media(max-width:1024px) and (min-width:768px){.elementor-84559 .elementor-element.elementor-element-314cb3a{--width:602px;}}@media(max-width:1024px){.elementor-84559 .elementor-element.elementor-element-937ead1{width:100%;max-width:100%;}.elementor-84559 .elementor-element.elementor-element-937ead1 .elementor-heading-title{line-height:1.5em;}.elementor-84559 .elementor-element.elementor-element-314cb3a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-84559 .elementor-element.elementor-element-c7cae67 .elementor-heading-title{font-size:48px;}.elementor-84559 .elementor-element.elementor-element-937ead1{width:100%;max-width:100%;}.elementor-84559 .elementor-element.elementor-element-937ead1 .elementor-heading-title{font-size:18px;line-height:1.6em;}.elementor-84559 .elementor-element.elementor-element-314cb3a{--padding-top:50px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-15d5c66 *//* Bloque oculto por defecto */
.wpcf7 form .hidden{
  display: none;
}

/* Cuando se activa, se muestra */
.wpcf7 form .hidden.is-open{
  display: block;
}

/* ===============================
   FORM STYLE (CF7) - estilo como captura
   =============================== */

/* Base */
.wpcf7 form{
  font-family: inherit;
  color: #6b6b6b;
  width: 100%;
}

/* Quitar márgenes raros de <p> de CF7 */
.wpcf7 form p{
  margin: 0 0 16px;
}

/* 2 columnas (grid2-form) */
.wpcf7 form .grid2-form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 22px;
  margin-bottom: 10px;
}
.wpcf7 form .grid2-form > p{ margin: 0; }

/* Responsive */
@media (max-width: 767px){
  .wpcf7 form .grid2-form{
    grid-template-columns: 1fr;
  }
}

/* Inputs / selects / textarea */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form select,
.wpcf7 form textarea{
  width: 100%;
  box-sizing: border-box;
  border: 0;
  outline: none;
  background: #ffffff;
  color: #6b6b6b;
  border-radius: 999px;               /* píldora */
  padding: 16px 22px;
  font-size: 16px;
  line-height: 1.2;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

/* Textarea más grande como la captura */
.wpcf7 form textarea{
  border-radius: 34px;
  min-height: 140px;
  padding: 22px 24px;
  resize: vertical;
}

/* Placeholder */
.wpcf7 form input::placeholder,
.wpcf7 form textarea::placeholder{
  color: #9a9a9a;
}

/* Foco */
.wpcf7 form input:focus,
.wpcf7 form select:focus,
.wpcf7 form textarea:focus{
  box-shadow: 0 0 0 3px rgba(0,0,0,.06), 0 10px 25px rgba(0,0,0,.12);
}

/* Pregunta "¿Perteneces...?" */
.wpcf7 form .interesados,
.wpcf7 form .centro-educativo{
  margin-top: 6px;
}

/* Checkboxes en línea */
.wpcf7 form .wpcf7-checkbox,
.wpcf7 form .wpcf7-acceptance{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* Cada item de checkbox */
.wpcf7 form span.wpcf7-list-item{
  margin: 0;
}
.wpcf7 form span.wpcf7-list-item label{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  font-size: 15px;
  color: #6b6b6b;
}

/* Checkbox look (cuadradito blanco con sombra suave) */
.wpcf7 form input[type="checkbox"]{
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 14px rgba(0,0,0,.12);
  position: relative;
  margin: 0;
}
.wpcf7 form input[type="checkbox"]:checked::after{
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #7a7a7a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Enlaces como política privacidad */
.wpcf7 form .ofiscado{
  color: inherit;
  text-decoration: underline !important;
  cursor: pointer;
}

/* Bloque final: checks a la izquierda + botón a la derecha */
.wpcf7 form .flex-form{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 10px;
}

.wpcf7 form .flex-form > div{
  flex: 1;
  min-width: 0;
}

/* Dentro del flex, evitar márgenes extra */
.wpcf7 form .flex-form p{ margin: 0; }

/* Botón */
.wpcf7 form input[type="submit"]{
  border: 0;
  background: #fbf28a;
  color: #6b6b6b;
  padding: 16px 44px;
  border-radius: 999px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  white-space: nowrap;
  margin-top:20px;
}

/* Hover */
.wpcf7 form input[type="submit"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
  filter: brightness(0.98);
}

/* En móvil, botón debajo */
@media (max-width: 767px){
  .wpcf7 form .flex-form{
    flex-direction: column;
    align-items: stretch;
  }
  .wpcf7 form input[type="submit"]{
    width: 100%;
    justify-content: center;
  }
}

/* Tip de error CF7 (opcional: más discreto) */
.wpcf7 form .wpcf7-not-valid-tip{
  font-size: 12px;
  margin-top: 6px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b4031 *//* Contenedor con nubes en movimiento horizontal infinito */
.clouds-parallax {
  position: relative;
  background-repeat: repeat-x;       /* se repite horizontalmente */
  background-size: auto 100%;        /* ajusta la altura y deja el ancho libre */
  animation: cloudsScroll 60s linear infinite;
}

/* Animación de desplazamiento horizontal */
@keyframes cloudsScroll {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: -2000px 50%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7bad152 *//* Contenedor con nubes en movimiento horizontal infinito */
.clouds-parallax {
  position: relative;
  background-repeat: repeat-x;       /* se repite horizontalmente */
  background-size: auto 100%;        /* ajusta la altura y deja el ancho libre */
  animation: cloudsScroll 60s linear infinite;
}

/* Animación de desplazamiento horizontal */
@keyframes cloudsScroll {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: -2000px 50%;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Garabatos';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://loscokitos.com/wp-content/uploads/2025/11/garabatos.ttf') format('truetype');
}
@font-face {
	font-family: 'Garabatos';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://loscokitos.com/wp-content/uploads/2025/11/garabatos-negrita.ttf') format('truetype');
}
/* End Custom Fonts CSS */