.elementor-3343 .elementor-element.elementor-element-eb75727{--display:flex;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3343 .elementor-element.elementor-element-d338025{--display:flex;--min-height:270px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 60px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-3343 .elementor-element.elementor-element-d338025:not(.elementor-motion-effects-element-type-background), .elementor-3343 .elementor-element.elementor-element-d338025 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#293276;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3343 .elementor-element.elementor-element-bceb64d.elementor-element{--align-self:center;}.elementor-3343 .elementor-element.elementor-element-bceb64d{text-align:center;}.elementor-3343 .elementor-element.elementor-element-bceb64d .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;font-weight:500;color:#FFFFFF;}.elementor-3343 .elementor-element.elementor-element-123c27c1{--display:flex;--padding-top:50px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-3343 .elementor-element.elementor-element-effcfec{--display:flex;}@media(max-width:767px){.elementor-3343 .elementor-element.elementor-element-d338025{--min-height:200px;}.elementor-3343 .elementor-element.elementor-element-bceb64d .elementor-heading-title{font-size:30px;}}/* Start custom CSS for container, class: .elementor-element-d338025 */.hero-section {
  position: relative;    /* contexto para el absolute */
  overflow: visible;     /* que deje ver lo que sobresale */
}

/* Coloca el play justo en la línea de base del contenedor */
.hero-section .play-btn {
  position: absolute;
  top: 100%;                   /* justo al 100% de la altura */
  left: 50%;                   /* centrado horizontal */
  transform: translate(-50%, -50%); /* sube la mitad de su altura */
  z-index: 10;
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5536ed7 *//* === Wrapper general === */
.staff-directory-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #e6f4fc;
  padding: 2rem;
  border-radius: 12px;
  gap: 2rem;
}

/* === Columnas === */
.staff-left,
.staff-right {
  flex: 1 1 300px;
}

/* === Lado izquierdo === */
.staff-left h2 {
  margin: 0 0 0.5rem;
  font-size: 1.75rem;
  line-height: 1.2;
}
.staff-left p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
}

/* === Dropdown === */
.staff-right label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
#staff-role {
  width: 100%;
  max-width: 400px;
  padding: 0.75rem;
  border: 1px solid #1f2024;
  border-radius: 3px;
  font-size: 1rem;
  margin-bottom: 1rem;
}

/* === Subtítulo “Datos de contacto” === */
.staff-contact-title {
  margin: 1rem 0 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
}

/* === Lista de definiciones con CSS Grid === */
.staff-info {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.5rem;
  row-gap: 1rem;
  margin: 0;
  padding: 0;
}
.staff-info dt,
.staff-info dd {
  margin: 0;
  padding: 0;
}

/* === Iconos usando imágenes con tamaño al 45% === */
.staff-info dt {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 45% 45%;
}
/* Icono usuario (nombre) */
.staff-info dt.staff-icon-user {
  background-image: url("https://www.masdigital.live/liceocr/wp-content/uploads/2025/06/user-icon.png");
}
/* Icono teléfono / extensión */
.staff-info dt.staff-icon-phone {
  background-image: url("https://www.masdigital.live/liceocr/wp-content/uploads/2025/06/telefono-icon.png");
}
/* Icono correo */
.staff-info dt.staff-icon-email {
  background-image: url("https://www.masdigital.live/liceocr/wp-content/uploads/2025/06/mail-icon.png");
}

/* === Alineación y estilo del texto === */
.staff-info dd { 
  align-self: center;
  font-size: 1rem;
  line-height: 1.4;
}

/* === Color específico para email === */
.staff-email {
  color: #31347b;
}/* End custom CSS */