.elementor-7201 .elementor-element.elementor-element-1418b99{--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-7201 .elementor-element.elementor-element-08e09cb{--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-7201 .elementor-element.elementor-element-e87786e{--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-7201 .elementor-element.elementor-element-fc2a19e{--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;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-1418b99 *//* ==== FIX · Full-bleed + pegado al menú ==== */

/* 1) Ancho 100% real (sin sangrado lateral del body/contenedor) */
#utm-por-que{
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* 2) Súbelo hasta tocar el menú (ajustá el valor a tu gusto) */
:root{ --utm-pull: 28px; }              /* prueba 24–48px según tu header */
#utm-por-que{
  margin-top: calc(var(--utm-pull) * -1) !important;
}

/* 3) Quita padding/borde superior del contenedor del tema (causa del “filo” blanco) */
.site-content, .content-area, .entry-content, main, .container, .page .site-content{
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Evita colapso de márgenes con el elemento anterior */
#utm-por-que{ overflow: hidden; }

/* Responsive: en móviles el header suele ser más alto, subimos un poquito más */
@media (max-width: 1024px){
  :root{ --utm-pull: 36px; }
}
/* ==== Estilos sección ¿Por qué estudiar con nosotros? ==== */

/* 1) Full-bleed real y pegado al menú */
#utm-por-que{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-top:-36px !important;   /* súbelo más (-44px o -50px) si queda una línea */
  padding: clamp(24px, 3.6vw, 44px) 4vw !important;
  background:#0D4F99 !important; /* azul UTM */
  color:#fff !important;
  box-sizing:border-box;
}

/* 2) Quitar padding/borde superior de wrappers del tema */
.site-content,
.content-area,
.entry-content,
main,
.container,
.page .site-content{
  padding-top:0 !important;
  border-top:0 !important;
}

/* 3) Colores del título */
#utm-por-que .utm-pq-title{
  color:#fff !important; /* “estudiar con nosotros?” en blanco */
}
#utm-por-que .utm-pq-title .mark{
  color:#f2a907 !important; /* “¿Por qué” en amarillo */
}

/* 4) Botones */
#utm-por-que .btn-primary{
  background:#f2a907 !important;
  color:#141414 !important;
}
#utm-por-que .btn-outline{
  border:1.5px solid rgba(255,255,255,.7) !important;
  color:#fff !important;
}

/* 5) Responsividad: en móviles el header suele ser más alto */
@media (max-width:1024px){
  #utm-por-que{ margin-top:-44px !important; }
}/* End custom CSS */