/* Tipografías propias (OFL). Solo se carga lo que la web usa hoy: Lato 400, 400 cursiva, 700 y Raleway 600 (el peso 500 de los títulos se sirve con la cara 600). */ @font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lato-latin-400-normal.woff2) format('woff2')} @font-face{font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/lato-latin-400-italic.woff2) format('woff2')} @font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lato-latin-700-normal.woff2) format('woff2')} @font-face{font-family:Raleway;font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/raleway-latin-variable.woff2) format('woff2')} @font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/raleway-latin-400-normal.woff2) format('woff2')} :root{ --cw-texto:#626262; --cw-titulo:#161922; --cw-enlace:#006edf; --cw-menu:#2a2b39; --cw-pie-fondo:#101015; --cw-pie-texto:#bababa; --cw-pie-enlace:#d1d1d1; --cw-ancho:1220px; --cw-cabecera:90px; --cw-sans:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --cw-titulos:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; } /* BeTheme: cada elemento hereda el box-sizing de su padre (be.css `*, ::before, ::after {box-sizing: inherit}`); los bloques de plugins (calendario de convocatorias, etc.) cuentan con ello */ *,::before,::after{box-sizing:inherit} .section_wrapper,.the_content_wrapper,.wpb-content-wrapper{box-sizing:content-box} /* BeTheme deja el contenido en content-box (medido: p, .section_wrapper, .the_content_wrapper); border-box solo en la estructura propia */ #Wrapper,#Header_wrapper,#Header,#Top_bar,#Top_bar *,#Footer,#Footer *,#Content,.content_wrapper,.sections_group,.entry-content,section.section,#Subheader,#Subheader *,.cw-buscador *,.cw-saltar{box-sizing:border-box} html{-webkit-text-size-adjust:100%;overflow-x:hidden} body{margin:0;overflow-x:hidden;font:400 15px/28px var(--cw-sans);color:var(--cw-texto);background:#fcfcfc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} img{max-width:100%;height:auto;border:0} a{color:var(--cw-enlace);text-decoration:none} a:hover{text-decoration:underline} p{margin:0 0 15px} h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:var(--cw-titulos);font-weight:500;color:var(--cw-titulo)} h1{font-size:50px;line-height:60px} h2{font-size:40px;line-height:50px} h3{font-size:30px;line-height:40px;font-weight:400} h4{font-size:20px;line-height:30px;font-weight:600} h5,h6{font-family:var(--cw-sans)} h5{font-size:18px;line-height:30px;font-weight:400} h6{font-size:15px;line-height:26px;font-weight:700} /* Escalado por tamaño de pantalla (medido en la web actual: 0,60 / 0,75 / 0,85 de la escala de escritorio) */ @media (max-width:959px){ body{font-size:13px;line-height:24px} h1{font-size:43px;line-height:52px} h2{font-size:34px;line-height:43px} h3{font-size:26px;line-height:34px} h4{font-size:17px;line-height:26px} h5{font-size:15px;line-height:26px} h6{font-size:13px;line-height:22px} } @media (max-width:767px){ body{line-height:21px} h1{font-size:38px;line-height:46px} h2{font-size:30px;line-height:38px} h3{font-size:23px;line-height:30px} h4{font-size:15px;line-height:23px} h5{font-size:14px;line-height:23px} } @media (max-width:479px){ body{line-height:19px} h1{font-size:30px;line-height:36px} h2{font-size:24px;line-height:30px} h3{font-size:18px;line-height:24px} h4{font-size:13px;line-height:18px} h5{font-size:13px;line-height:18px} h6{font-size:13px;line-height:19px} } /* Reset de BeTheme (be.css): listas sin viñetas, margen ni relleno; las del contenido las recuperan sus reglas (contenido.css) */ ul,ol{margin:0;padding:0;list-style:none} .clearfix::before,.clearfix::after{content:" ";display:table} .clearfix::after{clear:both} .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .cw-saltar{position:absolute;left:-9999px;top:0;z-index:1000;background:#fff;padding:8px 14px} .cw-saltar:focus{left:8px;top:8px} /* Campos de formulario: base de BeTheme (medida en el buscador del catálogo). WPForms y WooCommerce aplican los suyos encima. */ input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=password],input[type=search]{box-sizing:border-box;height:40px;padding:10px;border:1px solid #ebebeb;border-radius:0;background:#fff;color:#626262;font:400 15px var(--cw-sans);box-shadow:none;outline:0;max-width:100%} textarea,select{box-sizing:border-box;padding:10px;border:1px solid #ebebeb;border-radius:0;background:#fff;color:#626262;font:400 15px var(--cw-sans);box-shadow:none;outline:0;max-width:100%} input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:#d2d2d2;color:#1982c2} /* El plugin de la barra inferior (lfbm-v1_1) añade body{padding-bottom:70px} hasta 768 px; la web de hoy lo anula (el pie ya deja 60 px propios) */ @media (max-width:768px){ html body{padding-bottom:0} } /* Móvil: lo que sale por la derecha (el panel del menú, fuera de pantalla) no ensancha la página: BeTheme lo resuelve con overflow-x oculto en el cuerpo (clase responsive-overflow-x-mobile) */ @media (max-width:767px){ body{overflow-x:hidden} } /* Desplegables: ancho de 230 px, flecha propia y 20 px debajo (BeTheme da esto a todo select; medido en el orden del catálogo) */ select{-webkit-appearance:none;appearance:none;display:block;width:230px;margin:0 0 20px;padding:10px 25px 10px 10px;background:#fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat calc(100% - 5px) 55%} /* Botones (