.claq28-directiva{position:relative;isolation:isolate;width:100%;max-width:1500px;margin:35px auto;padding:48px 26px;box-sizing:border-box;overflow:hidden;border-radius:22px;text-align:center;font-family:Arial,Helvetica,sans-serif;background-image:linear-gradient(rgba(0,25,55,.20),rgba(0,25,55,.50)),url('https://cqpr1941.com/wp-content/uploads/2026/10/Fondo-para-fotos-Comite-Organizador.png');background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#053650;box-shadow:0 16px 38px rgba(0,30,60,.25)}
.claq28-directiva,.claq28-directiva *{box-sizing:border-box}
.claq28-directiva .claq28-header{margin-bottom:35px}
.claq28-directiva .claq28-kicker{color:#ffe19a;font-size:15px;font-weight:800;letter-spacing:3px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.claq28-directiva .claq28-titulo{color:#fff!important;font-size:clamp(28px,4vw,48px);line-height:1.2;font-weight:800;margin:12px 0 15px;text-shadow:0 3px 12px rgba(0,0,0,.65)}
.claq28-directiva .claq28-header-line{width:110px;height:4px;margin:18px auto;border-radius:5px;background:linear-gradient(90deg,#b78028,#ffe18a,#b78028)}
.claq28-directiva .claq28-subtitulo{color:#fff;font-size:15px;font-weight:700;letter-spacing:2px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.claq28-directiva .claq28-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.claq28-directiva .claq28-card{min-width:0;overflow:hidden;border:2px solid #edc46c;border-radius:21px;background:#04334e;box-shadow:0 10px 25px rgba(0,0,0,.28);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.claq28-directiva .claq28-card:hover{transform:translateY(-8px);border-color:#ffe29b;box-shadow:0 20px 38px rgba(0,0,0,.4)}
.claq28-directiva .claq28-foto{height:315px;overflow:hidden;background:#a4c5d0}
.claq28-directiva .claq28-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .4s ease}
.claq28-directiva .claq28-card:hover img{transform:scale(1.045)}
.claq28-directiva .claq28-info{min-height:174px;padding:20px 11px 24px;background:linear-gradient(180deg,rgba(0,105,132,.98),rgba(0,39,66,.99))}
.claq28-directiva .claq28-nombre{color:#fff!important;font-size:16px;line-height:1.35;font-weight:800;margin:0}
.claq28-directiva .claq28-separador{width:50px;height:3px;margin:13px auto;border-radius:4px;background:#ffd16c}
.claq28-directiva .claq28-cargo{color:#fff!important;font-size:14px;line-height:1.5;margin:0}
.claq28-directiva .claq28-pie{margin-top:40px;padding:15px 10px}
.claq28-directiva .claq28-pr{color:#ffe098;font:italic clamp(35px,5vw,62px) Georgia,serif;margin:0 0 12px;text-shadow:0 3px 12px rgba(0,0,0,.65)}
.claq28-directiva .claq28-lema{color:#fff;font-size:clamp(14px,2vw,21px);font-weight:800;letter-spacing:4px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.75)}
@media(max-width:1000px){.claq28-directiva .claq28-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:auto}.claq28-directiva .claq28-foto{height:350px}}
@media(max-width:600px){.claq28-directiva{padding:32px 14px 38px;border-radius:15px}.claq28-directiva .claq28-grid{grid-template-columns:1fr;max-width:380px;margin:auto;gap:20px}.claq28-directiva .claq28-foto{height:350px}.claq28-directiva .claq28-info{min-height:0}.claq28-directiva .claq28-subtitulo{font-size:12px;letter-spacing:1px}.claq28-directiva .claq28-lema{letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.claq28-directiva .claq28-card,.claq28-directiva .claq28-foto img{transition:none}.claq28-directiva .claq28-card:hover,.claq28-directiva .claq28-card:hover img{transform:none}}