/*
Theme Name: Especial Aniversario - HCHM
Theme URI: http://hospitaldechillan.cl
Author: Eduardo Rubilar Córdova
Author URI: 
Description: Theme principal Hospital Clínico Herminda Martín.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: hospital clinico herminda martin chillan ñuble chile
*/


/* RESET HTML5 */
* { margin:0px; padding:0px; box-sizing:border-box; font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-style: normal; line-height:115%;}
body { background:#FFF; }

img.menu-open {
    width: revert-layer;
}

img.menu-close {
    width: revert-layer;
}


:root {

    --FONDO: rgb(23, 60, 79);
    --Main100: rgb(24, 35, 81);
    --Main80: rgb(37, 52, 115);
    --Main60: rgb(68, 88, 167);
    --Main40: rgb(116, 164, 202);
    --Main20: rgb(155, 167, 218);
    --Main10: rgb(180, 190, 228);
    --Main5: rgb(204, 210, 236);
    --Invert100: rgb(151, 165, 100);
    --Invert75: rgb(179, 189, 145);
    --Invert50: rgb(204, 211, 179);
    --Invert25: rgb(223, 227, 207);
    --Gris50: rgb(142, 141, 152);
    
}





/* Titulos generales - INICIO */
h1 { font-size:3em; } @media (max-width: 650px) { h1 { font-size:2em; } }
h2 { font-size:2em; } @media (max-width: 650px) { h2 { font-size:1.8em; } }
h3 { font-size:1.6em; } @media (max-width: 650px) { h3 { font-size:1.35em; } }
h4 { font-size:1.3em; } @media (max-width: 650px) { h4 { font-size:1.1em; } }
h5 { font-size:1.1em; } @media (max-width: 650px) { h5 { font-size:1em; } }
h6 { font-size:1em; } @media (max-width: 650px) { h6 { font-size:0.9em; } }
p, li, table { font-size:0.9em; } @media (max-width: 650px) { p, li, table { font-size:0.8em; } }
/* Titulos generales - FINAL */

/* Contenedores Estructurales - INICIO */
.Container100 { width:100%; }
.Container80 { width:75%; max-width:1275px; margin:0 auto; }
    @media (max-width: 900px) { .Container80 { width:80%; } }
    @media (max-width: 650px) { .Container80 { width:90%; } }
/* Contenedores Estructurales - FINAL */





.Imagen img { width:100%; height:auto; border-radius:5px; }
a img:hover { filter:brightness(110%); transition:all 0.25s ease-in-out; }
.Vinculo img:hover { filter:brightness(110%); transition:all 0.25s ease-in-out; cursor:pointer; }
a:link, a:visited { text-decoration:none; color:var(--Main80); }
a:hover, a:active { color:var(--Invert100); }





#CONTENIDO-PRINCIPAL .wp-post-image { width:100%; height:auto; border-radius:5px; }





.Centrado { text-align:center; }
#HEADER { background-image: url('elementos/imagenes/FondoBase.png'), linear-gradient(var(--Main80), var(--Main60)); background-repeat:no-repeat; background-size:contain; background-position:bottom right; }
#Header { display:grid; grid-template-columns: 1fr; padding:75px 0; text-align:left; }
    #Header h1, #Header p { display:none; }
    #ImgScreen { display:inline-block; }
    #ImgMovil { display:none; }
    @media (max-width: 900px) { #ImgScreen { display:none; } #ImgMovil { display:inline-block; } }
    #Header img { width:50%; height:auto; }
        @media (max-width: 1150px) { #Header img { width:60%; height:auto; margin:0 auto; } }
        @media (max-width: 650px) { #Header img { width:75%; height:auto; margin:0 auto; } }





/* Menu Principal y Ruta de Navegación - INICIO */
.toggle-nav { display:none !important; }
#MenuPrincipal { background:rgba(29, 36, 90, 0.35); display:grid; grid-template-columns: 1fr; }
    #MenuGuia { display:grid; grid-template-columns: 1fr; }
#ContenedorRuta { background:#FFF; }
#RutaPrincipal { display:grid; grid-template-columns: 1fr 250px; grid-gap:1em; padding:10px 0; }
    @media (max-width: 900px) { #RutaPrincipal { grid-template-columns: 1fr 1fr; } }
    @media (max-width: 650px) { #RutaPrincipal { grid-template-columns: 1fr; } }    
    #Ruta { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:4px; }
    #Busqueda form { text-align:right; display:grid; grid-template-columns:2.25fr 1fr; gap:5px; }
    #Busqueda form span { display:inline-block; }
    #Busqueda input { width:100%; border-radius:5px; }
        #Busqueda input[type=text] { border:#DDD 1px solid; padding:4px 2px; background:rgb(217,217,217); background: linear-gradient(180deg, rgba(230,230,235,1) 0%, rgba(245,245,250,1) 10%, rgba(250,250,255,1) 100%); }
        #Busqueda input[type=submit] { border:none; background:var(--Main80); color:#FFF; padding:5px 0; cursor:pointer; }
        #Busqueda input[type=submit]:hover { background:var(--Invert50); }
/* Menu Principal y Ruta de Navegación - FINAL */





/* Banners Laterales */
@media (min-width: 901px) { #BannerDualXL { display:grid; grid-template-columns: 1fr 1fr; gap:5px; } #BannerDualSM { display:none; } #BannerDualXS { display:none; } }
@media (max-width: 900px) { #BannerDualXL { display:none; } #BannerDualSM { display:grid; grid-template-columns: 1fr; } #BannerDualXS { display:none; } }
@media (max-width: 650px) { #BannerDualXL { display:none; } #BannerDualSM { display:none; } #BannerDualXS { display:grid; grid-template-columns: 1fr 1fr; gap:5px; padding-bottom:30px; } }



#CAMPANIA article { padding-bottom:25px; }




#PRINCIPAL { padding:30px 0; background: rgb(219,217,217); background: linear-gradient(180deg, rgba(233,230,230,1) 0%, rgba(248,245,245,1) 10%, rgba(255,253,253) 100%); }
#SERVICIOS { display:grid; grid-template-columns:repeat(6, 1fr); gap:0.75em; padding-bottom:5px; }
#SERVICIOS .Servicios-Item img:hover { box-shadow:#000 0 10px 10px; transform: scale(1.075); }
#Recomendaciones h3 { color:var(--Main80); border-bottom:var(--Invert50) 5px solid; margin-bottom:25px; padding-bottom:10px; font-size:2.25em; font-weight:200; }
    @media (max-width: 1150px) { #SERVICIOS { grid-template-columns:repeat(6, 1fr); row-gap:0.4em; column-gap:0.5em; } }
    @media (max-width: 900px) { #SERVICIOS { grid-template-columns:repeat(6, 1fr); row-gap:0.25em; column-gap:0.25em; } }
    @media (max-width: 650px) { #SERVICIOS { grid-template-columns:repeat(3, 1fr); row-gap:0.25em; column-gap:0.5em; } }
#COMUNIDAD { display:grid; grid-template-columns:repeat(3, 1fr); gap:0.75em; padding-bottom:5px; }
    @media (max-width: 1150px) { #COMUNIDAD { grid-template-columns:repeat(3, 1fr); row-gap:0.4em; column-gap:0.5em; } }
    @media (max-width: 900px) { #COMUNIDAD { grid-template-columns:repeat(3, 1fr); row-gap:0.4em; column-gap:0.25em; } }
    @media (max-width: 650px) { #COMUNIDAD { grid-template-columns:repeat(3, 1fr); row-gap:0.25em; column-gap:0.5em; } }
/* Tratamiento espacial a Comunidad */
@media (min-width: 651px) { #Comunidad { display:block; } #MiniComunidad { display:none; } }
@media (max-width: 650px) { #Comunidad { display:none; } #MiniComunidad { display:block; } }


#MAIN { display:grid; grid-template-columns: 9fr 2fr; column-gap:1em; }
    @media (max-width: 900px) { #MAIN { grid-template-columns: 8fr 3fr; } }
    @media (max-width: 650px) { #MAIN { grid-template-columns: 1fr; } }

    main { padding-bottom:25px; }

    #CONTENIDO { display:block; background:#FFF; border-radius:10px; padding:25px; }
        @media (max-width: 900px) { #CONTENIDO { padding:15px; } }


    #RECOMENDACIONES { background: #F6F2F2; padding:50px 0; }
    #Recomendaciones { text-align:center; }    
        #Recomendaciones aside { display:grid; grid-template-columns:repeat(auto-fit, minmax(225px, 1fr)); gap:0.25em; place-content:center; }
            @media (max-width: 1150px) { #Recomendaciones aside { display:grid; grid-template-columns:repeat(3, 1fr); gap:0.25em; justify-items:center; } }
            @media (max-width: 650px) { #Recomendaciones aside { display:grid; grid-template-columns:repeat(2, 1fr); gap:0.1em; justify-items:center; } } 
        #Recomendaciones aside article { padding:5px; }
        #Recomendaciones aside .Dato .ImagenDato { padding-bottom:15px; }
        #Recomendaciones aside .Dato { text-align:center; }
        #Recomendaciones aside .Dato img { width:75%; height:auto; }
        #Recomendaciones aside .Dato h4 { color:var(--Main80); padding-bottom:25px; }
            #Recomendaciones aside article a { display:block; border-radius:10px; background:#FFF; }
            #Recomendaciones aside article a:hover { background:var(--Main10); }

    #BOLETIN { background:#FFF; border-radius:10px; }



.BLOQUE { padding:25px; border-radius:5px; margin-bottom:20px; box-shadow:#DDD 0 5px 5px; }
.BLOQUE-RECLUTAMIENTO { padding:25px; margin:10px 0; border-radius:10px; border:var(--Main60) 1px solid; border-left:var(--Main60) 25px solid; }



#PREFOOTER { background:#F3EEEE; padding:50px 0; }
    .Imagen img { box-shadow:#CCC 0 2px 2px; }
    .Premios { text-align:center; padding:20px }
    .Premios img {width:90%; max-width:200px; margin:0 20px; }
    @media (max-width: 900px) { #PREFOOTER { padding:25px 0; } }
    #PreFooter .Transparencias { display:grid; grid-template-columns:repeat(4, 1fr); gap:0.5em; padding-bottom:10px; }        
        @media (max-width: 900px) { #PreFooter .Transparencias { grid-template-columns:repeat(2, 1fr); } }
    #PreFooter .Empleos { display:grid; grid-template-columns:repeat(3, 1fr); gap:0.5em; }
        @media (max-width: 650px) { #PreFooter .Empleos { grid-template-columns: 1fr; } }
#FOOTER { background:linear-gradient(var(--Main60), var(--Main80)); padding:100px 0; color:var(--Main5); }
    footer img { width:25%; height:auto; }
        @media (max-width: 1400px) { footer img { width:35%; height:auto; } }
        @media (max-width: 650px) { footer img { width:50%; height:auto; } }




/* dialog { border-radius:10px; padding:25px; border:none; box-shadow:#000 0 5px 10px; margin:auto; }
dialog label { text-align:left; }
dialog::backdrop { background-color: rgba(0,0,0,0.75); backdrop-filter:blur(3px); } */
dialog { border-radius:10px; padding:50px; border:none; box-shadow:#000 0 5px 10px; margin:auto; width:95%; max-width:750px;
    opacity:0; transform:scaleY(0); transform:scaleX(0); transition: opacity 0.7s ease-out, transform 0.35s ease-out, overlay 0.35s ease-out allow-discrete, display 0.35s ease-out allow-discrete; }
dialog[open] { opacity:1; transform:scaleY(1); transform:scaleY(1); }
dialog::backdrop { background-color:rgb(0 0 0 / 0%); transition: display 0.35s allow-discrete, overlay 0.35s allow-discrete, background-color 0.35s; }
dialog[open]::backdrop { background-color:rgb(0 0 0 / 75%); }

.SuperBoton { display:block; padding:40px 25px; background:var(--Main10); border-radius:10px; }
.SuperBoton:hover { display:block; padding:40px 25px; background:var(--Main60); color:#FFF; border-radius:10px; }



/* TODO SOBRE NOTICIAS - INICIO */

/* Noticias en la HomePage - INICIO */    
#ULTIMA-NOTICIA { display:grid; grid-template-columns: 2fr 1fr; gap:1em; padding-bottom:0.75em; }
    @media (max-width: 1150px) { #ULTIMA-NOTICIA { display:grid; grid-template-columns: 1fr; gap:0.25em; padding-bottom:0.75em; } }
#NOTICIAS-NORMALES { display:grid; grid-template-columns: 1fr 1fr; gap:1em; padding-bottom:1em; }
    @media (max-width: 950px) { #NOTICIAS-NORMALES { display:grid; grid-template-columns: 1fr; gap:0.5em; padding-bottom:0.75em; } }
/* Noticias en la HomePage - FINAL */
/* Noticias en la Página (Category) Noticias - INICIO */
.Noticia { display:grid; grid-template-columns:1.5fr 5fr; gap:1em; }
    .Noticia div { padding-bottom:20px; }
@media (max-width: 750px) { .Excerpt { display:none; } }
#FOTO-NOTICIAS { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:1em; padding:3em 0 2em 0; }
    @media (max-width: 900px) { #FOTO-NOTICIAS { display:grid; grid-template-columns: 1fr 1fr; gap:0.25em; padding-bottom:0.75em; } }
    #MININOTICIAS h3 { color:var(--Main80); border-bottom:var(--Invert50) 5px solid; margin:25px 0 10px 0; padding-bottom:10px; font-size:2.25em; font-weight:200; text-align:center; }
    #FOTO-NOTICIAS img:hover { box-shadow:#666 0 10px 10px; border:#FFF 5px solid; transform: scale(1.1); }
/* Noticias en la Página Noticias - FINAL */

/* Noticia en Single Noticias (Category) - INICIO */
.TituloNoticia { font-size:300%; font-weight:300; color:var(--Main80); border-bottom:var(--Invert50) 5px solid; margin-bottom:25px; }
    @media (max-width: 900px) { .TituloNoticia { font-size:260%; } } 
    @media (max-width: 650px) { .TituloNoticia { font-size:225%; } } 
.FechaNoticia { display:inline-block; padding:7px 20px; background:var(--Invert75); color:#FFF; border-radius:10px; margin:10px 0 25px 0; }
.ExtractoNoticia { font-size:150%; font-weight:700; color:var(--Invert100); padding:20px 0; margin-bottom:25px; border-bottom:#EEE 1px solid; }
.ContenidoNoticia { font-size:120%; color:#444; padding-top:25px; }
    .ContenidoNoticia p { text-align:justify; padding:5px 0; }
    .ContenidoNoticia ul, .ContenidoNoticia ol { margin:5px 0 5px 20px; }
    .ContenidoNoticia img { width:100%; height:auto; border-radius:5px; margin:15px 0; }
/* Noticia en Single Noticias - INICIO */


/* CONTENIDOS */
#CONTENIDO-PRINCIPAL h3 { color:var(--Main60); padding:20px 0 10px 0; margin:0 0 15px 0; border-bottom:var(--Main10) 2px solid; }
#CONTENIDO-PRINCIPAL h4 { color:var(--Main80); padding:10px 0 5px 0; margin:0 0 10px 0; border-bottom:var(--Main10) 1px dotted; }
#CONTENIDO-PRINCIPAL .Tabla { border:var(--Main20) 2px solid; width:100%; border-collapse: collapse; }
#CONTENIDO-PRINCIPAL .Tabla th { background:var(--Main10); padding:5px; }
#CONTENIDO-PRINCIPAL .Tabla td { padding:5px; border:var(--Main10) 1px solid; }

/* SUBCONTENIDOS */
#LISTADO-PAGINAS { border-radius:5px; border:#CCC 1px dotted; padding:0 25px 25px 25px; margin-top:25px; }
#LISTADO-PAGINAS ul { list-style:none; }


/* GALERIAS */
#GaleriaFotografica { display:grid; grid-template-columns: 3fr; }


/* TODO SOBRE PÁGINA - INICIO */
.TituloPagina { font-size:300%; font-weight:300; color:var(--Main60); border-bottom:var(--Invert50) 5px solid; margin-bottom:25px; }
    @media (max-width: 900px) { .TituloNoticia { font-size:260%; } } 
    @media (max-width: 650px) { .TituloNoticia { font-size:225%; } }
.ImagenPagina { padding:25px 0; }
.ContenidoPagina { font-size:120%; color:#444; }
    .ContenidoPagina p { text-align:justify; padding:5px 0; }
    .ContenidoPagina ul, .ContenidoPagina ol { margin:5px 0 5px 20px; }
    .ContenidoPagina img { width:100%; height:auto; border-radius:5px; margin:15px 0; }
/* TODO SOBRE PÁGINA - FINAL */


/* TODO SOBRE PÁGINA DIRECTIVOS - INICIO */
.Directivo { display:grid; grid-template-columns:125px 1fr; gap:0.75em; padding:15px; border:#CCC 1px dotted; border-radius:10px; margin-bottom:5px; }
    .Directivo img { width:100%; border-radius:10px; }
/* TODO SOBRE PÁGINA - FINAL */


/* COMPARTIR EN REDES */
#COMPARTIR { margin-top:30px; padding-top:10px; border-top:#EEE 5px solid; display:flex; gap:3px; align-items: center; }
#COMPARTIR span { display:inline; }
#COMPARTIR a { display:inline; }
#COMPARTIR img { width:30px; height:auto; }


/* PAGINACION */
.wp-pagenavi {margin:15px 0px; padding:15px 0px 5px 0px; font-size:13px; color:#666;}
.wp-pagenavi .pages {display:inline-block; padding:0px 10px 0px 0px; font-weight:bold;}
.wp-pagenavi .previouspostslink {display:inline-block; padding:0px 2px;}
.wp-pagenavi .page {display:inline-block; padding:0px 2px;}
.wp-pagenavi .nextpostslink {display:inline-block; padding:0px 2px;}
.wp-pagenavi .current {display:inline-block; padding:0px 2px; margin:0px 2px; background:#C00; color:#FFF; font-weight:bold;}