.elementor-743 .elementor-element.elementor-element-e19d4e0{--display:flex;--min-height:0px;}/* Start custom CSS for html, class: .elementor-element-1a5493c *//* =============================================
   PLANA DOCENTE | IESTP KIMBIRI
   CSS independiente para WordPress / Elementor
   Todas las reglas están dentro de .docentes-directorio
   ============================================= */
.docentes-directorio {
  --dd-bg: #f4f1eb;
  --dd-card: #fff;
  --dd-line: #e5e4e0;
  --dd-ink: #1d2a36;
  --dd-muted: #687382;
  --dd-brand: #203e47;
  --dd-shadow: 0 7px 22px rgba(27, 39, 49, .045);
  background: var(--dd-bg);
  color: var(--dd-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  padding: clamp(28px, 4.6vw, 66px) 20px clamp(50px, 7vw, 90px);
  width: 100%;
}
.docentes-directorio, .docentes-directorio * { box-sizing: border-box; }
.docentes-directorio .docentes-shell { width: min(100%, 1210px); margin: 0 auto; }
.docentes-directorio button, .docentes-directorio input { font-family: inherit; }
.docentes-directorio .docentes-hero { text-align: left; margin-bottom: 24px; }
.docentes-directorio .docentes-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  color: #4b655e; font-size: 11px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .12em; margin-bottom: 11px;
}
.docentes-directorio .docentes-hero__dot { width: 7px; height: 7px; background: #2b8d70; border-radius: 50%; }
.docentes-directorio .docentes-hero h2 {
  font-size: clamp(27px, 3.3vw, 39px) !important;
  line-height: 1.16 !important; font-weight: 780 !important;
  color: var(--dd-ink) !important; margin: 0 0 12px !important;
  letter-spacing: -.035em;
}
.docentes-directorio .docentes-hero__intro { max-width: 710px; font-size: 14px; line-height: 1.75; color: var(--dd-muted); margin: 0 0 26px; }
.docentes-directorio .docentes-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.docentes-directorio .docentes-summary { display: flex; gap: 14px; align-items: center; min-width: 0; }
.docentes-directorio .docentes-summary__number { color: var(--dd-brand); font-size: 37px; line-height: 1; font-weight: 800; letter-spacing: -.06em; }
.docentes-directorio .docentes-summary__text { display: flex; flex-direction: column; gap: 3px; }
.docentes-directorio .docentes-summary__text strong { font-size: 13px; color: var(--dd-ink); font-weight: 760; }
.docentes-directorio .docentes-summary__text span { font-size: 12px; color: var(--dd-muted); }
.docentes-directorio .docentes-search {
  display: flex; align-items: center; gap: 10px;
  min-height: 44px; max-width: 390px; width: 100%;
  padding: 0 14px; background: #fff; border: 1px solid #d9dfdf;
  border-radius: 10px; color: #76838d; transition: border-color .2s, box-shadow .2s;
}
.docentes-directorio .docentes-search:focus-within { border-color: #3e7f79; box-shadow: 0 0 0 3px rgba(62, 127, 121, .12); }
.docentes-directorio .docentes-search svg { width: 18px; height: 18px; flex: none; }
.docentes-directorio .docentes-search input {
  min-width: 0; width: 100%; height: 42px; border: 0 !important; background: transparent !important;
  padding: 0 !important; outline: none !important; box-shadow: none !important;
  color: var(--dd-ink); font-size: 13px; line-height: normal;
}
.docentes-directorio .docentes-search input::placeholder { color: #89929b; opacity: 1; }
.docentes-directorio .docentes-filtros { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding: 18px 0 6px; border-top: 1px solid #e2ddd4; }
.docentes-directorio .docentes-filtro {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  width: auto; min-height: 37px; padding: 8px 13px;
  border: 1px solid #dededb; background: rgba(255, 255, 255, .7);
  border-radius: 8px; box-shadow: none !important; color: #526171;
  font-size: 12px; line-height: 1.25; font-weight: 650; text-align: center;
  cursor: pointer; transition: background .2s, color .2s, border-color .2s;
}
.docentes-directorio .docentes-filtro > span { font-size: 11px; font-weight: 750; color: inherit; opacity: .74; }
.docentes-directorio .docentes-filtro:hover { border-color: #5c7774; color: var(--dd-brand); background: #fff; }
.docentes-directorio .docentes-filtro.is-active { color: #fff; border-color: var(--dd-brand); background: var(--dd-brand); }
.docentes-directorio .docentes-filtro:focus-visible, .docentes-directorio .docentes-card__link:focus-visible,
.docentes-directorio .docentes-card__mail:focus-visible { outline: 3px solid #a1c9bd; outline-offset: 3px; }
.docentes-directorio .docentes-results { text-align: right; color: #75808b; font-size: 12px; margin: 9px 0 -8px; }
.docentes-directorio .docentes-programa { --dd-accent: #217e69; margin-top: 33px; }
.docentes-directorio .docentes-programa--enfermeria { --dd-accent: #13836e; --dd-tint: #e8f7f1; }
.docentes-directorio .docentes-programa--construccion { --dd-accent: #c17a25; --dd-tint: #fff5e7; }
.docentes-directorio .docentes-programa--agropecuaria { --dd-accent: #378445; --dd-tint: #eaf6e9; }
.docentes-directorio .docentes-programa--empleabilidad { --dd-accent: #7354b2; --dd-tint: #f1edfa; }
.docentes-directorio .docentes-programa__header {
  display: flex; align-items: center; gap: 13px;
  margin: 0 0 17px; padding-bottom: 14px;
  border-bottom: 2px solid var(--dd-accent);
}
.docentes-directorio .docentes-programa__icon {
  width: 43px; height: 43px; border-radius: 10px; flex: 0 0 43px;
  background: var(--dd-accent); color: white;
  display: grid; place-items: center;
}
.docentes-directorio .docentes-programa__icon svg { width: 21px; height: 21px; }
.docentes-directorio .docentes-programa__heading h3 {
  font-size: 19px !important; line-height: 1.3 !important;
  font-weight: 760 !important; margin: 0 0 3px !important;
  color: var(--dd-ink) !important; letter-spacing: -.02em;
}
.docentes-directorio .docentes-programa__heading > span { color: var(--dd-muted); font-size: 12px; }
.docentes-directorio .docentes-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch; gap: 16px;
}
.docentes-directorio .docentes-card {
  display: flex; flex-direction: column; min-width: 0; height: 100%;
  padding: 20px; background: var(--dd-card); border: 1px solid #e6e3de;
  border-radius: 13px; box-shadow: var(--dd-shadow);
  transition: transform .2s, border-color .2s, box-shadow .2s;
}
.docentes-directorio .docentes-card:hover { transform: translateY(-3px); border-color: #d3d7d2; box-shadow: 0 13px 25px rgba(27,39,49,.075); }
.docentes-directorio .docentes-card__top { display: flex; align-items: flex-start; gap: 12px; min-height: 67px; margin-bottom: 13px; }
.docentes-directorio .docentes-card__avatar {
  display: grid; place-items: center; flex: 0 0 41px;
  width: 41px; height: 41px; border-radius: 50%;
  background: var(--dd-brand); color: white;
  font-size: 12px; font-weight: 800; letter-spacing: .02em;
}
.docentes-directorio .docentes-card__identity { min-width: 0; padding-top: 2px; }
.docentes-directorio .docentes-card__name {
  color: var(--dd-ink) !important; font-size: 13.5px !important;
  line-height: 1.42 !important; font-weight: 760 !important;
  letter-spacing: -.007em; margin: 0 0 4px !important;
  overflow-wrap: anywhere;
}
.docentes-directorio .docentes-card__type { font-size: 12px; line-height: 1.5; color: var(--dd-muted); }
.docentes-directorio .docentes-card__qualification {
  display: flex; align-items: flex-start; gap: 8px;
  min-height: 50px; padding: 10px 11px; border: 1px solid #f0e1c9;
  background: #fdf5e9; border-radius: 7px;
  color: #885b1b; font-size: 11.5px; font-weight: 650; line-height: 1.45;
  overflow-wrap: anywhere;
}
.docentes-directorio .docentes-card__qualification svg { width: 15px; height: 15px; flex: 0 0 15px; color: #c48a37; }
.docentes-directorio .docentes-card__contact { padding: 14px 0 15px; min-height: 57px; }
.docentes-directorio .docentes-card__mail, .docentes-directorio .docentes-card__missing {
  display: flex; gap: 8px; align-items: flex-start;
  font-size: 11.5px; line-height: 1.55; text-decoration: none;
  overflow-wrap: anywhere;
}
.docentes-directorio .docentes-card__mail { color: #4e5a65; }
.docentes-directorio .docentes-card__mail:hover { color: var(--dd-accent); text-decoration: underline; }
.docentes-directorio .docentes-card__missing { color: #9a9da0; }
.docentes-directorio .docentes-card__mail svg, .docentes-directorio .docentes-card__missing svg {
  width: 14px; height: 14px; flex: 0 0 14px; margin-top: 1px; color: #8a969d;
}
.docentes-directorio .docentes-card__footer {
  border-top: 1px solid #eae7e1; padding-top: 13px;
  display: flex; flex-direction: column; gap: 10px; margin-top: auto;
  min-height: 63px;
}
.docentes-directorio .docentes-card__link {
  color: var(--dd-accent); font-size: 12px; font-weight: 650;
  text-decoration: none !important; line-height: 1.5;
  display: flex; align-items: center; gap: 8px;
}
.docentes-directorio .docentes-card__link:hover { text-decoration: underline !important; }
.docentes-directorio .docentes-card__link svg:first-child { width: 15px; height: 15px; flex: 0 0 15px; }
.docentes-directorio .docentes-card__link svg:last-child { width: 13px; height: 13px; flex: 0 0 13px; margin-left: auto; }
.docentes-directorio .docentes-card__documents-pending { color: #9b9e9d; font-size: 11.5px; line-height: 1.5; }
.docentes-directorio .docentes-vacio {
  text-align: center; padding: 45px 20px; background: #fff; color: var(--dd-muted);
  border: 1px dashed #d8ddd9; border-radius: 12px; margin: 22px 0;
}
.docentes-directorio .docentes-vacio[hidden] { display: none !important; }
.docentes-directorio .screen-reader-text {
  position: absolute !important; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}
@media (max-width: 1050px) {
  .docentes-directorio .docentes-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .docentes-directorio .docentes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .docentes-directorio .docentes-card { padding: 18px; }
  .docentes-directorio .docentes-toolbar { align-items: stretch; }
  .docentes-directorio .docentes-search { max-width: 360px; }
}
@media (max-width: 600px) {
  .docentes-directorio { padding: 28px 14px 58px; }
  .docentes-directorio .docentes-hero__intro { font-size: 13px; margin-bottom: 19px; }
  .docentes-directorio .docentes-toolbar { flex-direction: column; gap: 16px; }
  .docentes-directorio .docentes-search { max-width: none; }
  .docentes-directorio .docentes-filtros { gap: 7px; }
  .docentes-directorio .docentes-filtro { padding: 8px 10px; font-size: 11.5px; }
  .docentes-directorio .docentes-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .docentes-directorio .docentes-programa__heading h3 { font-size: 17px !important; }
  .docentes-directorio .docentes-results { margin-top: 13px; }
  .docentes-directorio .docentes-card__top { min-height: 0; }
  .docentes-directorio .docentes-card__qualification { min-height: 0; }
  .docentes-directorio .docentes-card__contact { min-height: 0; }
  .docentes-directorio .docentes-card__footer { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .docentes-directorio .docentes-card, .docentes-directorio .docentes-filtro { transition: none; }
  .docentes-directorio .docentes-card:hover { transform: none; }
}/* End custom CSS */