.elementor-kit-7{--e-global-color-primary:#1F4F88;--e-global-color-secondary:#90A5C3;--e-global-color-text:#1D1D1D;--e-global-color-accent:#1F4F88;--e-global-color-b18d3ab:#FFFFFF;--e-global-color-dd603e3:#FFFFFF;--e-global-color-a8eefc9:#1D395D;--e-global-color-d9b9de9:#CDCDCD;--e-global-color-18ee496:#13253E;--e-global-color-88b94b3:#FFE1A8;--e-global-typography-primary-font-family:"Afacad";--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Afacad";--e-global-typography-secondary-font-size:1.7rem;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Afacad";--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Afacad";--e-global-typography-accent-font-size:1.2rem;--e-global-typography-accent-font-weight:500;--e-global-typography-7e60ca9-font-size:1.7rem;--e-global-typography-7e60ca9-line-height:1.7rem;--e-global-typography-e179894-font-size:1rem;--e-global-typography-e179894-font-weight:700;--e-global-typography-e179894-text-transform:uppercase;font-family:"Afacad", Sans-serif;font-size:1.2rem;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-dd603e3 );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Afacad", Sans-serif;font-size:4.6rem;font-weight:700;line-height:4.4rem;}.elementor-kit-7 h2{font-size:2.4rem;font-weight:500;line-height:2.5rem;}.elementor-kit-7 h3{font-size:1.8rem;font-weight:500;line-height:2rem;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:1rem;text-transform:uppercase;border-radius:2rem 2rem 2rem 2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:2rem;}.elementor-element{--widgets-spacing:2rem 2rem;--widgets-spacing-row:2rem;--widgets-spacing-column:2rem;}{}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-kit-7 h1{font-size:2.8rem;line-height:3rem;}.elementor-kit-7 h2{font-size:2rem;line-height:2.2rem;}.elementor-kit-7 h3{font-size:1.7rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===============================
   VARIABLES GLOBALES DE PADDING
   =============================== */
:root {
  --global-padding-desktop: 5vw;
  --global-padding-tablet: 4vw;
  --global-padding-mobile: 20px;
}

/* ===============================
   SOLO PRIMER NIVEL DE CONTENEDORES
   (e-con-boxed y e-con-full que sean PARENT)
   =============================== */

/* Desktop */
.elementor-element.e-con.e-parent > .e-con-inner {
  padding-left: var(--global-padding-desktop) !important;
  padding-right: var(--global-padding-desktop) !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-element.e-con.e-parent > .e-con-inner {
    padding-left: var(--global-padding-tablet) !important;
    padding-right: var(--global-padding-tablet) !important;
  }
}

/* Móvil */
@media (max-width: 767px) {
  .elementor-element.e-con.e-parent > .e-con-inner {
    padding-left: var(--global-padding-mobile) !important;
    padding-right: var(--global-padding-mobile) !important;
  }
}


.btn-light .elementor-button {
    border: 1px solid var(--e-global-color-a8eefc9);
    color: var(--e-global-color-a8eefc9);
}

.btn-light .elementor-button:hover {
    background: var(--e-global-color-a8eefc9);
    color: #fff;
}

#hero {
  position: relative;
  z-index: 1;
  overflow: visible; /* para que nada se corte */
}

/* TRIÁNGULO BLANCO QUE “CORTA” EL FONDO OSCURO */
#hero::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6vw;          /* altura del corte: AJUSTA este valor */
  background: #ffffff;
  z-index: 1;           /* por encima del fondo oscuro, por debajo de la imagen */

  /* diagonal: de abajo-izquierda a abajo-derecha con el mismo ángulo que la imagen */
  clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
}

/* IMAGEN: mismo ángulo de corte en la parte inferior */
/* IMAGEN: mismo ángulo de corte en la parte inferior */
.elementor-kit-7 img {
  position: relative;
  z-index: 2;           /* por encima del triángulo blanco */
  display: block;
  width: 100%;

  /* MISMO ÁNGULO QUE EL ::after, pero ajustado a media anchura */
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 3vw),  /* 3vw en vez de 6vw */
    0 100%
  );
}/* End custom CSS */