:root{
  --thim-body-primary-color:#b82947;
  --thim-body-secondary-color:#283045;
  --thim-button-text-color:#ffffff;
  --thim-footer-bg-color:#0f2f40;
  --thim-footer-color-text:#848e99;
  --thim-copyright-text-color:#999999;
  --boxes-icon-color:#D58C1E;
  --font-body:Roboto, sans-serif;
  --font-title:"Roboto Slab", serif;
}
*{box-sizing:border-box;}
body{margin:0;font-family:var(--font-body);color:#666;line-height:1.8em;background:#fff;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;margin:0;padding:0;}
.container{max-width:1140px;margin:0 auto;padding:0 15px;}


/* PAGE TITLE */
/* PAGE TITLE - Con las mismas medidas de ancho y alto que el carrusel */
.top_site_main {
  position: relative !important;
  
  /* 1. Fuerza el ancho completo (Rompe-contenedor) */
  width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  
  /* 2. Aplica exactamente la misma altura del carrusel */
  height: 350px !important; 
  
  /* 3. Estilos de fondo e iluminación */
  background: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, .55)), 
              url('https://udgplus.udg.mx/sites/default/files/2026-07/contacto_0.jpg') center/cover no-repeat !important;
              
  /* 4. Flexbox para controlar cómo se alinean los textos por dentro */
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
page-title-wrapper {
  padding-left: 10% !important;
  
  /* Reduce este valor a 40px o 0px para que suba más */
  padding-bottom: 20px !important; 
  
  /* Si necesitas despegarlo un poco de los breadcrumbs de arriba */
  padding-top: 40px !important; 
}
.page-title{font-family:var(--font-title);font-size:38px;font-weight:700;color:#fff;text-transform:uppercase;margin:0;}

/* BOTONES DE DESCARGA */
.eael-creative-button{flex:1;text-align:center;background:#FFB606;color:#000;padding:20px 24px;border-radius:6px;font-weight:500;font-size:16px;transition:.3s;display:block;}
.eael-creative-button:hover{background:#000;color:#fff;}
.eael-creative-button:hover svg,.eael-creative-button:hover i{color:#fff;}
.creative-button-inner{display:flex;align-items:center;justify-content:center;gap:10px;}
.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1140px;margin:40px auto 20px;padding:0 15px;}
@media(max-width:900px){.docs-grid{grid-template-columns:1fr;}}

/* CONTACTO / HORARIO / DIRECCIÓN */
.info-row{display:flex;gap:30px;max-width:1400px;margin:0 auto 60px;padding:0 15px;flex-wrap:wrap;}
.info-col{flex:1;min-width:260px;background:#fff;box-shadow:0 0 10px -5px rgba(0,0,0,.5);border-radius:6px;padding:40px 20px;text-align:center;transition:.3s;}
.info-col:hover{box-shadow:0 6px 20px -5px rgba(0,0,0,.3);}
.info-col .boxes-icon{font-size:50px;color:var(--boxes-icon-color);margin-bottom:16px;}
.info-col h3{font-family:var(--font-title);font-size:1.4em;font-weight:600;color:#333;margin:0 0 14px;}
.info-col p{margin:0;color:#666;line-height:1.7em;}

/* FOOTER */
#colophon{background:var(--thim-footer-bg-color);color:var(--thim-footer-color-text);padding:50px 0 20px;position:relative;}
.footer-logo img{height:50px;margin-bottom:22px;filter:brightness(0) invert(1);}
.thim-header-info{margin:0 0 30px;}
.thim-header-info li{padding:6px 0;display:flex;align-items:center;gap:8px;}
.thim-header-info li i{color:var(--boxes-icon-color);}
.thim-header-info a{color:var(--thim-footer-color-text);transition:.3s;}
.thim-header-info a:hover{color:#fff;}
.copyright{color:var(--thim-copyright-text-color);font-size:.95em;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);}
.copyright a:hover{color:#fff;}

.back-to-top__button{position:fixed;right:30px;bottom:30px;width:52px;height:52px;border-radius:50%;background:var(--thim-body-primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,background .3s;z-index:500;}
.back-to-top__button.show{opacity:1;visibility:visible;}
.back-to-top__button:hover{background:#000;}

@media(max-width:900px){
  .width-navigation{display:none;}
  .menu-mobile-effect{display:flex;}
  .thim-nav-wrapper .row{padding:14px 0;}
}