@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400..900&display=swap');
/* America Diario 3.0 en Core 10 */
:root{
    --titulares-font: "Montserrat", serif;
	--titulares-weight: 800;
    --titulares-line: 1.1;
	--titulares-space: -.03em;
    --titulares-color: #0C0C0C;
	
	--lectura-font: "Montserrat", sans-serif;
	--lectura-weight: 400;
    --lectura-line: 1.2;
	
	/* colores entrantes */
	--color-entrante-01:#072d48; 
	--color-entrante-02:#0f4c77;
	--color-entrante-03:#002037;

}

/* volantas */
h4 {font-size: .5625rem;text-transform: uppercase;letter-spacing: .24em; font-family:var(--titulares-font)}
h4 span {color: #329ce8;padding-right: 8px;z-index: 1;position: relative;}
h4 a{z-index: 1;position: relative;}
h4 span a{color:rgb(59,103,158);}
h4 br {display: none;}

/* listas */
.widget li h1 {font-size: 0.938rem !important;font-weight:700;}

/* Desktop */
@media (min-width: 768px) {
	.columna[size_x="1"] h1{ font-size: 1rem}
	.columna[size_x="2"] h1,.columna[size_x="3"] h1{ font-size: 1.2rem}
	.columna[size_x="4"] h1,.columna[size_x="5"] h1{ font-size: 1.25rem}
	.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;}
	
}
/* Mobile */
@media (max-width: 767px) {
	h1{font-size: 22px;}
	
}


header {font-size: 12px;text-transform: uppercase;background: var(--color-entrante-01);color:#FFF;}
header a {color:#FFF;}
header #logotipo {width: 260px;transition: width .5s;padding: .5rem;}
header.pegado #logotipo {width: 230px !important;}
header .inferior p {letter-spacing: 4px;font-size: 10px;}
header nav.social, header nav.secciones{justify-content: end;}
header .calendario {display:flex;min-height:var(--modulo);align-items:center;font-size:.75rem;}
header .inferior::before {width: 100vw;transform: translateX(-50%);left: 50%;height: 100%;position: absolute;content: '';z-index: -1;}
header .inferior::before {background: var(--color-entrante-02);}

/* normal */
.normal .contenido {padding: var(--calle) 0;}
.normal {display:flex;}
.normal figure{border: 1px solid #FFF7;}
.normal figure a {padding:4px;}
.normal figure {flex: 0 0 calc(60% - var(--calle));}