@charset "utf-8"; /* CSS Document */ @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap'); body { background-image:url("../img/comunes/fondos/fondo_body.gif"); background-repeat: repeat; font-family: "Libre Franklin", Arial, Helvetica, sans-serif; font-size: 16px; color:#333; } a {color:#4E779C;text-decoration: none;} strong, h2 {font-weight: 600;} em {font-style: italic;} .versalitas {font-variant:small-caps;} #todo { background-color: #fff; border-width: 0 1px; display: flex; flex-wrap: wrap; max-width:998px; margin:0 auto; } #cabecera { display: flex; flex-wrap:wrap; width:100%; min-height:90px; background-color: #c00; align-items:center; padding:8px 38px; } #cabecera h1 { display: flex; padding: 12px 12px 0 28px; background-image: url("../img/comunes/barras/ic.svg"); background-repeat: no-repeat; background-size: 33px; background-position: bottom left; line-height: .70; margin-top:-12px; } #cabecera h1 a { display: block; color:#fff; font-family: Lora, Georgia, serif; font-size:22px; font-weight: 100; font-style: italic; letter-spacing: .03em; opacity: .95; transform: skewX(-9deg) scaleX(.9); } a.ic { margin-left:3%; margin-top:5px; } /* ===================================================== NAV — menú de navegación principal ===================================================== */ .nav { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; border-bottom: 1px solid #ccc; padding: 0 3px; margin-bottom: 20px; } .nav li { padding: 24px 10px 18px; } .nav li a { font-weight: 600; } /* Colores por sección */ li.ens a { color: #446363; } li.lit a { color: #ba3c0b; } li.len a { color: #4d7089; } li.art a { color: #536c07; } li.cie a { color: #704664; } /* fin nav */ #contenido { line-height: 1.5; width: 100%; padding-left:1%; padding-right:1%; display: grid; grid-template-columns: 63% 33%; grid-template-rows: auto auto auto; grid-template-areas: "prim diarias" "bis diarias" ". diarias"; justify-content: space-between; } #diarias {grid-area:diarias;margin-top:12px;} .prim {grid-area:prim;} .bis {grid-area:bis;} #contenido p { line-height: 1.5; } .desaparece{display: none;} /* columna izquierda */ .pral { display: flex; flex-wrap: wrap; } .pral > div { width: 100%; padding-left:1%; display: flex; flex-wrap: wrap; justify-content: space-between; } .pral > div + div img { border:1px solid #333; } h3 a { font-weight: 600; font-size:18px; } #destacada { margin-top:12px; padding-bottom:32px; border-bottom:1px dotted #333; } #destacada > a:first-child {width:40%;} #destacada > div { width:60%; padding:0 0 0 1.5em; } #destacada h3 { line-height: 1.2; margin-bottom: .3em; } #destacada h3 a { font-size:24px; line-height: 1.2; } #destacada img { width: 100%; } .subtitulo {font-weight:600;margin-bottom:.3em;} #dos img { margin:0 14px 8px 0; float:left; width: 100%; } #dos h3 + a { display: block; max-width: 38%; } #dos div, #tres div {width: 48%;padding-top:20px;} #dos div h3 {margin-bottom:18px;} #tres h2 { margin-bottom:12px; text-transform: uppercase; font-size: .9em; padding: 12px 5px 8px 12px; background-color: #EEF2F3; } #tres h3 {margin-bottom:3px;} #tres p + h3 {margin-top:5px;} #tres h3 a, #cuatro h3 a {font-size:16px;} #cuatro { margin-top:24px; padding-top: 28px; padding-bottom: 24px; border:1px dotted #333; border-width: 1px 0; justify-content:space-between; } #cuatro div {width:32%;} #cuatro img {width:90%;} #cuatro h3 {padding-left:2%;} #recursos h3 { font-size: 50px; font-weight: bold; color: #c7beb1; padding-left:1%; } #recursos ul { font-size: 17px; font-stretch: extra-condensed; font-weight: bold; text-transform: uppercase; display: flex; flex-wrap: wrap; list-style: none; width: 100%; } #recursos li { padding: 5px 2%; } /* columna derecha */ #diarias img {max-width: 100%;} #diarias div div { background-color: #EEF2F3; border-bottom:1px solid #ccc; padding: 30px 28px; font-size:.9em; } #diarias p {margin-top: 8px;} #diarias p a {font-weight: 600;} #trujaman h3 img, #rinconete h3 img {max-width:150px;} #trujaman h3 img + img, #rinconete h3 img + img, #hojas h3 img + img { max-width:180px; border:1px solid #333; } #trujaman h3 img + img { float: right; margin:0 0 12px 5px; } #rinconete h3 img + img { float: left; margin:3px 12px 5px 0; } #hojas h3 img + img { float: right; margin:12px 0 12px 8px; } #hojas h3 img {max-width:200px;} /* pie */ #pie { width: 100%; margin-top:40px; padding: 24px 0 24px; border-top:1px dotted #777; text-align: center; font-size: .9em; } #pie p { margin-bottom:1.3em; font-size: .9em; } #pie p:last-child { font-size: .8em; } #pie ul.mapa { display: flex; flex-wrap: wrap; width:auto; justify-content: center; margin-bottom:1em; } .mapa li { width:auto; margin-bottom:5px; padding: 0 12px; } .mapa li + li { border-left:1px solid #333; } .mapa a {color:#000;} #suscripciones { display:flex; justify-content:center; gap:8px; margin:0 auto 1.4em; } #suscripciones li { display:block; width:22px; } #suscripciones img {width:100%;display: block;} #suscripciones .twitter img {width:98%;} @media only screen and (max-width:820px) { #cabecera {padding-left:13px;padding-right:13px;} #cabecera { padding-right:4%; padding-left:4%; padding-top:14px; align-content: space-between; } #cabecera #buscador { display: flex; order: 5; margin:12px 3% 12px auto; width:100%; justify-content: flex-end; } a.ic {margin-left:auto;margin-right:0;} } @media only screen and (max-width:768px) { #contenido { grid-template-columns: 52% 46%; } #contenido { grid-template-areas: "prim diarias" "bis diarias" ". diarias" "recursos recursos"; } #recursos {grid-area: recursos;} .pral {padding-left:1%;} #destacada div, #destacada a:first-child, #dos div, #tres div {width:100%;} #destacada > a:first-child { width:99%; display: block; margin:0 auto 1em; } #destacada > div {padding:0;} #tres h3, #tres p {padding-left:3px;} #cuatro div { width:100%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom:12px; } #cuatro h3 { width:68%; margin-left:2%; } #cuatro div > a { max-width: 30%; } #cuatro div > a img{ width:100%; } } @media only screen and (max-width:630px) { #cabecera { min-height:150px; align-content: space-between; padding:14px 4% 5px 2%; } #cabecera h1 { padding-left: 40px; padding-right:10%; background-position: 10px 100%; margin: 5px auto 0; } #cabecera h1 a {font-size:5.2vw;} #buscador {margin-bottom:0;} a.ic {width:150px;order:-2;} a.ic img {width:100%;} #contenido { display: flex; flex-wrap: wrap; } #contenido > div { width:100%; } #dos div , #tres div, #destacada > a:first-child {width:48%;} #destacada {padding-bottom:18px;} #destacada > a:first-child {margin-left:0;} #destacada > div, #dos div {width:49%;} a.ic {width:35vw;} a.ic img {width:100%;} #diarias div div { padding: 30px 8% 27px; } #diarias div #neologico {padding-top:40px;} #trujaman h3 img + img, #hojas h3 img + img { margin-left: 24px; } #rinconete h3 img + img { margin-right:4%; } } @media only screen and (max-width:502px) { #destacada {display: block;padding-left:3%;} #destacada > * {display: contents;} #destacada > a:first-child {width: 100%;} #destacada img { display: block; max-width:90vw; margin: 0 auto 24px; } #destacada h3 {line-height: 1.3; margin-bottom: .3em;} #cabecera { min-height:150px; align-content: space-between; } #cabecera h1 { margin-top:12px; width:100%; } #cabecera h1 a {font-size:6vw;} a.ic {width:150px;order:-2;} a.ic img {width:100%;} #dos div, #tres > div {width:100%;} #tres p + h3 {margin-top:10px;} .nav { justify-content: flex-start!important; padding-left: 4%!important; } .nav li { padding-right: 0; } } @media only screen and (max-width:400px) { .nav { margin-top: 1.2em; padding-bottom: .2em; } .nav li { padding: 0 1em 1em 0; } } /* buscador */ #buscador {margin-left:auto;margin-right:2%;} #buscador input {background-image: none!important;} #buscador .gsib_a {padding: 0;} #buscador input.gsc-input, #buscador .gsc-input-box, #buscador .gsc-input-box-hover, #buscador .gsc-input-box-focus { background-color: #c00; border:0!important; color:#fff; } .customSearch { width:140px; overflow: hidden; border-bottom:1px solid #FBEEEE; height:24px; } .customSearch * {padding:0!important;} .gsc-control {max-width: 140px!important;} .gsc-control-cse {background-color:#c00!important;border-color: #c00!important;} form.gsc-search-box * {background-color: #c00!important;color:#fff;border:none!important;} .gsc-clear-button {display:none!important;} .gsst_a .gscb_a, .gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a {color:#fff!important;} /* arreglos de google */ /*.gsc-search-box {position: relative!important;}*/ .gsc-search-box .gsc-search-button.gsc-search-button-v2, .customSearch .gsc-search-box .gsc-search-button { display: block!important; width:auto; height:auto; position: absolute; } .gsc-search-button.gsc-search-button-v2 svg { /* display: block;*/ width:14px; height:14px; margin-top: 5px; } .gsc-search-button.gsc-search-button-v2 { position: relative; } form.gsc-search-box {margin:0!important;} .gsc-clear-button, .gsc-clear-button:hover, .gsst_b {display:none!important;} /* Resultados del buscador */ .gs-title {margin:1em 0 0!important;} .gsc-results-wrapper-overlay, .gsc-results-wrapper-visible {padding: 2em 10%!important;}