/*
Los estilos propios del theme DIRECTORESAV
* 
* Están acá para guardar relación con la estructura del resto de los sitios de DAC.
*/

:root {
  --dac: #f70;
  --docudac: #11AADD;
  --cep: #3EB8C0;
  --generodac: #8635BA;
  --artedac: #777777;
  --directoresav: #a00;
  
  --dav-red-dark: #900F;
  --dav-red-darkness: #800F;
  --dav-grey-dark: #222F;
  --dav-grey-dark2: #141414FF;
  --dav-grey-darkness: #080808FF;

  --dav-grey-lighter: #EEEF;
  --dav-grey-light: #DDDF;
  --dav-white: #FFF;
  
  --dav-slider-bg-text-translucid: #080808AA;
  --dav-slider-bg-text-transparent: #08080800;
}


body
{
    background-color: #ccc;
    font-family: "IBM Plex Sans", sans-serif;
    font-optical-sizing: auto;
    /*font-weight: 400;*/
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}


a{
color: #d00;
text-decoration: none;
}
a:hover{
color: #000;
text-decoration: underline;
}

#top-header{
    background-color: var(--directoresav);
    background-image: repeating-linear-gradient( 45deg, var(--dav-red-dark), var(--dav-red-dark) 2rem, var(--dav-red-darkness) 2rem, var(--dav-red-darkness) 4rem);
}
#top-header .container{
    background-color: var(--directoresav);
}
#logo{
  display: block;
  text-align:center;
}
#logo img,
#logo-dac img
{
  max-width: 440px;
  width: 100%;
  padding-top: 0;
  display: inline-block;
}

#social-media a{
    display: inline-block;
    margin: .5em;
    color: #fff;
}

#bottom-header {
    background-color: var(--dav-grey-dark);
    background-image: repeating-linear-gradient( 135deg, var(--dav-grey-dark2), var(--dav-grey-dark2) 2rem, var(--dav-grey-darkness) 2rem, var(--dav-grey-darkness) 4rem);
}
#bottom-header .container {
    background-color: var(--dav-grey-dark);
}
#bottom-header .navbar a{
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
}

#footer{
    background-color: var(--dav-grey-dark);
    background-image: repeating-linear-gradient( 135deg, var(--dav-grey-dark2), var(--dav-grey-dark2) 4rem, var(--dav-grey-darkness) 4rem, var(--dav-grey-darkness) 8rem);
}
#top-footer .container{
    background-color: var(--dav-grey-dark);
}
#footer-bottom p{
    color: var(--bs-gray-700);
}
/* ------------- */ 


/* INI: GENERALES */

/* TITULOS CON LINKS */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
}
#main h1 a,
#main h2 a,
#main h3 a,
#main h4 a,
#main h5 a,
#main h6 a {
    text-decoration: none;
    color: #333;
}
#main h1 a:hover,
#main h2 a:hover,
#main h3 a:hover,
#main h4 a:hover,
#main h5 a:hover,
#main h6 a:hover {
    color: #d00;
}


.share-buttons {
    letter-spacing: .2em;
}
.share-buttons a{
    color: #333;
}
.share-buttons a:hover{
    color: #d00;
}

img.aspect-ratio-6-4 {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 6 / 4!important;
}
img.aspect-ratio-16-9 {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9!important;
}

/* FIN: GENERALES */

/* ------------- */ 

/* INI: HOME */

#main {
    background-color: #ccc;
}

#bloque-internacional {
    background-color: #ddd;
}
#bloque-internacional .category-title{
    letter-spacing: -.05rem;
}
#bloque-audiovisuales h3 a{
    font-size: 125%;
}
#main .category-title
{
    border-bottom: 2px solid var(--dav-grey-dark);
    margin-bottom: 1rem;
    margin-top: .5rem;
}

/* FIN: HOME */

/* ------------- */ 

/* INI: SINGLE */

/* Compatibilidad notas sitio viejo */
.single #post-content .bajada
{
    font-size: 150%;
}

.single #post-content figure{
    width: 100%;

}
.single #post-content figure img{
    width: 100%!important;
    height: auto!important;
}
.single #post-content figcaption {
    background-color: #ddd;
    margin-top: 0;
    padding: .5rem;
    text-align: left;    
}

.single #post-content .articulo h5:last-child,
.single #post-content h5:last-child{
    font-size: 100%;
    font-family: "IBM Plex Sans", sans-serif;
    font-optical-sizing: auto;
    /*font-weight: 400;*/
    font-style: bold;
    font-variation-settings:
    "wdth" 100;
    border-top: 2px solid #444;
    padding-top: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
@media (min-width: 768px) {
    .single #post-content p{
        font-size: 125%;
        text-align: justify;
    }

} /* @media (min-width: 768px) */


/* Popup desktop */
.compartir-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 10000;
  justify-content: center;
  align-items: center;
}

.compartir-contenido {
  background: white;
  padding: 2rem;
  border-radius: 5px;
  max-width: 500px;
  width: 90%;
  position: relative;
  text-align: center;
}

.compartir-url {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ddd;
  margin-top: 1rem;
}

.cerrar-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

.copiado-msg {
  display: block;
  color: green;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  opacity: 0;
  transition: opacity 0.3s;
}

.copiado-msg.mostrar {
  opacity: 1;
}


/* FIN: SINGLE */


/* GRILLA DE POSTEOS */

.noticia {
    position: relative;
}

.archive .noticia {
}

.noticia .extracto{
    /*border-bottom: 2px solid var(--dav-grey-dark);*/
    padding-top: 0rem;
}
.noticia:last-child .extracto{
    /*border-bottom: 0 none;*/
}

.archive .noticia .extracto {
    border-bottom: 0 none;
    padding-bottom: 0;
    padding-top: 0;
}
.archive .postmetadata{
    font-size: .8rem;
    padding-bottom: 1rem;
}

#bloque-internacional .noticia .extracto{
    padding-top: 0rem;
}
/*
.noticia:hover{
    background-color: #fff;
}
* */
.noticia .icon-expand-collapse{
    position: absolute;
    top: -1rem;
    right: .5rem;
    left: .5rem;
    text-align: right;
    font-size: 1.5rem;
}
.noticia .icon-expand-collapse a{
    color: var(--dav-grey-dark);
    opacity: .4;
}
.noticia .icon-expand-collapse a:hover{
    opacity: 1;
}

.noticia.cerrada .icon-expand-collapse .noticia-cerrar{
   visibility: hidden;
}
.noticia.abierta .icon-expand-collapse .noticia-cerrar{
    visibility: visible;
}

.noticia:hover .boton-play{
    opacity: 1;
}
.noticia-mini{
    position: relative;
}
.boton-play{
    opacity: .8;
    position: absolute;
    bottom: 25%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 2.5rem;
}
.noticia-imagen img
{
  width: 100%!important;
  height: auto!important;
}
.noticia-imagen .video-lazyload{
    display: none;
    background-image: url('../img/spiner.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    
}


.noticia a.noticia-abrir,
.noticia a.noticia-abrir:hover {
    color: inherit;
    text-decoration: none;
}

.noticia-cabecera{
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.fecha {
    font-size: .8rem;
    color: #666;
}
.noticia-cuerpo{
    
}

.separador{
    background-color: var(--dav-grey-dark);
    background-image: repeating-linear-gradient( 135deg, var(--dav-white), var(--dav-white) .5rem, var(--dav-grey-light) .5rem, var(--dav-grey-light) 1rem);
    height: .5rem;
    margin-bottom: 1rem;
    border:0 none;
}
#slider-home .separador{
    display:none;
}
#bloque-banners img{
    display: block;
    width: 100%;
}



.paginador {
    /* btn-dark */
    --bs-btn-color: #fff;
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    
    --bs-btn-focus-shadow-rgb: 66,70,73;
    
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}

.paginador .page-link {
    color: #fff;
    background-color: #212529;
    border: 1px solid #212529;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.paginador .page-link:hover{
    color: #fff;
    background-color: #424649;
    border-color: #373b3e;
}
.paginador .page-link:focus{
    shadow-color: rgba(0, 0, 0, 0.125);
}
.paginador .page-link:active{
    color: #fff;
    background-color: #424649;
    border-color: #373b3e;
    shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.paginador .active .page-link{
    color: #212529;
    background-color: #fff;
    border-color: #212529;
}





.entry-content a.preview-lazyload {
    background-size: cover;
}


/* INI: SLIDER HOME */

   .autoplay-progress {
      position: absolute;
      right: 8px;
      bottom: 8px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: var(--directoresav);
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: var(--directoresav);
      fill: none;
      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }
    #slider-home .swiper{
		background-color: var(--dav-grey-dark);
		background-image: repeating-linear-gradient( 135deg, var(--dav-grey-dark), var(--dav-grey-dark) 1rem, var(--dav-grey-darkness) 1rem, var(--dav-grey-darkness) 2rem);
		padding-bottom: 2rem;
		height: auto;
	}
	#slider-home .en-categoria {
		position: absolute;
		top: 8px;
		left: 0px;
		z-index: 100;
	}
	#slider-home .en-categoria h6{
		color: #fff;
		background-color: var(--dav-slider-bg-text-translucid);
		padding: 0.5rem;
	}

	#slider-home.abierta .swiper{
		padding-bottom: 0rem;
		padding-top: .5rem;
	}
	#slider-home .noticia .icon-expand-collapse {
		top: -.5rem;
	}
	#slider-home .noticia .icon-expand-collapse a{
		color: var(--directoresav);
		opacity: 1;
	}
	#slider-home .noticia .icon-expand-collapse a:hover{
		color: #fff;
		opacity: 1;
	}
	#slider-home {
		margin-bottom: 1rem;
	}
	#slider-home .boton-play {
		bottom: 25%;
		left: 50%;
		right: 50%;
		font-size: 3rem;
	}
	/*
	ESTO ROMPE EL LAZY LOAD. NO HAABILITARLO
    #slider-home .noticia-imagen{
		width:100%;
		padding-left: 0;
		padding-right: 0;
	}*/
	#slider-home .noticia-cabecera,
	#slider-home .noticia-cuerpo{
		position: absolute;
		padding-left: 0;
		padding-right: 0;
		left: 0;
		right:0;
	}
	#slider-home .noticia-cabecera{
		background-image: linear-gradient( 0deg, var(--dav-slider-bg-text-translucid), var(--dav-slider-bg-text-transparent) 100%);
		top: auto;
	}
	#slider-home .noticia-cabecera h3{
		width: 75%;
		font-size: 1.75em;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	#slider-home .noticia-cabecera h3 a{
		color: #fff;
	}
	#slider-home .noticia-cabecera .meta-data{
		display: none;
	}
	#slider-home .noticia-cuerpo{
		background-color: var(--dav-slider-bg-text-translucid);
		bottom:0;
		top: auto;
	}
	#slider-home .noticia-cuerpo .extracto {
		border: 0 none;
		color: #fff;
		margin-bottom: .5rem;
		padding-top: 0;
	}
	#slider-home .enlaces { display: none!important; }
	#slider-home .noticia.abierta .noticia-cabecera,
	#slider-home .noticia.abierta .noticia-cuerpo{
		display: none;
	}
	#slider-home .noticia.cerrada .noticia-cabecera,
	#slider-home .noticia.cerrada .noticia-cuerpo{
		display: block;
	}
	#slider-home .swiper-button-next,
	#slider-home .swiper-button-prev
	{
		color: var(--directoresav);
	}
	#slider-home .swiper-pagination-bullet{
		background-color: #fff;
	}
	#slider-home .swiper-pagination-bullet-active {
		background-color: var(--directoresav);
	}
	
	@media (max-width: 768px) { 
		#slider-home .noticia-cabecera,
		#slider-home .noticia-cuerpo{
			position: relative;
			padding-left: 0;
			padding-right: 0;
			left: 0;
			right:0;
		}
		#slider-home .swiper{
			padding-bottom: 2rem;
			height: auto;
		}
		#slider-home .noticia-cabecera{
			background-image: linear-gradient( 0deg, var(--dav-slider-bg-text-translucid), var(--dav-slider-bg-text-translucid) 100%);
			top: auto;
		}
		#slider-home .noticia-cuerpo{
			background-color: var(--dav-slider-bg-text-translucid);
			bottom:0;
			top: auto;
		}
	}
	
/* END: SLIDER HOME */

/* END OF DIRECTORESAV */