.elementor-26313 .elementor-element.elementor-element-9e9bbcf{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26313 .elementor-element.elementor-element-9e9bbcf:not(.elementor-motion-effects-element-type-background), .elementor-26313 .elementor-element.elementor-element-9e9bbcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(81deg, #0A0A0A 74%, #1A1208 100%);}.elementor-26313 .elementor-element.elementor-element-1f6919c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26313 .elementor-element.elementor-element-1f6919c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26313 .elementor-element.elementor-element-54df6a5{width:100%;max-width:100%;}.elementor-26313 .elementor-element.elementor-element-54df6a5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26313 .elementor-element.elementor-element-d856c2d{--display:flex;}.elementor-26313 .elementor-element.elementor-element-d856c2d:not(.elementor-motion-effects-element-type-background), .elementor-26313 .elementor-element.elementor-element-d856c2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-368fd60 );}.elementor-26313 .elementor-element.elementor-element-75a30e8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26313 .elementor-element.elementor-element-48e5a206{--display:flex;--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:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-26313 .elementor-element.elementor-element-48e5a206:not(.elementor-motion-effects-element-type-background), .elementor-26313 .elementor-element.elementor-element-48e5a206 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4D2A7;}.elementor-26313 .elementor-element.elementor-element-393c6b40{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26313 .elementor-element.elementor-element-6d3fde05{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:dotted;--border-style:dotted;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#9b9b9b;--border-color:#9b9b9b;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-26313 .elementor-element.elementor-element-6e3fea7b{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-26313 .elementor-element.elementor-element-6f05c928 .elementor-heading-title{font-size:15px;font-weight:500;color:#272B2F;}.elementor-26313 .elementor-element.elementor-element-3eab81c{text-align:end;}.elementor-26313 .elementor-element.elementor-element-3eab81c .elementor-heading-title{font-size:15px;font-weight:500;color:#272B2F;}.elementor-26313 .elementor-element.elementor-element-dc522a7{text-align:end;}.elementor-26313 .elementor-element.elementor-element-dc522a7 .elementor-heading-title{font-size:15px;font-weight:500;color:#272B2F;}.elementor-26313 .elementor-element.elementor-element-138c66af{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26313 .elementor-element.elementor-element-54c2e09e{--grid-template-columns:repeat(0, auto);--icon-size:34px;--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-26313 .elementor-element.elementor-element-54c2e09e .elementor-widget-container{text-align:right;}.elementor-26313 .elementor-element.elementor-element-54c2e09e .elementor-social-icon{background-color:rgba(0,0,0,0);--icon-padding:0em;border-style:none;}.elementor-26313 .elementor-element.elementor-element-54c2e09e .elementor-social-icon i{color:#000000F2;}.elementor-26313 .elementor-element.elementor-element-54c2e09e .elementor-social-icon svg{fill:#000000F2;}.elementor-26313 .elementor-element.elementor-element-54c2e09e .elementor-social-icon:hover{background-color:rgba(255,255,255,0);}.elementor-26313 .elementor-element.elementor-element-54c2e09e .elementor-social-icon:hover i{color:#D9BF84;}.elementor-26313 .elementor-element.elementor-element-54c2e09e .elementor-social-icon:hover svg{fill:#D9BF84;}.elementor-26313 .elementor-element.elementor-element-428d6676{text-align:start;}.elementor-26313 .elementor-element.elementor-element-428d6676 .elementor-heading-title{font-size:13px;font-weight:300;color:#54595f;}@media(max-width:1366px){.elementor-26313 .elementor-element.elementor-element-54df6a5{width:var( --container-widget-width, 1228.6px );max-width:1228.6px;--container-widget-width:1228.6px;--container-widget-flex-grow:0;}.elementor-26313 .elementor-element.elementor-element-75a30e8{width:var( --container-widget-width, 1214.6px );max-width:1214.6px;--container-widget-width:1214.6px;--container-widget-flex-grow:0;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1024px){.elementor-26313 .elementor-element.elementor-element-48e5a206{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26313 .elementor-element.elementor-element-6f05c928 .elementor-heading-title{font-size:22px;}.elementor-26313 .elementor-element.elementor-element-3eab81c .elementor-heading-title{font-size:22px;}.elementor-26313 .elementor-element.elementor-element-dc522a7 .elementor-heading-title{font-size:22px;}.elementor-26313 .elementor-element.elementor-element-54c2e09e{--icon-size:13px;--grid-column-gap:10px;}}@media(max-width:767px){.elementor-26313 .elementor-element.elementor-element-48e5a206{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:25px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-26313 .elementor-element.elementor-element-393c6b40{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-26313 .elementor-element.elementor-element-6e3fea7b{--width:70%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26313 .elementor-element.elementor-element-6f05c928{text-align:end;}.elementor-26313 .elementor-element.elementor-element-6f05c928 .elementor-heading-title{font-size:20px;}.elementor-26313 .elementor-element.elementor-element-3eab81c{text-align:end;}.elementor-26313 .elementor-element.elementor-element-3eab81c .elementor-heading-title{font-size:20px;}.elementor-26313 .elementor-element.elementor-element-dc522a7{text-align:end;}.elementor-26313 .elementor-element.elementor-element-dc522a7 .elementor-heading-title{font-size:20px;}.elementor-26313 .elementor-element.elementor-element-138c66af{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26313 .elementor-element.elementor-element-54c2e09e .elementor-widget-container{text-align:center;}.elementor-26313 .elementor-element.elementor-element-428d6676{text-align:center;}.elementor-26313 .elementor-element.elementor-element-428d6676 .elementor-heading-title{line-height:19px;}}@media(min-width:768px){.elementor-26313 .elementor-element.elementor-element-1f6919c{--width:100%;}.elementor-26313 .elementor-element.elementor-element-d856c2d{--content-width:1486px;}}/* Start custom CSS for html, class: .elementor-element-54df6a5 */.hero-wp-section {
  --gold: #D4A017 !important;
  --gold-light: #F0C040 !important;
  --dark: #0A0A0A !important;
  --text: #FFFFFF !important;
  --text-muted: #AAAAAA !important;
  --card-radius: 8px !important;
  
  position: relative !important;
  height: 100vh !important;
  min-height: 560px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 0 4% !important;
  background-color: #0A0A0A !important;
  color: #FFFFFF !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.hero-title-bebas {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(64px, 10vw, 120px) !important;
  line-height: 0.9 !important;
  letter-spacing: 2px !important;
  color: #FFFFFF !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
}

.hero-title-bebas .gold-text {
  font-family: 'Bebas Neue', sans-serif !important;
  color: #D4A017 !important;
}

.hero-subtitle-outfit {
  font-family: 'Outfit', sans-serif !important;
  font-size: 15px !important;
  color: #AAAAAA !important;
  line-height: 1.7 !important;
  max-width: 420px !important;
  margin-bottom: 36px !important;
}

.hero-bg {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, #0A0A0A 0%, #1a1208 40%, #0A0A0A 100%) !important;
  z-index: 1 !important;
}

.hero-grid-overlay {
  position: absolute !important;
  inset: 0 !important;
  background-image: linear-gradient(rgba(212,160,23,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(212,160,23,0.04) 1px, transparent 1px) !important;
  background-size: 60px 60px !important;
  z-index: 1 !important;
}

.hero-content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 600px !important;
}

.hero-badge {
  font-family: 'Outfit', sans-serif !important;
  display: inline-block !important;
  background: rgba(212,160,23,0.15) !important;
  border: 1px solid rgba(212,160,23,0.3) !important;
  color: #F0C040 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  margin-bottom: 24px !important;
}

.hero-buttons {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.btn-primary {
  background: #D4A017 !important;
  color: #000000 !important;
  border: none !important;
  padding: 14px 32px !important;
  border-radius: 6px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all .2s !important;
  letter-spacing: .5px !important;
}

.btn-primary:hover {
  background: #F0C040 !important;
  transform: translateY(-1px) !important;
}

.btn-secondary {
  background: rgba(255,255,255,0.08) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  padding: 14px 32px !important;
  border-radius: 6px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all .2s !important;
}

.btn-secondary:hover {
  background: rgba(255,255,255,0.14) !important;
}

.hero-cards-preview {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 52% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 20px 0 !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

.hero-row {
  display: flex !important;
  gap: 10px !important;
  width: max-content !important;
}

/* CLASES DE ANIMACIÓN ASIGNADAS POR JS */
.slide-left-row {
  animation: slideLeftWp 30s linear infinite !important;
}
.slide-right-row {
  animation: slideRightWp 35s linear infinite !important;
}
.slide-left-fast-row {
  animation: slideLeftWp 28s linear infinite !important;
}

.hero-mini-card {
  flex-shrink: 0 !important;
  width: 160px !important;
  height: 100px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  background: #111111 !important;
}

.hero-mini-card img {
  width: 160px !important;
  height: 100px !important;
  object-fit: cover !important;
  opacity: .7 !important;
  display: block !important;
}

.hero-mini-card .mini-label {
  font-family: 'Outfit', sans-serif !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 8px 10px !important;
  background: linear-gradient(transparent, rgba(0,0,0,0.85)) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #F0C040 !important;
}

.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to right, #0A0A0A 35%, rgba(10,10,10,0.4) 70%, rgba(10,10,10,0.1) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

@keyframes slideLeftWp {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes slideRightWp {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

@media(max-width:768px){
  .hero-cards-preview { display:none !important; }
  .hero-wp-section { height: auto !important; padding-top: 60px !important; padding-bottom: 60px !important; }
  .hero-title-bebas { font-size: clamp(56px, 14vw, 80px) !important; }
  .hero-overlay { background: linear-gradient(to right, #0A0A0A 60%, rgba(10,10,10,0.1) 100%) !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75a30e8 */.wp-sections-container {
  padding: 40px 4% 60px ;
  box-sizing: border-box ;
  background-color: #F5F5F0;
  width: 100% ;
  display: block ;
}

.wp-section-block {
  margin-bottom: 50px ;
  display: block ;
}

.wp-section-header {
  display: flex ;
  align-items: baseline ;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

.wp-section-title-bebas {
  font-size: 26px !important;
  letter-spacing: 1.5px !important;
  margin: 0 !important;
}

.wp-section-count {
  font-size: 13px !important;
  font-weight: 400 !important;
}

.wp-section-link {
  margin-left: auto !important;
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  opacity: .8 !important;
  transition: opacity .2s !important;
}

.wp-section-link:hover {
  opacity: 1 !important;
}
 
/* CAROUSEL */
.wp-carousel-wrap {
  position: relative !important;
  overflow: hidden !important;
  margin: 0 -4% !important;
  padding: 0 4% !important;
}

.wp-carousel-flex {
  display: flex !important;
  gap: 16px !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 15px !important;
  scrollbar-width: none !important;
}

.wp-carousel-flex::-webkit-scrollbar {
  display: none !important;
}
 
/* CONTENEDOR DE TARJETA CON FONDO GRIS DE EMERGENCIA */
.wp-school-card, .wp-uni-card, .wp-prog-card {
  flex-shrink: 0 !important;
  background-color: #F5F5F0 !important; /* Gris oscuro para que resalte sobre el fondo negro */
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 6px solid rgba(212, 160, 23, 0.2) !important; /* Borde dorado sutil */
  box-shadow: 0 4px 15px rgba(0,0,0,0.6) !important;
  transition: transform .3s, border-color .3s !important;
  cursor: pointer !important;
}

.wp-school-card { width: 260px !important; }
.wp-uni-card { width: 220px !important; }
.wp-prog-card { width: 190px !important; }

.wp-school-card:hover, .wp-uni-card:hover, .wp-prog-card:hover {
  transform: translateY(-5px) !important;
  border-color: #D4A017 !important;
}

/* CAJA DE LA IMAGEN CON FONDO GRIS CLARO DE RESPALDO */
.wp-card-thumb {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  background-color: #F5F5F0 !important; /* Si la imagen no carga, esto se verá gris */
}
.wp-school-card .wp-card-thumb { height: 200px !important; }
.wp-uni-card .wp-card-thumb { height: 130px !important; }
.wp-prog-card .wp-card-thumb { height: 120px !important; }

.wp-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.wp-badge-num {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  background: #D4A017 !important;
  color: #000000 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
  font-family: 'Outfit', sans-serif !important;
}

.wp-card-body {
  padding: 14px 12px !important;
  background-color: #1A1A1A !important; /* Fondo de la zona del texto */
}
 
@media(max-width:768px){
  .wp-sections-container { padding: 30px 4% 40px !important; }
  .wp-school-card { width: 190px !important; }
  .wp-uni-card { width: 180px !important; }
  .wp-prog-card { width: 160px !important; }
}

/* Ocultamos los detalles por defecto */
.wp-school-card, .wp-uni-card, .wp-prog-card {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.hover-details {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.85); /* Fondo negro semitransparente */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    opacity: 0; /* Invisible al inicio */
    transition: opacity 0.3s ease;
    z-index: 10;
}

/* Cuando el mouse pasa encima, mostramos los detalles */
.wp-school-card:hover .hover-details, 
.wp-uni-card:hover .hover-details, 
.wp-prog-card:hover .hover-details {
    opacity: 1;
}

.hover-text {
    color: #FFFFFF;
    font-size: 13px;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.4;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 {
    font-family: 'Outfit', sans-serif;
    color: #FFFFFF;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-section-title-bebas {
    color: #D4A017 !important;
    font-family: 'Bebas Neue', sans-serif !important;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-section-count,
.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-section-link {
    color: #E0E0E0 !important;
    font-family: 'Outfit', sans-serif !important;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-carousel-wrap {
    display: flex;
    overflow-x: auto;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-school-card {
    background-color: #1A1A1A;
    border-radius: 8px;
    margin: 10px;
    padding: 15px;
    transition: transform 0.3s;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-school-card:hover {
    transform: scale(1.05);
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-card-thumb img {
    border-radius: 8px;
    width: 100%;
    height: auto;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-badge-num {
    background-color: #D4A017;
    color: #FFFFFF;
    border-radius: 50%;
    padding: 5px 10px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-card-body {
    margin-top: 10px;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-card-body div {
    margin-bottom: 8px;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-card-body .wp-school-card span {
    color: #D0D0D0;
}

.elementor-26313 .elementor-element.elementor-element-75a30e8 .wp-card-body div {
    font-family: 'Arial', sans-serif !important;
}/* End custom CSS */