/* Plana docente: diseño institucional IESTP JAE */
.docentes{min-height:60vh;padding:clamp(3rem,6vw,5.5rem) 0;background:radial-gradient(circle at 10% 10%,rgba(239,181,37,.08),transparent 24rem),var(--color-off-white,#f7f8fb)}
.docentes__heading{max-width:720px;margin:0 auto 2rem;text-align:center}.docentes__eyebrow{color:var(--color-accent,#d59b16);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.docentes__heading h2{margin:.4rem 0 .7rem;color:var(--color-primary-dark,#202957);font-size:clamp(1.8rem,4vw,2.7rem)}.docentes__heading p{margin:0;color:var(--color-gray-500,#667085)}
.docentes__filters{margin-bottom:1.25rem;padding:1.25rem;border:1px solid rgba(38,52,111,.1);border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(26,37,83,.08)}.docentes__filters-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:var(--color-primary-dark,#202957)}.docentes__filters-header div{display:flex;align-items:center;gap:.6rem}.docentes__filters-header i{color:var(--color-accent,#d59b16)}.docentes__clear{color:var(--color-primary,#33407c);font-size:.84rem;font-weight:700;text-decoration:none}
.docentes__filter-grid{display:grid;grid-template-columns:1fr;gap:.85rem;align-items:end}.docentes__filter-grid label{display:grid;gap:.38rem;color:#3f4766;font-size:.75rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase}.docentes__filter-grid select{width:100%;min-height:46px;padding:0 2.3rem 0 .85rem;border:1px solid #dfe3ec;border-radius:10px;outline:0;background-color:#fbfcfe;color:#313954;font:500 .9rem/1 var(--font-body,sans-serif);text-transform:none;transition:border-color .2s,box-shadow .2s}.docentes__filter-grid select:focus{border-color:var(--color-primary,#33407c);box-shadow:0 0 0 3px rgba(51,64,124,.12)}.docentes__submit{min-height:46px;padding:0 1.1rem;border:0;border-radius:10px;cursor:pointer;background:var(--color-primary,#33407c);color:#fff;font-weight:800}.docentes__results{margin:0 0 1.25rem;color:var(--color-gray-500,#667085);font-size:.9rem}.docentes__results strong{color:var(--color-primary-dark,#202957)}
.docentes__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.docente-card{position:relative;overflow:hidden;min-width:0;border:1px solid rgba(32,41,87,.1);border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(20,29,65,.08);transition:transform .25s ease,box-shadow .25s ease}.docente-card::before{content:'';position:absolute;z-index:2;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--color-primary,#33407c),var(--color-accent,#d59b16))}.docente-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(20,29,65,.15)}
.docente-card__photo{height:370px;overflow:hidden;background:#fff}.docente-card__photo img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;transition:transform .45s ease}.docente-card:hover .docente-card__photo img{transform:scale(1.02)}.docente-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#9aa1b8;background:linear-gradient(145deg,#f0f2f7,#dfe3ec);font-size:6rem}
.docente-card__body{position:relative;z-index:3;width:calc(100% - 1.5rem);min-height:205px;margin:-.7rem auto 0;padding:1.25rem 1rem 1.1rem;border-radius:12px 12px 0 0;background:rgba(255,255,255,.97);text-align:center}.docente-card__program{display:inline-block;margin-bottom:.45rem;color:var(--color-accent,#b77b00);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.docente-card__name{margin:0;color:var(--color-primary-dark,#202957);font-size:1.05rem;line-height:1.35;text-transform:uppercase}.docente-card__position{margin:.45rem 0 0;color:var(--color-primary,#33407c);font-size:.88rem;font-weight:800}.docente-card__meta{margin:.35rem 0 0;color:#7a8299;font-size:.76rem}
.docente-card__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;min-height:36px;margin-top:1rem}.docente-card__actions a,.docente-card__actions span,.docente-card__actions button{position:relative;display:inline-grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid #e1e4ec;border-radius:50%;color:#596179;background:#f8f9fc;font:inherit;font-size:.8rem;text-decoration:none;transition:all .2s}.docente-card__actions a,.docente-card__actions button{cursor:pointer}.docente-card__actions a:hover,.docente-card__actions button:hover,.docente-card__actions button[aria-expanded="true"]{border-color:var(--color-primary,#33407c);color:#fff;background:var(--color-primary,#33407c);transform:translateY(-2px)}.docente-card__actions .is-disabled{opacity:.35;cursor:not-allowed}
.docente-card__actions .voyager-certificate::before{content:"\f0a3";font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900}
.docente-card__actions [data-tooltip]::before{content:attr(data-tooltip);position:absolute;z-index:10;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:220px;padding:.38rem .55rem;border-radius:6px;background:#202957;color:#fff;font-size:.68rem;font-weight:700;line-height:1.3;text-align:center;white-space:normal;pointer-events:none;opacity:0;transform:translate(-50%,5px);transition:opacity .18s,transform .18s}.docente-card__actions [data-tooltip]::after{content:'';position:absolute;left:50%;bottom:calc(100% + 4px);border:5px solid transparent;border-top-color:#202957;pointer-events:none;opacity:0;transform:translateX(-50%);transition:opacity .18s}.docente-card__actions [data-tooltip]:hover::before,.docente-card__actions [data-tooltip]:focus::before,.docente-card__actions [data-tooltip]:hover::after,.docente-card__actions [data-tooltip]:focus::after{opacity:1}.docente-card__actions [data-tooltip]:hover::before,.docente-card__actions [data-tooltip]:focus::before{transform:translate(-50%,0)}
.docente-card__actions [data-tooltip]:first-child::before,.docente-card__actions [data-tooltip]:nth-child(2)::before{left:0;transform:translate(0,5px)}.docente-card__actions [data-tooltip]:first-child:hover::before,.docente-card__actions [data-tooltip]:first-child:focus::before,.docente-card__actions [data-tooltip]:nth-child(2):hover::before,.docente-card__actions [data-tooltip]:nth-child(2):focus::before{transform:translate(0,0)}.docente-card__actions [data-tooltip]:last-child::before{right:0;left:auto;transform:translate(0,5px)}.docente-card__actions [data-tooltip]:last-child:hover::before,.docente-card__actions [data-tooltip]:last-child:focus::before{transform:translate(0,0)}
.docente-card__email-popover{margin:.8rem 0 0;padding:.75rem;border:1px solid #dfe3ec;border-radius:10px;background:#f8f9fc;color:#4d5571;box-shadow:0 8px 20px rgba(32,41,87,.08)}.docente-card__email-popover[hidden]{display:none}.docente-card__email-address{display:block;overflow-wrap:anywhere;font-size:.8rem;font-weight:700}.docente-card__copy-email{display:inline-flex;align-items:center;gap:.4rem;margin-top:.55rem;padding:.45rem .7rem;border:0;border-radius:7px;cursor:pointer;background:var(--color-primary,#33407c);color:#fff;font-size:.72rem;font-weight:800}.docente-card__copy-email:hover{background:var(--color-primary-dark,#202957)}.docente-card__copy-status{display:block;min-height:1em;margin-top:.35rem;color:#178344;font-size:.68rem;font-weight:700}
.docentes__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:2.5rem}.docentes__page-link{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid #dfe3ec;border-radius:10px;background:#fff;color:var(--color-primary,#33407c);font-weight:800;text-decoration:none}.docentes__page-link:hover,.docentes__page-link.is-active{border-color:var(--color-primary,#33407c);background:var(--color-primary,#33407c);color:#fff}.docentes__page-link.is-disabled{opacity:.42;cursor:not-allowed}.docentes__empty{padding:3.5rem 1rem;border:1px dashed #cdd2df;border-radius:16px;background:#fff;color:#6c748b;text-align:center}.docentes__empty>i{color:#b6bccd;font-size:3rem}.docentes__empty h3{margin:.8rem 0 .35rem;color:var(--color-primary-dark,#202957)}.docentes__empty p{margin:0 0 1rem}.docentes__empty a{color:var(--color-primary,#33407c);font-weight:800}
@media(min-width:640px){.docentes__filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docentes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docente-card__photo{height:390px}}@media(min-width:900px){.docentes__filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.docentes__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.docentes__filter-grid{grid-template-columns:repeat(5,minmax(0,1fr)) auto}.docentes__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.docente-card__photo{height:410px}}@media(max-width:480px){.docentes__filters-header{align-items:flex-start;flex-direction:column}}