.elementor-kit-9{--e-global-color-secondary:#FFFFFF;--e-global-color-primary:#F7FAFF;--e-global-color-text:#000000;--e-global-color-accent:#333333;--e-global-color-e11fba1:#015C95;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:35px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:25px;--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:600;--e-global-typography-221ff0a-font-family:"Inter";--e-global-typography-221ff0a-font-size:20px;--e-global-typography-221ff0a-font-weight:600;--e-global-typography-5fa75cb-font-family:"Inter";--e-global-typography-5fa75cb-font-size:18px;--e-global-typography-5fa75cb-font-weight:600;--e-global-typography-4f2467c-font-family:"Inter";--e-global-typography-4f2467c-font-size:18px;--e-global-typography-4f2467c-font-weight:400;--e-global-typography-fab9a57-font-family:"Inter";--e-global-typography-fab9a57-font-size:16px;--e-global-typography-fab9a57-font-weight:400;--e-global-typography-5c03fe6-font-family:"Inter";--e-global-typography-5c03fe6-font-size:15px;--e-global-typography-5c03fe6-font-weight:400;--e-global-typography-01f4458-font-family:"Inter";--e-global-typography-01f4458-font-size:16px;--e-global-typography-01f4458-font-weight:400;--e-global-typography-c923bbf-font-family:"Inter";--e-global-typography-c923bbf-font-size:16px;--e-global-typography-c923bbf-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:500ms;}.elementor-kit-9 e-page-transition{background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:80px;--container-default-padding-right:60px;--container-default-padding-bottom:80px;--container-default-padding-left:60px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-primary-font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-primary-font-size:25px;--e-global-typography-secondary-font-size:22px;--e-global-typography-text-font-size:21px;--e-global-typography-accent-font-size:20px;--e-global-typography-221ff0a-font-size:18px;--e-global-typography-5fa75cb-font-size:16px;--e-global-typography-4f2467c-font-size:17px;--e-global-typography-fab9a57-font-size:16px;--e-global-typography-5c03fe6-font-size:15px;--e-global-typography-01f4458-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:50px;--container-default-padding-right:30px;--container-default-padding-bottom:50px;--container-default-padding-left:30px;}}/* Start custom CSS *//* ============================================
Bordes de esquina para Contenedor de Elementor
============================================
*/

/* 1. Preparamos el contenedor principal */
.contenedor-con-bordes {
  position: relative; /* Indispensable para posicionar los bordes dentro del contenedor */
  padding: 30px; /* Opcional: Añade un poco de espacio para que los bordes no se peguen al contenido */
}

/* 2. Creamos el borde superior izquierdo con ::before */
.contenedor-con-bordes::before {
  content: ''; /* Los pseudo-elementos necesitan esta propiedad para mostrarse */
  position: absolute; /* Posicionamiento absoluto respecto al contenedor padre */
  top: 0; /* Lo pegamos a la parte superior */
  left: 0; /* Lo pegamos a la izquierda */
  
  width: 50px; /* Ancho de la línea horizontal */
  height: 50px; /* Alto de la línea vertical */

  /* Aquí se crean los bordes */
  border-top: 3px solid #FF0000; /* Borde superior (rojo). Cambia el grosor y color aquí */
  border-left: 3px solid #FF0000; /* Borde izquierdo (rojo). Cambia el grosor y color aquí */
}

/* 3. Creamos el borde inferior derecho con ::after */
.contenedor-con-bordes::after {
  content: '';
  position: absolute;
  bottom: 0; /* Lo pegamos a la parte inferior */
  right: 0; /* Lo pegamos a la derecha */

  width: 50px; /* Ancho de la línea horizontal */
  height: 50px; /* Alto de la línea vertical */

  /* Aquí se crean los bordes */
  border-bottom: 3px solid #FF0000; /* Borde inferior (rojo). */
  border-right: 3px solid #FF0000; /* Borde derecho (rojo). */
}


/* ============================================
AJUSTES RESPONSIVOS
============================================
*/

/* Tablet: Para pantallas de hasta 834px de ancho */
@media (max-width: 834px) {
  .contenedor-con-bordes::before,
  .contenedor-con-bordes::after {
    width: 40px; /* Hacemos los bordes un poco más pequeños */
    height: 40px;
  }
}

/* Celular: Para pantallas de hasta 390px de ancho */
@media (max-width: 390px) {
  .contenedor-con-bordes::before,
  .contenedor-con-bordes::after {
    width: 30px; /* Y aquí aún más pequeños para que no se vean toscos */
    height: 30px;
    border-width: 2px; /* También podemos hacerlos más delgados */
  }
  
  .contenedor-con-bordes {
    padding: 20px; /* Reducimos el padding en móvil */
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('https://sites5.digitalya.es/wp-content/uploads/sites/304/2025/02/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */