/* Ajustes propios de la maqueta DDA sobre los estilos de uchile.cl.
   Solo para bloques que el sitio no trae armados (zona "Información por público"). */

/* Trayectorias académicas: foto + tarjeta blanca con lista de enlaces */
.dda-trayectorias{background:rgba(238,238,238,.9);padding:60px 0 70px}
.dda-trayectorias section[id]{height:0;overflow:hidden}
.dda-trayectorias .titulo .mod__title{font-family:"Crimson Text",serif;font-size:50px;font-weight:400;line-height:1.01;color:#333;text-align:center;margin:0 0 40px}
.dda-caja{display:flex;align-items:center}
.dda-caja__img{flex:0 0 58%;margin:0}
.dda-caja__img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.dda-caja__lista{flex:1;margin-left:-6%;background:#fff;padding:24px 28px 36px !important;box-shadow:2px 2px 4px 0 rgba(0,0,0,.25);position:relative}
.dda-caja__lista .mod__aside{width:100%}

/* Información por público: tarjetas blancas sobre gris, tres columnas */
.dda-publicos{background:linear-gradient(93deg,rgba(227,233,232,.8) .18%,rgba(232,232,232,.48));padding:70px 0}
.dda-publicos .container{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px;align-items:stretch}
.dda-publicos__tarjeta{background:#fff;box-shadow:2px 2px 4px 0 rgba(0,0,0,.25)}
.dda-publicos .mod{padding:28px 30px 36px !important}

/* Título de tarjeta dentro de Trayectorias */
.dda-caja__lista h2{font-size:26px;margin-bottom:12px}

/* Hero como carrusel de fotos: flechas, puntos y botón de pausa del sitio */
.dda-slider video{transition:opacity .4s ease}
.dda-slider__controles{position:absolute;inset:0;pointer-events:none;z-index:2}
.dda-slider__flecha{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:2px 2px 4px 0 rgba(0,0,0,.25);cursor:pointer}
.dda-slider__flecha:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border:solid #024a93;border-width:0 3px 3px 0}
.dda-slider__flecha--prev{left:24px}
.dda-slider__flecha--prev:before{transform:translate(-30%,-50%) rotate(135deg)}
.dda-slider__flecha--next{right:24px}
.dda-slider__flecha--next:before{transform:translate(-70%,-50%) rotate(-45deg)}
.dda-slider__flecha:hover{background:#fff}
.dda-slider__puntos{pointer-events:auto;position:absolute;top:24px;right:32px;display:flex;gap:10px;margin:0;padding:0;list-style:none}
.dda-slider__puntos button{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer;box-shadow:0 0 3px rgba(0,0,0,.4)}
.dda-slider__puntos button.activo{background:#fff}

/* Botón del boletín, con el azul de los botones del sitio */
.dda-boletin{float:left;clear:left;width:700px;margin:24px 0 50px 70px;text-align:center}
.dda-boletin__btn{display:inline-block;background:#024a93;color:#fff !important;font-family:Raleway,sans-serif;font-size:20px;font-weight:500;padding:22px 48px;border-radius:4px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);text-decoration:none !important}
.dda-boletin__btn:hover{background:#0a3b6b}

/* Políticas y normativas: tres mosaicos */
.dda-politicas{padding:60px 0 70px}
.dda-politicas section[id]{height:0;overflow:hidden}
.dda-politicas .titulo .mod__title{font-family:"Crimson Text",serif;font-size:50px;font-weight:400;line-height:1.01;color:#333;text-align:center;margin:0 0 40px}
.dda-mosaicos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none}
.dda-mosaicos a{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px;background:#024a93;color:#fff !important;font-family:Raleway,sans-serif;font-size:24px;font-weight:500;border-radius:4px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);text-decoration:none !important}
.dda-mosaicos a:hover{background:#0a3b6b}
.dda-externo{position:absolute;right:16px;bottom:14px;width:14px;height:14px;border:2px solid #fff;border-radius:2px}
.dda-externo:after{content:"";position:absolute;top:-6px;right:-6px;width:9px;height:9px;border:solid #fff;border-width:2px 2px 0 0;background:#024a93}

@media (max-width:991px){
  .dda-caja{flex-direction:column}
  .dda-caja__img{flex-basis:auto;width:100%}
  .dda-caja__lista{margin:-40px 16px 0;width:calc(100% - 32px)}
  .dda-publicos .container{grid-template-columns:1fr !important}
  .dda-mosaicos{grid-template-columns:1fr}
  .dda-boletin{float:left;clear:left;width:700px;margin:24px 0 50px 70px;text-align:center}
}

/* Portafolio académico: buscador del sitio (módulo de convocatorias) a lo ancho */
.dda-portafolio{padding:50px 0 60px !important}
.dda-portafolio section[id]{height:0;overflow:hidden}
.dda-portafolio .mod_conv-search{width:100% !important;max-width:none !important;float:none !important}
.dda-portafolio .mod_conv-search .mod__body{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.dda-portafolio .mod_conv-search form{width:auto !important;margin:0 !important}
@media (max-width:991px){
  .dda-boletin{float:none;width:auto;margin:24px 0}
  .dda-portafolio .mod_conv-search .mod__body{grid-template-columns:1fr}
}
