@charset "utf-8";
/* Revista Mendoza 1.0 en Core 10 */
/* Paleta */
:root {
	 /* Colores de fondo */
	--alto-cabecera:210px;
  --fondo-principal: #F9FCFC;
  --fondo-secundario: #ECECEC;
  --fondo-oscuro: rgb(119, 18, 59);

  /* Colores posibles (ordenados por claridad/saturación) */
  --paleta-1: #F0B5B3;
  --paleta-2: #A9B18F;
  --paleta-3: #CB807D;
  --paleta-principal: #DA4167;
  --paleta-oscuro: #083D77;
		
	--normal-bg:var(--fondo-principal);
	--normal-h4:var(--gris-600);
	--normal-h4-link:var(--gris-700);
	--normal-h1:var(--paleta-principal);
		
	--caja-bg:var(--paleta-principal);
	--caja-h4:var(--gris-100);
	--caja-h4-link:var(--gris-200);
	--caja-h1:#F9FCFC;
		
	--visual-bg:var(--paleta-principal);
	--visual-h4:#FFF;
	--visual-h4-link:var(--paleta-1);
	--visual-h1:#F9FCFC;
	--visual-gradiente:linear-gradient(to bottom, rgba(0,0,0,0) 20%,var(--paleta-oscuro) 80%);
	--visual-p:#FFF;
		
	--minimalista-h4:var(--paleta-1);
	--minimalista-h4-link:var(--paleta-principal);
	--minimalista-h1:var(--paleta-principal);

	--foto-derecha-bg:#F9FCFC;
	--foto-derecha-h4:var(--paleta-2);
	--foto-derecha-h4-link:var(--paleta-3);
	--foto-derecha-h1:var(--paleta-principal);
		
	--sombra-texto:  0px 2px 1px rgba(0, 0, 0, 1);
	--sombra-suave: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);		
}

div.container{background:var(--container-bg);}
section.defecto{background:var(--fondo-principal)}
section.color{background:var(--fondo-secundario)}

section.tematico{
	background:var(--fondo-oscuro); margin-top:0;
	--visual-gradiente:linear-gradient(to bottom, rgba(0,0,0,0) 20%,var(--fondo-oscuro) 80%);
	--normal-bg:var(--fondo-oscuro);
	--normal-h1:var(--paleta-1);
	--minimalista-h1:var(--paleta-1);
}
section.tematico .contenido h4 {padding:8px; background:var(--gris-700) !important; color:var(--paleta-1) !important;}
section.tematico .contenido h4 a{padding:8px;color:var(--paleta-1) !important;}

main {padding:var(--calle);}

header{background:var(--paleta-principal);}
header > .container {row-gap: .75rem;}
header .principal{justify-content: space-between;}
.calendario p{display: flex;align-items: center;height: 32px;gap:1rem;}

nav ul {}
nav > ul {height: 50px;padding: 0 15px;}
nav ul > li:hover {background-color: var(--paleta-oscuro); color:var(--gris-50) !important;}
nav ul li ul li a:hover {color:var(--gris-50) !important;}
nav > ul > li > a:hover {color:var(--gris-50) !important;}
nav ul, nav a,nav ul li ul li a{color:var(--gris-50);}
nav ul li ul li a {padding: 10px 20px;font-size: 0.95rem;transition: background-color 0.2s ease;}
nav ul > li.subseccion::after {content: '◢';font-size: 0.7em;margin-left: 5px;color:var(--gris-600);}
nav li ul {border-radius: 4px;background-color: var(--fondo-secundario);box-shadow: 0 8px 16px rgba(0,0,0,.1);}
nav ul li ul li a {padding: 10px 20px;font-size: 0.95rem;transition: background-color 0.2s ease;}

header ul.social{margin:0;}
ul.social{margin: 0 auto;}
ul.social li {width: 32px;height: auto; padding:0; margin: 0 2px;}
ul.social > li:hover{background-color: transparent;}

ul.tags {
  margin: var(--calle) 0;
  padding:0;
}
/*ul.tags li {
  padding: var(--calle) var(--modulo);
  border: 1px solid var(--gris-800);
  background: var(--paleta-oscuro);
  color: var(--gris-100);
  margin: var(--modulo);
}*/
ul.tags li {
  background-color: var(--gris-100);
  border: 1px solid var(--gris-500);
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 14px;
  margin: 0 16px 12px 0;
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
}
ul.tags li a{
  color: var(--gris-900);
}
svg:hover {color: var(--gris-900);}
.header-search-container svg{width: auto;height: 24px;}
.header-search-container {background:var(--fondo-secundario);}
.search-text {background: none;}

footer {background: var(--paleta-3);padding: var(--calle);}
footer .logo img {width:calc(var(--grilla)*2);height:auto;}
footer .datamedio.info {padding: var(--calle) 0;}
footer p{color: var(--gris-700);}
footer .branding {justify-content: center;background: var(--gradiente-oscuro);}
footer > div.container {gap:1rem;}

.data.clima .icono {width: 48px;}
.contenido h4 {padding:8px; background:var(--paleta-2);}

/* normal */
.normal article{background:var(--normal-bg);border-radius: var(--radio);box-shadow: var(--sombra-suave);}
.normal h1 a{color:var(--normal-h1);}
.normal h4{color:var(--normal-h4);font-weight:400;}
.normal h4 a{color:var(--normal-h4-link);}
.normal h4 {position: absolute;top: var(--calle);left: 0;}

/* caja (titulo arriba)*/
.caja article {background:var(--caja-bg);}
.caja h1 a{color:var(--caja-h1);}
.caja h4{color:var(--caja-h4);font-weight:400;order: 1;}
.caja h4 a{color:var(--caja-h4-link);}
.caja figure::before {border-left: 40px solid transparent;border-top: 20px solid var(--gris-800);}


/* visual */
.visual .contenido {flex-direction: column;justify-content: flex-end;}
.visual .contenido{background: var(--visual-gradiente);}
.visual h1 a{color:var(--visual-h1);text-shadow: var(--sombra-texto);}
.visual h4{color:var(--visual-h4);}
.visual h4 a{color:var(--visual-h4-link);}
.visual p{display: none;}
.visual[size_x="6"]  p,
.visual[size_x="7"]  p,
.visual[size_x="8"]  p,
.visual[size_x="9"]  p,
.visual[size_x="10"]  p,
.visual[size_x="11"]  p,
.visual[size_x="12"]  p{display: block;color:var(--visual-p);}

/* minimalista */
.minimalista article{padding:var(--calle);}
.minimalista h1 a{color:var(--minimalista-h1);font-style: italic;}
.minimalista h4{color:var(--minimalista-h4);font-weight:400;}
.minimalista h4 a{color:var(--minimalista-h4-link);}
.minimalista .contenido p{display:none;}

/* foto-derecha */
/*[class^="columna foto-"] article h2{}*/
.foto-derecha article{background:var(--foto-derecha-bg);box-shadow: var(--sombra-suave);}
.foto-derecha p {display: none;}
.foto-derecha h1 a{color:var(--foto-derecha-h1);}
.foto-derecha h4{color:var(--foto-derecha-h4);font-weight:400;}
.foto-derecha h4 a{color:var(--foto-derecha-h4-link);}

/* foto-izquierda */
.foto-izquierda article{background:#FFF;color:var(--gris-700);box-shadow: var(--sombra-suave);}
.foto-izquierda h1 a{color:var(--gris-700);}
.foto-izquierda h4{color:var(--gris-700);font-weight:400;}
.foto-izquierda h4 a{color:var(--gris-700);}

/* slider */
.slider .contenido {flex-direction: column;justify-content: flex-end;}
.slider .contenido{background: var(--visual-gradiente);}
.slider h1 a{color:var(--visual-h1);text-shadow: var(--sombra-texto);}
.slider h4{color:var(--visual-h4);}
.slider h4 a{color:var(--visual-h4-link);}

/* paralaje */
.container.comportamiento-paralaje > div:first-child article {
  justify-content: center;
}
.container.comportamiento-paralaje > div:first-child article h1 a{
  color:var(--visual-h1) !important;
  text-shadow: var(--sombra-texto);
}
.container.comportamiento-paralaje > div:first-child article p{
  color:var(--visual-h1) !important;
  display:block;
}

/* mosaico */
.comportamiento-mosaico .columna article h4{ display:none;}
.comportamiento-mosaico .columna article p{ display:none;}
.comportamiento-mosaico .columna article .contenido{background: var(--visual-gradiente);justify-content: flex-end; margin:inherit;}
.comportamiento-mosaico .columna article > * {width: 100%;height: 100%;position: absolute;}
.comportamiento-mosaico .columna article figure:before {display:none;}
.comportamiento-mosaico .columna article {margin:0; background:transparent;}

.widget li h4 {font-weight: 400;align-self: center;font-size: .865rem;text-transform: uppercase;}
.widget li h4 *{padding-right: 8px;}
.widget li h1 {font-size: 1.1rem !important;font-weight:700;line-height:1;align-self: flex-start;}
.widget li h1 a{color: var(--paleta-principal);}

/* seccion */
.Items .item article a{color: var(--paleta-principal);}
.columna.foto-derecha.item article figure {max-width: 300px;}
.columna.item article div.contenido p {display: block !important;}

.Texto p b,.Texto p strong {
  font-weight: 700;
}
.Texto img,.Texto iframe {
  margin: var(--calle) auto;
  height: auto;
  display: block;
  width: inherit;
  max-width: 100%;
}
.Apertura a {
    color:var(--paleta-principal);
  }
.Apertura .fecha_publica{
	color:var(--paleta-principal);
	border-top: 1px solid var(--paleta-1);
    padding-top: var(--calle);
}

.Texto a {
    color:var(--paleta-oscuro);
  } 
/* Otros Devices (Desktop) */
@media (min-width: 768px) {
	header .primera:before,
	footer .marca:before,
	header .cuarta:before{content:''; width:100vw; position:absolute; top:0; right:0; bottom:0; left:50%;transform: translateX(-50%); z-index:1;}
	
	/* todas las divs del header excepto la del logo */
	header > .container > div:not(.principal):before{content:''; width:100vw; position:absolute; top:0; right:0; bottom:0; left:50%;transform: translateX(-50%); z-index:1;}
	header > .container > div:not(.principal):before {background:var(--fondo-secundario);}
	header > .container > div:not(.principal) *{z-index:2;color:var(--gris-700);}
	
	header.pegado nav {opacity: 0; height:0; /*pointer-events:none; cuack*/}
	header ul.social li {width: 37px;}

	footer .marca:before{background:var(--fondo-secundario);}
	footer .marca *{z-index:2;}
	footer .marca {margin-bottom: var(--calle);}
	
	.columna h1{font-size: 1.25rem;font-weight: 600;letter-spacing: -.03em;}
	.columna[size_x="4"] h1,
	.columna[size_x="5"] h1{font-size: 1.35rem;font-weight: 600;letter-spacing: -.03em;}
	.columna[size_x="6"] h1,
	.columna[size_x="7"] h1{font-size: 1.85rem;font-weight: 700;}
	.columna[size_x="8"] h1,
	.columna[size_x="9"] h1,
	.columna[size_x="10"] h1,
	.columna[size_x="11"] h1{font-size: 2.35rem;font-weight: 800;}
	.columna[size_x="12"] h1{font-size: 3rem;font-weight: 900;}
	[class^="columna foto-"] article h1{font-size: 1.85rem !important;}
	
	section.mosaico {height:auto !important;}
	.comportamiento-mosaico {grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)) !important; /* controles de cantidades */}
	.comportamiento-mosaico .columna {background:var(--fondo-oscuro);aspect-ratio: 4/3;} /* controles de aspecto */	
	.comportamiento-mosaico .columna article h1{ font-size:1.25rem !important;}
	.comportamiento-mosaico .columna article h1 a{text-shadow:none;color: var(--visual-h1);}
	
/* seccion */
	.layout.seccion {
  display: grid;
  grid-template-columns: min-content 2fr 3fr 2fr min-content; /* 2025 */
  grid-auto-rows: min-content !important;
  gap: var(--calle);
  grid-template-areas:
    "Aside0 Aside0 Aside0 Aside0 Aside0"
	"Display Display Display Display Display"
    "Aside1 Items Items Ranking Aside2"
    "Aside1 Items Items Ultimas Aside2"
    "Aside1 Items Items Aside3 Aside2"
	"Aside1 Items Items Aside4 Aside2"
	"Aside5 Aside5 Aside5 Aside5 Aside5";
	width: 100%;
	max-width:var(--anchomax);
	margin:0 auto;
}
/* lectura */
	.grid-container {
  display: grid;
  grid-template-columns: min-content 2fr 3fr 2fr min-content; /* 2025 */
  grid-auto-rows: min-content !important;
  gap: var(--calle);
  grid-template-areas:
    "Aside0 Aside0 Aside0 Aside0 Aside0"
	"Apertura Apertura Apertura Apertura Aside1"
    "Texto Texto Texto Texto Ultimas"
	"Texto Texto Texto Texto Ranking"
    "Texto Texto Texto Texto Aside2"
    "Texto Texto Texto Texto Aside3"
	"Texto Texto Texto Texto Aside4"
	"Aside5 Aside5 Aside5 Aside5 Aside5";
	width: 100%;
	max-width:var(--anchomax);
	margin:0 auto;
}

.Aside0 {justify-self: center;align-self: flex-start;grid-area: Aside0;}
.Aside1 {justify-self: center;align-self: flex-start;grid-area: Aside1;}
.Aside2 {justify-self: center;align-self: flex-start;grid-area: Aside2;}
.Aside3 {justify-self: center;align-self: flex-start;grid-area: Aside3;}
.Aside4 {justify-self: center;align-self: flex-start;grid-area: Aside4;}
.Aside5 {justify-self: center;align-self: flex-start;grid-area: Aside5;}
.Items {justify-self: center;align-self: flex-start;grid-area: Items;}
.Ranking {align-self: start;grid-area: Ranking;height: 100%;}
.Ultimas {align-self: start;grid-area: Ultimas;height: 100%;}
.Display {align-self: start;grid-area: Display;}
.Apertura {align-self: start;grid-area: Apertura;}
.Texto {align-self: start;grid-area: Texto;height: 100%;}

.Apertura {
  display: grid;
  gap: 1rem;
    grid-template-areas:
    "volanta volanta"
	"titulo titulo"
	"bajada bajada"
	"signature primaria"
	"fecha fecha"
	"media media"
	"secundaria secundaria";
}
.Apertura h1 {
	grid-area: titulo;
    font-size: 46px;
    font-weight: 700;
    margin: 0 0 16px;
  }
.Apertura h4 {
	grid-area: volanta;
    font-weight: 300;
  }
.Apertura p.bajada {
	grid-area: bajada;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.3;
    margin: 0 0 16px;
  }
.Apertura .primaria{grid-area: primaria;justify-content: right;}
.Apertura div.signature{grid-area: signature;}
.Apertura div.fecha_publica{grid-area: fecha;}
.Apertura div.media-principal{grid-area: media;}
.Apertura .secundaria{grid-area: secundaria;}
.Texto p{
    font-size: 22px;
    font-weight: 300;
    margin-bottom: var(--calle);
  } 
.Texto img,.Texto iframe {
  min-height: 400px;
}


/* items */

.Items .item article {
	display: flex;
	gap: var(--calle);
	margin:var(--calle);
}
.Items .item article img{
	min-width:290px;
	min-height:200px;

}
.espacio-sntr {
	position: relative;
	height: calc(100% - var(--calle)*2);
	margin: var(--calle);
}
.espacio-sntr > ins {
  z-index: 10;
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--calle) + var(--alto-cabecera));
}
.columna {
  position:relative;
}
.columna > ins {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

}
/* Small Devices (Mobile) */
@media (max-width: 767.98px) {
	header nav.mobile {flex:0 0 fit-content;}
	header > .container {row-gap: 0;}
	header .logo {width:100%;max-width:calc(var(--grilla)*12);height:auto; flex:1}
	header .logo img {width:100%;height:auto;}
	header .primera {order: 0;}
	header .segunda {order: 1;justify-content: space-between;}
	header .tercera {order: 2;}
	header.pegado .segunda,
  	header.pegado .cuarta {opacity: 0; height:0; /*pointer-events:none; cuack*/}
	header ul.social li {width: 24px;}
	nav > ul {height: var(--grilla);}
	.data.clima .icono {width: 32px;top: 3px;position: relative;}
	.data.clima .ciudad {display:none;}
	.calendario{text-indent: 5px;letter-spacing: 2px;align-items: center;width: 100%;justify-content: center;text-transform: uppercase;font-size: .825rem;}
	.comportamiento-mosaico {grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)) !important; /* controles de cantidades */}
	.comportamiento-mosaico .columna {aspect-ratio: 1;} /* controles de aspecto */
	.comportamiento-mosaico .columna article h1{ font-size:1rem !important; font-weight:400;}
	.comportamiento-mosaico .columna article h1 a{text-shadow:none;color: var(--visual-h1);}
	.widget li h1 {font-size: 1rem !important;font-weight: 400;}
	.Items h1 {font-size: 1.1rem !important;line-height: 1.2;}
	
	.grid-container{display:flex; flex-direction:column;}
	.Aside0{order:0;}
	.Apertura{order:1;}
	.Aside1{order:2;}
	.Texto{order:3;}
	.Aside2{order:4;}
	.Aside3{order:5;}
	.Ranking{order:6;}
	.Aside4{order:7;}
	.Ultimas{order:8;}
	.Aside5{order:9;}
	.Apertura {display: grid;gap: var(--calle);margin: var(--calle) 0;}
	.Texto,.Apertura {padding:0 var(--calle);}
	.Apertura p.bajada {color: var(--gris-800);font-size: 21px;font-weight: 300;line-height: 1.3;margin-bottom: 12px;}
	.Texto p{color: var(--gris-800);font-size: 18px;line-height: 1.5;font-weight: 300;margin: 0 0 16px;
  }

} /* Fin Small Devices (Mobile) */