.elementor-kit-8{--e-global-color-primary:#956DFC;--e-global-color-secondary:#220E58;--e-global-color-text:#000000;--e-global-color-accent:#F7A10B;--e-global-color-c250fb5:#FFFFFF;--e-global-color-9ca0b43:#F3F3F3;--e-global-color-3a568f2:#E3E3E3;--e-global-color-e303808:#C4C4C4;--e-global-color-3ab0f3c:#A3A3A3;--e-global-color-abc5efa:#181818;--e-global-color-45ebdf3:#F3EFFF;--e-global-color-756fe81:#C4ADFF;--e-global-color-80a7756:#8056EB;--e-global-color-d747844:#5E3FAE;--e-global-color-8c03abb:#382079;--e-global-color-f3ceb95:#2F1674;--e-global-color-d8a4ff4:#220E58;--e-global-color-e4235d2:#45004B;--e-global-color-2174c21:#24F29C;--e-global-color-aaf874a:#1FBE7B;--e-global-color-f1ffcef:#1C9B65;--e-global-color-b9cd9dc:#71FFC4;--e-global-color-114a72b:#FF7059;--e-global-color-028b8f6:#F4553B;--e-global-color-d9aa074:#C93720;--e-global-color-beffd0c:#FF8976;--e-global-color-cc1c115:#F7A10B;--e-global-color-fe844d1:#F7890B;--e-global-color-8e46837:#FFC45D;--e-global-color-6fef891:#FAF7FF;--e-global-typography-primary-font-family:"Merriweather";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:71px;--e-global-typography-primary-letter-spacing:-1.1px;--e-global-typography-secondary-font-family:"Merriweather";--e-global-typography-secondary-font-size:45px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-line-height:3rem;--e-global-typography-secondary-letter-spacing:-0.2px;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.4rem;--e-global-typography-text-letter-spacing:0.4px;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:24px;--e-global-typography-a6f038c-font-family:"Merriweather";--e-global-typography-a6f038c-font-size:40px;--e-global-typography-a6f038c-font-weight:700;--e-global-typography-a6f038c-line-height:3rem;--e-global-typography-a6f038c-letter-spacing:0.5px;--e-global-typography-4745375-font-family:"Open Sans";--e-global-typography-4745375-font-size:18px;--e-global-typography-4745375-font-weight:400;--e-global-typography-4745375-line-height:1.5px;--e-global-typography-193efdf-font-family:"Open Sans";--e-global-typography-193efdf-font-size:20px;--e-global-typography-193efdf-font-weight:700;--e-global-typography-193efdf-line-height:1.2rem;--e-global-typography-dd8168b-font-family:"Open Sans";--e-global-typography-dd8168b-font-size:18px;--e-global-typography-dd8168b-font-weight:600;--e-global-typography-dd8168b-line-height:1.4rem;--e-global-typography-c9dc61c-font-family:"Merriweather";--e-global-typography-c9dc61c-font-size:16px;--e-global-typography-c9dc61c-font-weight:500;--e-global-typography-a80dc60-font-family:"Lato";--e-global-typography-a80dc60-font-size:40px;--e-global-typography-a80dc60-font-weight:700;--e-global-typography-8d73e1e-font-family:"Lato";--e-global-typography-8d73e1e-font-size:30px;--e-global-typography-b744ef7-font-family:"Lato";--e-global-typography-b744ef7-font-size:16px;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:#F7890B;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-c250fb5 );border-radius:60px 60px 60px 60px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:#FF6701;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-8 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-193efdf-font-family ), Sans-serif;font-size:var( --e-global-typography-193efdf-font-size );font-weight:var( --e-global-typography-193efdf-font-weight );line-height:var( --e-global-typography-193efdf-line-height );}.elementor-kit-8 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-8 h5{color:var( --e-global-color-text );font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;}.elementor-kit-8 h6{color:var( --e-global-color-text );font-family:"Lexend", Sans-serif;font-size:18px;font-weight:500;}.elementor-kit-8 label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{font-family:var( --e-global-typography-c9dc61c-font-family ), Sans-serif;font-size:var( --e-global-typography-c9dc61c-font-size );font-weight:var( --e-global-typography-c9dc61c-font-weight );color:#060606;accent-color:#F7890B;background-color:#F5F5F5;border-style:none;border-radius:15px 15px 15px 15px;}.elementor-kit-8 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea:focus,.elementor-kit-8 .elementor-field-textual:focus{accent-color:#F7A10B;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.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-kit-8{--e-global-typography-primary-font-size:53px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:40px;--e-global-typography-accent-font-size:18px;--e-global-typography-c9dc61c-font-size:16px;--e-global-typography-c9dc61c-line-height:1.2em;--e-global-typography-a80dc60-font-size:32px;}.elementor-kit-8 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-193efdf-font-size );line-height:var( --e-global-typography-193efdf-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-8 label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{font-size:var( --e-global-typography-c9dc61c-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-accent-font-size:17px;--e-global-typography-a6f038c-font-size:26px;--e-global-typography-a6f038c-line-height:1.1em;--e-global-typography-4745375-line-height:1.3em;--e-global-typography-193efdf-line-height:1.1em;--e-global-typography-c9dc61c-font-size:16px;--e-global-typography-a80dc60-font-size:28px;}.elementor-kit-8 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-193efdf-font-size );line-height:var( --e-global-typography-193efdf-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-8 label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{font-size:var( --e-global-typography-c9dc61c-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* BOTON DE REDES SOCIALES*/
  .social-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #ffffff;
    transition: background-color 0.3s ease;
    position: relative;
    z-index: 10;
  }

  .social-btn img {
    width: 20px;
    height: 20px;
  }

  .social-btn:hover {
    background-color: #eee8ff;
  }
  

/* Animación Fade Up */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estilo para el mensaje de éxito */
.elementor-message.elementor-message-success {
    background-color: #f0eaff; 
    border: 2px solid #956DFC;
    color: #000;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center; 
    gap: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}

/* Imagen decorativa dentro del mensaje */
.elementor-message.elementor-message-success::before {
    content: url('https://web.ebombo.com/wp-content/uploads/2024/12/IconQuizzes.svg'); 
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
}


/* =====================================*/
/* filtros case study */
/* =====================================*/

/* ===== Estilos base (desktop) ===== */
.eb-filtro-actividades {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 50px;
  padding: 8px 16px;
  gap: 0;
  max-width: 100%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  flex-wrap: nowrap;
}

/* Selects */
.eb-filtro-actividades select {
  border: none;
  background: transparent;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #2c1460; /* morado */
  appearance: none;
  outline: none;
  cursor: pointer;
  flex: 1;
}

/* Separadores en desktop */
.eb-filtro-actividades select:not(:last-of-type) {
  border-right: 1px solid #e5e5e5;
}

/* Botón buscar */
#eb-filtro-buscar {
  background: #ff7a00;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  padding: 10px 24px;
  margin-left: auto;
  cursor: pointer;
  transition: background 0.2s ease;
}

#eb-filtro-buscar:hover {
  background: #e96e00;
}

/* Flecha personalizada en los selects */
.eb-filtro-actividades select {
  border: none;
  background: transparent;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #2c1460;
  appearance: none;
  outline: none;
  cursor: pointer;
  flex: 1;
  
  /* Flecha personalizada desde URL */
  background-image: url('https://web.ebombo.com/wp-content/uploads/2025/08/keyboard_arrow_down_24dp_000000_FILL0_wght200_GRAD0_opsz24.svg');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px 20px;
  padding-right: 40px;
}


/* ===== Mobile ===== */
@media (max-width: 768px) {
  .eb-filtro-actividades {
    flex-direction: column;
    align-items: stretch;
    border-radius: 20px;
    padding: 16px;
    gap: 12px;
  }

  .eb-filtro-actividades select {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background-color: #fff;
    padding: 10px 14px;
    font-size: 15px;
    background-image: url('https://web.ebombo.com/wp-content/uploads/2025/08/keyboard_arrow_down_24dp_000000_FILL0_wght200_GRAD0_opsz24.svg');
    background-position: right 10px center;
    background-size: 20px 20px;
    padding-right: 36px;
    border-right: none !important;
  }

  #eb-filtro-buscar {
    width: 100%;
    border-radius: 8px;
    margin-left: 0;
  }
}


.elementor-element-2abf6356 {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* =====================================*/
/* ===== Agenda===== */
/* =====================================*/


.agenda-wrap{
  background:#fff;
  border:2px solid #E6DAFF;        
  border-radius:28px;
  padding:32px 24px;
}

/* separadores entre ítems */
.ag-item{border-top:1px solid #eee;}
.ag-item:first-child{border-top:none;}

/* reset total del botón del header (el tema lo pintaba naranja) */
.agenda-wrap .ag-hd{
  all: unset;                       
  display:grid;
  grid-template-columns:1fr auto auto; 
  align-items:center;
  gap:16px;
  width:100%;
  cursor:pointer;
  padding:18px 6px;
  border-radius:20px;
}
.agenda-wrap .ag-hd:hover{background:#F7F3FF;} 
.agenda-wrap .ag-hd:focus-visible{
  outline:2px solid #7A5BFF;
  outline-offset:3px;
}

.agenda-wrap .ag-hd:focus {
  outline: none; /* quita el naranja por defecto */
  background: #23164B; 
}

.agenda-wrap .ag-hd:focus {
  background: #F7F3FF;
}

.agenda-wrap .ag-hd:active{
    background: #F7F3FF;
}


/* tipografía y colores */
.agenda-wrap .ag-title{
  color:#23164B;                    
  font-weight:500;
  font-size:clamp(18px, 2.1vw, 26px);
  line-height:1.2;
}
.agenda-wrap .ag-time{
  color:#3A2B7A;
  font-weight:700;
  white-space:nowrap;
  opacity:.95;
}

/* caret */
.agenda-wrap .ag-ico{
  color:#6A4CFF;
  font-size:20px;
  transition:transform .2s ease;
}
.agenda-wrap .ag-hd[aria-expanded="true"] .ag-ico{ transform:rotate(180deg); }

/* cuerpo */
.agenda-wrap .ag-body{ padding:0 6px 22px 6px; }
.agenda-wrap .ag-desc{ color:#333; max-width:760px; }
.agenda-wrap .ag-desc p{ margin:.5em 0; }

/* compensa el padding superior entre ítems */
.agenda-wrap .ag-item + .ag-item .ag-hd{ padding-top:24px; }

/* ===== Mobile ajustes ===== */
@media (max-width: 640px) {
  .agenda-wrap .ag-hd {
    grid-template-columns: 1fr auto;  /* título + caret */
    grid-template-areas:
      "title caret"
      "time caret";                  /* tiempo pasa a segunda fila */
    align-items:flex-start;
    gap:6px 12px;
  }
  .agenda-wrap .ag-title { grid-area: title; font-size:18px; }
  .agenda-wrap .ag-time  { grid-area: time; font-size:16px; color:#555; }
  .agenda-wrap .ag-ico   { grid-area: caret; align-self:center; }
}




/* =====================================*/
/* ===== skeleton ===== */
/* =====================================*/

.case-gallery{margin:16px auto;max-width:960px}
.case-gallery .cg-main{display:flex;justify-content:center}

/* Marco con relación de aspecto y skeleton */
.case-gallery .cg-frame{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 9;                 /* ajusta si prefieres otro ratio */
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.case-gallery .cg-frame img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:opacity .25s ease;
}

/* Skeleton */
.case-gallery .cg-skel{
  position:absolute;inset:0;border-radius:inherit;display:none;
  background: linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);
  background-size: 400% 100%;
  animation: cgShimmer 1.2s infinite;
}
@keyframes cgShimmer{0%{background-position:100% 0}100%{background-position:0 0}}

.case-gallery .cg-frame.loading .cg-skel{display:block}
.case-gallery .cg-frame.loading img{opacity:0}

/* Tira de thumbs */
.case-gallery .cg-strip{margin-top:16px}
.case-gallery .cg-thumb{
  width:120px;height:90px;object-fit:cover;border-radius:10px;cursor:pointer;
  opacity:.85;border:2px solid transparent;transition:.25s
}
.case-gallery .cg-thumb:hover,
.case-gallery .cg-thumb.active{opacity:1;border-color:#23164B}
.case-gallery .swiper-slide{width:auto !important}
@media (max-width:768px){
  .case-gallery{max-width:100%}
  .case-gallery .cg-thumb{width:88px;height:66px}
}/* End custom CSS */