@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400..700;1,400..700&display=swap');
/* America Diario 3.0 en Core 10 */
:root {
	--bordefino:1px solid hsla(0,0%,88%,.5);
	--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);
	--titulares: 'Montserrat', sans-serif;
	--fondo-principal: #072d48;
	--fondo-secundario: #329ce8;
	--paleta-1:rgb(59,103,158);
	--link-oscuro: var(--fondo-principal);
	--visual-h1: #FFF;
}
body{font-family: 'Montserrat';overflow:auto;overflow:initial;overflow-x: hidden;}
h1{font-size: 1.25rem;line-height: 1em;font-weight: 800;letter-spacing: -.03em;color: var(--gris-900);}
h1 a{color:var(--gris-800); text-decoration:none;}
h4 {font-size: .5625rem;text-transform: uppercase;letter-spacing: .24em;}
h4 span {
  color: #329ce8;
  padding-right: 8px;
  z-index: 1;
  position: relative;
}
h4 a{text-decoration:none;z-index: 1;position: relative; color:var(--link-oscuro);}
h4 br {display: none;}
figcaption{display:none;}
section article p{display:none;}

.container{ max-width:var(--anchomax); margin:0 auto;}

/* Desktop */
@media (min-width: 768px) {
	.columna[size_x="6"] h1,.columna[size_x="7"] h1{ font-size: 1.85rem}
	.columna[size_x="8"] h1,.columna[size_x="9"] h1,.columna[size_x="10"] h1,.columna[size_x="11"] h1{ font-size: 2.35rem}
	.columna[size_x="12"] h1 {font-size: 3rem;}
	.columna[size_x="10"] p,.columna[size_x="11"] p,.columna[size_x="12"] p{ display:block;}
	
	/* mosaico */
	section.mosaico{height:auto !important;background:var(--gris-900); padding:0 0 calc(var(--calle)*2) 0; margin-top:0;}
	  main.mosaico {
    background: var(--gris-900);
    padding: var(--calle) 0 0;
    color: var(--gris-500);
    text-transform: uppercase;
    font-size: .69rem;
    letter-spacing: 1vw;
    text-align: center;
  }

	.comportamiento-mosaico {grid-template-columns: repeat(auto-fit, minmax(16.66%, 1fr)) !important; /* controles de cantidades */}
	.comportamiento-mosaico .columna {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);}*/
	.columna.slider .contenido h1 {font-size:2rem;}
	.columna.slider .contenido p {
	  padding: var(--modulo);
	  background: #0009;
	  color: #fff;
	  max-width: 56%;
	}
	
}

.comportamiento-mosaico .columna {border:none;}
.comportamiento-mosaico .columna > *{position: relative;  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.comportamiento-mosaico .columna article figure {width: 100%;height: 100%;position: absolute; border:none;}
.comportamiento-mosaico .columna article figure a{padding:0;}
/*.comportamiento-mosaico .columna h1{font-size:26px; margin-bottom:16px;}
.comportamiento-mosaico .columna h1{position: relative;left: 0%;width: 100%;}*/
.comportamiento-mosaico .columna h1 a{color:#fff;}
.comportamiento-mosaico .columna h4{position: relative;bottom: 10px;left: 0%;width: 100%;padding: 5px;display: inline;color: #FFF;z-index: 1;font-size: .5625rem;line-height: 1.7rem;text-transform: uppercase;letter-spacing: .24em;}
.comportamiento-mosaico .columna h4:before {content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: var(--gris-900);z-index: 0;-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transform: skewX(-15deg);-webkit-transition: background-color .1s linear;transition: background-color .1s linear;}
.comportamiento-mosaico .columna h4 a{color:#fff; z-index:1; position:relative;}
.comportamiento-mosaico .columna h4 span{color:#fff8; z-index:1; position:relative;padding:5px;}
.comportamiento-mosaico .columna .contenido{display: block !important;position: absolute;bottom:0%;padding-top: 36%; ;left: 0%;width: 100%; height:auto; padding-left: var(--calle);
  padding-right: var(--calle);}
.comportamiento-mosaico .columna .contenido{background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.85) 80%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 80%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 80%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );}
.comportamiento-mosaico .columna article {
  width: 100%;
}

header {position:relative;z-index:26559205;}
header * {transition:all 0.5s ease;}
header div.container > div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;}
header a {display:flex;width:100%;height:100%;}
header .icono {width: 20px;height: 20px;color: #fff;margin: 0 4px;  -webkit-filter: invert(100%);filter: invert(100%);}
header .logo,header nav.secciones,header .reproductor,header .vertical{order:1;}
header .swap{display:flex;flex-wrap:wrap;padding: 0 1vw; border:none !important;}
header .logo,header .minilogo{position:relative;width:360px;display:flex;z-index:1;}
header .minilogo{top:-2px;width:0px;left:-300px;opacity: 0;}
header .calendario{order:0;display:flex; flex:1 0 40%;min-height:var(--modulo);align-items:center;text-transform:uppercase;font-size:.75rem;}
header.pegado .swap.container > div:not(:first-child){opacity:0;padding-left:100px; visibility: hidden;height: 0px;}
header.pegado {position: fixed;top: 0 !important;width: 100vw;z-index: 26;background: #fff;left: -8px;box-shadow: -1px 0px 6px 0px rgba(0,0,0,0.47);}
header.pegado nav.social ul li:not(.nohovercolor){opacity:0;padding-left:100px;}
header.pegado .minilogo{left:0;opacity: 1;width:180px;margin-right: 10px;}
header.pegado .clima{opacity:0;height:0px;margin:0;}
header .clima{opacity: 1;justify-content: right !important;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;margin: 8px 0;height:auto;}
header .headertags {font-size: .63rem;text-transform: uppercase;letter-spacing: .15rem;flex: 1;padding:0;}
header .clima p{justify-content: right !important;font-size: .65rem;text-transform: uppercase;letter-spacing: .4rem;}

.tira * {color:var(--gris-100);}
.tira:before {background:var(--fondo-principal);width:100vw;transform:translateX(-50%);left:50%;height:100%;position:absolute; content:'';z-index: -1;}

.gg-menu {transform: scale(var(--ggs,1))}
.gg-menu,.gg-menu::after,.gg-menu::before {box-sizing: border-box;position: relative;display: block;width: 20px;height: 2px;border-radius: 3px;background: currentColor;}
.gg-menu::after,.gg-menu::before {content: "";position: absolute;top: -6px;}
.gg-menu::after {top: 6px;}

nav{flex:1 0 auto; order:0;min-height:var(--modulo);font-size:.75rem;justify-content:flex-end;display:flex;}
nav ul {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;}
nav a{transition:color .1s linear;}
nav ul li{padding:8px 5px 8px 8px;text-transform:uppercase;}
nav ul li,nav ul li a{color:var(--gris-700);display:flex;align-items:center;}
nav ul li:hover{position:relative;color:var(--gris-900);}
nav ul li:hover a{color:#0009;}
nav ul li:hover > ul {display:block;}
nav ul ul{background:#fff; min-width:200px;display:none;position:absolute;top:100%;left:0;}

/* normal */
.columna.normal article figure div {/*aspect-ratio: 16/9;*/}
.normal .contenido {padding: var(--calle) 0;}
.normal {display:flex;}
.normal h4 span a{color:rgb(59,103,158);}
.normal figure{border: 1px solid #FFF7;}
.normal figure a {padding:4px;}
.normal figure {flex: 0 0 calc(60% - var(--calle));}

/* visual */
.visual > *{position: relative;  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.visual article figure {width: 100%;height: 100%;position: absolute;}
.visual h1{font-size:26px; margin-bottom:16px;}
.visual h1{position: relative;left: 0%;width: 100%;}
.visual h1 a{color:#fff;text-shadow: var(--sombra-texto);}
.visual h4{position: relative;bottom: 10px;left: 0%;width: 100%;padding: 5px;display: inline;color: #FFF;z-index: 1;font-size: .5625rem;line-height: 1.7rem;text-transform: uppercase;letter-spacing: .24em;}
.visual h4:before {content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #329ce8b3;z-index: 0;-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transform: skewX(-15deg);-webkit-transition: background-color .1s linear;transition: background-color .1s linear;}
.visual h4 a{color:#fff; z-index:1; position:relative;}
.visual h4 span{color:#fff8; z-index:1; position:relative;padding:5px;}
.visual .contenido{display: block !important;position: absolute;bottom:0%;padding-top: 36%; ;left: 0%;width: 100%; height:auto; padding-left:30px; padding-right:3%;}
.visual .contenido{background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.85) 80%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 80%);background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 80%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );}
.visual .contenido p{color: var(--gris-100);}

/* caja (titulo arriba)*/
.caja article {background:var(--fondo-principal);}
.caja h1 a{color: #fff;text-shadow: var(--sombra-texto);}
.caja h4{order: 1;}
.caja h4 a{color: var(--gris-500);}
.caja figure::before {border-left: 40px solid transparent;border-top: 20px solid var(--gris-800);}


section.color
,section.color h4:before
,main.color{background:var(--fondo-principal);margin: 0;padding: var(--modulo) 0;}

main.color,section.color h1 a {color: #FFF !important;}
h2.color{padding-top:var(--modulo)}
section.color *,main.color h2{border:none;}
section.color .columna:not(.visual) figure {border: 1px solid var(--paleta-1) !important;}

/* paralaje */
.container.comportamiento-paralaje h4 {
  position: relative !important;
  padding:4px 8px;
  z-index:1;
}
.comportamiento-paralaje .columna h4 span.volanta{
  color:#fff !important;
}
.comportamiento-paralaje .columna h4 a {color: var(--link-oscuro);}

div.container.comportamiento-paralaje:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(-180deg, rgba(125,185,232,0) 50%,rgba(1, 20, 30, 0.81) 80%);
}

.comportamiento-paralaje .columna h1 a {
  color:#fff;text-shadow: var(--sombra-texto);
}
.comportamiento-paralaje .columna h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #329ce8b3;
  z-index: 0;
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  transform: skewX(-15deg);
  -webkit-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
/* slider*/
.columna.slider h4 {
  flex: 1 0 100%;
  height: 20px;
  display: flex;
  align-items: center;
  align-content: flex-end;
}

.columna.slider .contenido {
  flex-wrap: wrap;
  align-items: start;
  align-content: flex-end;
}

.columna.slider .contenido {
  flex-wrap: wrap;
  align-items: start;
}
.columna.slider .contenido h1 {
  max-width: 60%;
  background: var(--fondo-principal);
  padding: var(--calle);
}
.columna.slider h1 a {
  color:#fff;text-shadow: var(--sombra-texto);
}

.container.comportamiento-slider h4 {
  position: relative !important;
  padding:4px 8px;
  z-index:1;
}
.comportamiento-slider .columna h4 span.volanta{
  color:#fff !important;
}
.comportamiento-slider .columna h4 a {color: var(--link-oscuro);}

div.container.comportamiento-slider:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(-180deg, rgba(125,185,232,0) 50%,rgba(0, 163, 255, 0.81) 80%);
}

.comportamiento-slider .columna h1 a {
  color:#fff;text-shadow: var(--sombra-texto);
}
.comportamiento-slider .columna h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #329ce8b3;
  z-index: 0;
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  transform: skewX(-15deg);
  -webkit-transition: background-color .1s linear;
  transition: background-color .1s linear;
  width: 30%;
}
.columna.slider article {
  margin: 0;
}

footer {
  background: var(--gris-900);
  color: var(--gris-400);
}
footer .container{
  border: none !important;
}
footer .datamedio {
  display: block !important;
  padding: calc(var(--calle) * 2);
  text-align: center;
}
footer nav {
  background: var(--gris-700);
}
footer .branding {
	display:flex;
	flex-direction: row !important;
	justify-content: center;
	gap: 2vw;
}

footer p{
  margin-bottom: .75rem;
}
footer strong{
  color: var(--gris-200);
}

/* Layout general */
#lectura div.Aside1 {
  min-width: 420px;
}
/* seccion */
.Items .item article a{color: var(--gris-900);}
.columna.foto-derecha.item article figure {max-width: 300px;}
.columna.item article div.contenido p {display: block !important;color: var(--gris-600);}

/* lectura */
.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-1);
  }
.Apertura .fecha_publica{
	color:var(--paleta-1);
	border-top: 1px solid var(--paleta-1);
    padding-top: var(--calle);
}

.Apertura h4 {
  color: var(--gris-800);
}

.Texto a {
    color:var(--paleta-oscuro);
  } 
  
/* 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;
}