.presentacion{min-height:720px}.presentacion .fecha-creacion-articulo{padding:10px var(--margen);display:flex;align-items:center;font-size:var(--h3-size);color:var(--colorpag-fondo);background-color:var(--colorpag-texto)}.presentacion .fecha-creacion-articulo i{margin-right:10px;font-size:var(--pe-size);color:var(--colorpag-fondo)}.presentacion .columnas{display:flex;flex-direction:row}.presentacion .columnas .contenido{flex:1.1}.presentacion .columnas .portada{flex:0.9}.presentacion .columnas .portada img{width:100%}.presentacion h1{margin:40px var(--margen);margin-bottom:60px;font-size:clamp(var(--h1-size),6vw,var(--gran-size))}.presentacion h2{padding:clamp(5px,1.2vw,18px) 0;margin-left:var(--margen);position:relative;clear:both}.presentacion h2::before{content:'';width:var(--margen-mitad);height:100%;position:absolute;top:0;left:calc(var(--margen) * -1)}.presentacion h3{padding:clamp(2px,0.3vw,14px) 0;margin-left:var(--margen);position:relative;clear:both}.presentacion h3::before{content:'';width:var(--margen-tercio);height:100%;position:absolute;top:0;left:calc(var(--margen) * -1)}.presentacion h4{margin:auto var(--margen);clear:both}.presentacion p{margin:30px var(--margen);clear:left}.presentacion img{width:100%}.presentacion img.sepia{filter:var(--filtropag)}.presentacion .imgtitular{margin-right:-1vw;margin-bottom:30px;width:calc(50.1vw - clamp(4px,1.2vw,18px) - var(--margen));float:left;box-sizing:border-box}.presentacion .imgtitular + img{margin-bottom:2vw;width:50vw;float:right;box-sizing:border-box;transform:translateY(15px)}#articulo-404{min-height:720px}#articulo-404 .barra{height:56px;background-color:var(--colorpag-texto)}#articulo-404 .mensaje{min-height:360px;display:flex;justify-content:center;align-items:center}#articulo-404 .mensaje .texto{margin:var(--margen);font-size:var(--gran-size)}@media only screen and (max-width:768px){.presentacion .columnas{display:flex;flex-direction:column-reverse}.presentacion .columnas .contenido{flex:unset}.presentacion .columnas .portada{flex:unset}.presentacion h1{margin:40px var(--margen)}.presentacion .imgtitular{margin-right:unset;margin-bottom:unset;width:unset;float:unset;box-sizing:unset}.presentacion .imgtitular + img{margin-bottom:2vw;margin-top:30px;width:100%;float:unset;box-sizing:unset;transform:unset}}@media only screen and (min-width:768px){.presentacion .columnas{display:flex;flex-direction:column-reverse}.presentacion .columnas .contenido{flex:unset}.presentacion .columnas .portada{flex:unset}.presentacion .imgtitular{margin-right:-0.5vw;width:calc(49.45vw - clamp(4px,1.2vw,18px) - var(--margen))}}@media only screen and (min-width:1000px){.presentacion .columnas{display:flex;flex-direction:row}.presentacion .columnas .contenido{flex:1.1}.presentacion .columnas .portada{flex:0.9}.presentacion .imgtitular{margin-right:-1vw;width:calc(50.1vw - clamp(4px,1.2vw,18px) - var(--margen))}}@media only screen and (min-width:1200px){}@media only screen and (min-width:1400px){}@media only screen and (min-width:1600px){}
:root{--colorpag-fondo:var(--color-blanco);--colorpag-texto:var(--color-sepia);--filtropag:var(--filtro-sepia)}body{color:var(--colorpag-texto);background-color:var(--colorpag-fondo)}section.principal{min-height:100vh;position:relative;box-sizing:border-box}#menu-blog{box-sizing:border-box}#menu-blog ul{margin:0;padding:0 var(--margen);min-height:150px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;list-style-type:none;box-sizing:border-box}#menu-blog ul li a{padding:10px 0;display:block;font-size:var(--p-size)}#menu-blog ul li a i::before{margin:0}.aviso .gran-titulo{font-size:clamp(50px,10vw,160px)}.aviso .descripcion .contenido{--grosor-borde:6px}.aviso .descripcion .marco-pixelado{--grosor-borde:6px;filter:var(--filtropag)}#articulos-blog{margin:100px 0 0 0;padding:100px 0;border-top:10px solid var(--colorpag-texto)}#articulos-blog .titular{margin:var(--margen-doble) var(--margen)}.articulo{border-left:10px solid var(--color-sepia) !important}@media only screen and (max-width:768px){}@media only screen and (min-width:768px){}@media only screen and (min-width:1000px){}@media only screen and (min-width:1200px){}@media only screen and (min-width:1400px){}