/*Estilos especificos micrositio Enseñanzas artísticas*/
html {font-size: 100%;}
body {font-size: 1rem; line-height:1.2; margin:0;}
img {vertical-align:top;}
ol, ul {padding:0; margin:0;}
.br:after {content:"\a"; white-space: pre-line;}
.br em {display: none;}

.oculto {display: none !important;}

/*Tipografia*/
@font-face {
  font-family: 'IBMPlexSans-Bold';
  src: url('./fuentes/IBMPlexSans-Bold/IBMPlexSans-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'IBMPlexSans-Light';
  src: url('./fuentes/IBMPlexSans-Light/IBMPlexSans-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'IBMPlexSans-Regular';
  src: url('./fuentes/IBMPlexSans-Regular/IBMPlexSans-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IBMPlexSans-SemiBold';
  font-style: normal;
  font-weight: 600;
  src: url('./fuentes/IBMPlexSans-SemiBold/IBMPlexSans-SemiBold.woff2') format('woff2');
}

/*GENERALES*/
:root {
  --white: #FFF;
  --gray:#8f8f8f;
  --grayL:#F7F7F7;
  --grayM:#E8E4E7;
  --grayD:#626262;
  --black: #000;

  --color01:#d41a65;
  --color02:#a5000f;
  --color03:#e74e00;
  --color04:#f27c00;
  --color05:#C28100;
  --color05L:#fff4d5;
  --color06:#79A210;
  --color07:#00817D; 
  --color08:#0c5988;

/*  PRINCIPAL*/
  --color09: #a3195b; 

}

body {font-family: 'IBMPlexSans-Regular'; color: var(--black)}

strong,
b 
{font-family: 'IBMPlexSans-SemiBold'; color: var(--color09); font-weight: 400;}

p, ol, ul {font-size: 1.1rem; line-height: 1.4;}

.subrayado {padding-bottom: 0.25em; border-bottom: 3px solid;}
button:focus {outline: 2px solid black !important;}

/*COLORES BASE*/
.txt00 {color: var(--white) !important;}
.bk00 {background-color:var(--white) !important;}

/*ROSA MEDIO*/
div[class*="bd"] {border-left:6px solid transparent;}

.txt01 {color: var(--color01) !important;}
.bk01 {background-color:var(--color01) !important;}
.bd01 {border-color:var(--color01) !important;}

/*ROJO*/
.txt02 {color: var(--color02) !important;}
.bk02 {background-color:var(--color02) !important;}

/*NARANJA FUERTE*/
.txt03 {color: var(--color03) !important;}
.bk03 {background-color:var(--color03) !important;}

/*NARANJA MEDIO*/
.txt04 {color: var(--color04) !important;}
.bk04 {background-color:var(--color04) !important;}

/*AMARILLO*/
.txt05 {color: var(--color05) !important;}
.bk05 {background-color:var(--color05) !important;}

/*VERDE CLARO*/
.txt06 {color: var(--color06) !important;}
.bk06 {background-color:var(--color06) !important;}

/*VERDE PRINCIPAL*/
.txt07 {color: var(--color07) !important;}
.bk07 {background-color:var(--color07) !important;}
.bd07 {border-color:var(--color07) !important;}

/*AZUL OSCURO OSCURO*/
.txt08 {color: var(--color08) !important;}
.bk08 {background-color:var(--color08) !important;}

/*COLOR PRINCIPAL*/
.txt09 {color: var(--color09) !important;}
.bk09 {background-color:var(--color09) !important;}
.bd09 {border-color:var(--color09) !important;}

.txt10 {color: var(--black) !important;}
.bk10 {background-color:var(--black) !important;}

/*Encabezados y titulos*/
#fondo #contenedor h1,
#fondo #contenedor h2,
#fondo #contenedor h3,
#fondo #contenedor h4,
#fondo #contenedor h5,
#fondo #contenedor h6
{color:var(--color09); margin: 1em 0; font-family: 'IBMPlexSans-Bold'; font-weight: 400;}

#fondo #contenedor h1 {font-size: 2em; margin-top:0;}
#fondo #contenedor h2 {font-size: 1.8em;}
#fondo #contenedor h3 {font-size: 1.6em;}
#fondo #contenedor h4 {font-size: 1.4em;}
#fondo #contenedor h5 {font-size: 1.3em;}
#fondo #contenedor h6 {font-size: 1.25em;}

#fondo #contenedor.portada  h1 {display: none;}

#fondo #contenedor a {color: var(--color09); text-decoration:underline;}
#fondo #contenedor a:hover {color: var(--black);}

/*Listados*/
#fondo #contenedor ul,
#fondo #contenedor ol
{padding-left: 1.5em;}

#fondo #contenedor #principal ol {padding-left: 2em; overflow:hidden;}
#fondo #contenedor #principal ol li {margin: 0.2em 0; line-height: 1.5em;}
#fondo #contenedor #principal ol li ol {padding-left: 1.2em;}

#fondo #contenedor ol.lst-lower-alpha {list-style-type:lower-alpha;}
#fondo #contenedor ol.lst-upper-alpha {list-style-type:upper-alpha;}
#fondo #contenedor ol.lst-lower-roman {list-style-type:lower-roman;}
#fondo #contenedor ol.lst-upper-roman {list-style-type:upper-roman;}
#fondo #contenedor ol.lst-decimal {list-style-type:decimal;}

#fondo #contenedor #principal #contenido ul > li {background-image: url(../img/ico-lista.svg); background-repeat: no-repeat; background-position: left top 0.6em; margin: 0.25em 0; background-size: 8px; list-style: none; padding-left: 1.2em;}
#fondo #contenedor #principal #contenido ul li ul li {background-image: url(../img/ico-lista01.svg); }
#fondo #contenedor #principal #contenido ul li ul li ul li  {background-image: url(../img/ico-lista02.svg); }
#fondo #contenedor #principal #contenido ul li ul li ul li ul li {background-image: url(../img/ico-lista03.svg); }

/*Cookies*/
.alertaModal {background: rgba(226, 226, 226, 0.97);position: fixed;top: 0;z-index: 2000;width: 100%;}
.alertaModal .msg.cookies {margin: 0 auto; font-size: 0.8em;}
.alertaModal .msg.cookies {text-align: center;}
.alertaModal .msg.cookies button {border: none; background: var(--color09); padding: 0.5em 1.5em; border-radius: 3px; color: #FFF; cursor: pointer; margin: 0 0.5em 0.5em 0.5em; text-align: center; display: inline-block; }
.alertaModal .msg.cookies button:hover {background: var(--grayD);}
.alertaModal .msg.cookies a {color: var(--color09); text-decoration: underline;}
.alertaModal .msg.cookies a:hover {color: var(--black);}
.alertaModal .msg.cookies p {text-align: center; margin: 0.75em 0; font-size: 1.1em;}

/*Enlace saltar al contenido*/
.skip-link {position: absolute; display: inline-block; padding: .375rem .75rem; line-height: 1; background-color: #ffffff; color: #004e86; z-index: 2000; top:1.5em; left: 50%; transform: translate(-50%, -50%); text-decoration: none;}
.skip-link:hover {text-decoration:underline;}
.skip-link:not(:focus) {height: 1px; width: 1px; overflow: hidden; white-space: nowrap; clip: rect(0 0 0 0); clip-path: inset(50%);}

.ns {position: absolute !important; top: -999em !important; left: -999em !important; color: #fff !important;}

.subir {cursor: pointer; width: 50px; height: 50px; z-index: 10; }
.subir button.btnSubir {border: none; background-image: url(../img/ico-subir.svg); text-indent: -999999px; background-color: transparent; width: 100%; height: 100%; padding: 0; background-position: center; cursor: pointer; background-repeat: no-repeat;}
.subir button.btnSubir:hover {filter: grayscale(1);}

/*BARRA SUPERIOR*/
#fondo header #barra-superior { width: 100%; }
#fondo header #barra-superior .elementos {display: flex ; flex-direction: row; justify-content: end; }
#fondo header #barra-superior .elementos {width: 80em; margin: 0 auto; min-height: 40px; height: auto !important; display: flex ; justify-content: flex-end; align-items: center; }
#fondo header #barra-superior .elementos ul li {display: block; vertical-align: baseline; }

/*BARRA SUPERIOR - Idiomas*/
#fondo header #barra-superior .elementos .idiomas {border-right: 1px solid var(--black); padding-right: 1em;}
#fondo header #barra-superior .elementos .idiomas ul {display: none; margin: 0; position: absolute; z-index: 2; margin-top: -1px; width: auto; background: #FFF; border: 1px solid #1D1D1B; padding: 0; box-shadow: 0 4px 30px 0 rgb(0 0 0 / 15%); width: 86px;}
#fondo header #barra-superior .elementos .idiomas ul li span {color: var(--black);}
#fondo header #barra-superior .elementos .idiomas ul.dsp-d.dsp-abierto {display: block !important;}

#fondo header #barra-superior .elementos .idiomas ul.dsp-abierto li {display: block;list-style: none;padding: 0;line-height: 1.4;}
#fondo header #barra-superior .elementos .idiomas ul.dsp-abierto li.actual span {background: var(--color09); color: var(--white);}

#fondo header #barra-superior .elementos .idiomas ul.dsp-abierto li a, 
#fondo header #barra-superior .elementos .idiomas ul.dsp-abierto li.actual span
{padding: 5px 5px 5px 3px; display: block;}

#fondo header #barra-superior .elementos .idiomas ul.dsp-abierto li a:hover {background: #eff1f3;}

#fondo header #barra-superior .elementos .idiomas ul li {display:block;font-size: 14px; vertical-align: baseline;}
#fondo header #barra-superior .elementos .idiomas ul li a {color: #1D1D1B;}

#fondo header #barra-superior .elementos .idiomas button.btnIdioma {padding-right: 20px; padding-left: 2px; border: 1px solid transparent; margin-right: 0; background-image: url(../img/cabecera/angle-circle-down.svg); background-size: 16px 16px; color: var(--black); text-decoration: none; background-repeat: no-repeat; background-position-x: right; background-position-y: 2px; display: inline-block; width: 88px; background-color: transparent; font-size: 14px; vertical-align: baseline;cursor: pointer;}
#fondo header #barra-superior .elementos .idiomas button.btnIdioma.activo {border-color: var(--black);}

/*BARRA SUPERIOR - Buscador */
#fondo header #barra-superior .elementos #buscador {margin: 0; height: 40px; padding: 0; margin-left: 0.9em; display: flex ; align-items: center; }
#fondo header #barra-superior .elementos #buscador fieldset {padding: 0; background: var(--white); border-radius: 5px; border: 1px solid var(--grayD); display: flex; flex-direction: row-reverse;}
#fondo header #barra-superior .elementos #buscador form fieldset label {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
#fondo header #barra-superior .elementos #buscador form fieldset button.btnBuscador {display: none; }
#fondo header #barra-superior .elementos #buscador input.campotexto {display: inline-block; vertical-align: top; height: 18px; font-size: 0.8em; color: #1D1D1B; width: 70px; transition: width 0.3s ease; border: none; margin: 0; padding: 5px; background: transparent; font-size: 0.85em; }
#fondo header #barra-superior .elementos #buscador input.botonbuscar {background: #e3535300 url(../img/cabecera/search.svg) center no-repeat; background-size: 16px 16px; cursor: pointer; height: 16px; width: 16px; border: none; padding: 8px; margin: 6px; }

#fondo header #barra-superior .elementos #buscador.expandido form fieldset button.btnBuscador {display: block; background-image: url(../img/cabecera/ico-close.svg); background-repeat: no-repeat; background-position: right 0.15em top 0.15em; float: left; width: 27px; height: 27px; background-size: 22px; text-indent: -999999px; border: none; }
#fondo header #barra-superior .elementos #buscador.expandido form fieldset button.btnBuscador span {display:none;}
#fondo header #barra-superior .elementos #buscador.expandido input.campotexto {width: 200px; transition: width 0.3s ease; outline: none; text-align: left; font-size: 0.8em;}
#fondo header #barra-superior .elementos #buscador.expandido input.campotexto:focus {background: var(--white); color:var(--black);}

/*CABECERA*/
#fondo header #apartado-inferior {width:80em; margin: 0 auto; }
#fondo header #apartado-inferior #cabecera {display:flex; padding: 0.5em 0; flex-wrap:wrap;position:relative;}
#fondo header #apartado-inferior #cabecera .logos {margin-left:auto; display:flex;}
#fondo header #apartado-inferior #cabecera .logos img {height: 75px;}

/*MIGAS*/
#fondo header #migas ol {display:inline-block;  padding:0.5em 0;}
#fondo header #migas ol li {list-style: none; display: inline-block; margin: 0;}
#fondo header #migas ol li:first-child {padding-left: 0; background: none;}

#fondo header #migas ol li {padding-left: 1.5em; background: url(../img/cabecera/arrow-double.svg) left 0.3em center no-repeat; background-size: 12px; font-size: 0.85em; color: var(--grayD);}
#fondo header #migas ol li a {text-decoration:none; color:var(--black);}
#fondo header #migas ol li a:hover {text-decoration:underline;}
#fondo header #migas ol li.actual {font-family: 'IBMPlexSans-SemiBold';}

/*Migas colapsables*/
#fondo header #migas.noexpand {display: flex; align-items: center;}
#fondo header #migas.noexpand ol {padding: 0;}
#fondo header #migas.noexpand ol li {display: none;}
#fondo header #migas.noexpand ol li.actual {display: block;white-space: break-spaces; background: none; padding-left: 1em;}

#fondo header #migas button.btnTabs {font-size: 14px; line-height: 22px; text-align: center; margin: 0; border: 1px solid transparent; width: 40px; text-indent: -99999px; background-image: url(../img/ico-migas.svg); background-size: 30px; background-repeat: no-repeat; background-position: center; background-color: transparent; padding: 0.5em; height: 40px; cursor: pointer;}
#fondo header #migas button.btnTabs:hover {text-decoration: underline; background-color: var(--grayM);}

#fondo header #migas.expand {display: flex; background-color: var(--white); z-index: 2;position:relative;}
#fondo header #migas.expand ol {padding: 0; border: 1px solid var(--black); top: 39px; position: absolute; left: 0; background: var(--grayL); }
#fondo header #migas.expand ol li {display: block; padding: 0 0 0 2em; margin: 0; white-space: break-spaces; background-position: top 1em left 1em;}
#fondo header #migas.expand ol li.actual {padding: 10px 3em;}
#fondo header #migas.expand ol li:first-child {background: url(../img/cabecera/arrow-double.svg) no-repeat; background-position: 1em; background-size: 12px;}
#fondo header #migas.expand ol li a {padding: 10px 14px; display: block;}
#fondo header #migas.expand ol li a:hover {color: var(--black);}
#fondo header #migas.expand ol li:hover {border-bottom: none;}
#fondo header #migas.expand button.btnTabs {background-image: url(../img/ico-close-migas.svg); background-color: var(--grayL); border-color: var(--black);  background-size: 14px;}

/*CONTENEDOR*/
#fondo div#contenedor {width: 80em; margin: 0.75em auto;}

/*CONTENEDOR - Destacado*/
#fondo div#contenedor #destacado .imagen picture img {max-width: 100%;min-width: 100%;}

#fondo.destacado #contenedor {margin-top:0;}
#fondo.destacado #contenedor #destacado {margin-bottom: 1.5em;}

#fondo.destacado header #migas ol {border-bottom:0;}
#fondo.destacado header #migas.expand ol {border-bottom:1px solid var(--black);}

/*PIE*/
footer {width:100%; margin-top: 2em;}
footer #pie {background: var(--grayL); border-top: 1px solid var(--grayD);}
footer #pie  ul li a {text-decoration: none; color: var(--black);}

/*PIE - Banners*/
footer #pie .banners {width: 80em; margin: 0 auto; padding: 2em 0; display: flex; gap: 2em; align-items: center; justify-content: center; border-bottom: 1px dashed var(--gray)}
footer #pie .banners .elemento {width:25%;}
footer #pie .banners .elemento a {display: block;}
footer #pie .banners .elemento img {max-height: 100px; width: 100%; object-fit: cover; border: 2px solid var(--gray); border-radius: 5px; }
footer #pie .banners .elemento a:hover img {border-color: var(--black); filter: grayscale(1);}

/*PIE - Bloque superior*/
footer #pie .bloque-superior .enlaces {width: 80em; margin: 0 auto;  padding: 1em; display: flex; flex-wrap: wrap; justify-content: space-between;}
footer #pie .bloque-superior .enlaces .col {max-width: 32%;}
footer #pie .bloque-superior .enlaces .col ul li {list-style: none; padding-left: 1.5em; margin: 0.5em 0; background: url(../img/pie/arrow-list.svg) left top 0.15em no-repeat; background-size: 20px; }
footer #pie .bloque-superior .enlaces .col ul li a:hover {text-decoration: underline;}
footer #pie .bloque-superior .enlaces .col h2 {text-transform: uppercase; font-size: 1.1em;}

/*PIE - Bloque inferior*/
footer #pie .bloque-inferior {background: var(--color09);}
footer #pie .bloque-inferior .info-adicional {width: 80em; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; flex-direction:column;
}
footer #pie .bloque-inferior .info-adicional a,
footer #pie .bloque-inferior .info-adicional p
{color: var(--white);}

footer #pie .bloque-inferior .info-adicional a:hover {text-decoration: underline;}

footer #pie .bloque-inferior .info-adicional p, 
footer #pie .bloque-inferior .info-adicional ul li
{font-size: 0.95rem;}

footer #pie .bloque-inferior .info-adicional ul.comunes {margin-top:1em;}

footer #pie .bloque-inferior .info-adicional ul li {display:inline-block; margin-left: 2em;}
footer #pie .bloque-inferior .info-adicional ul li:first-child {margin-left: 0;}

/*CONTENIDO*/
#fondo.dos #contenedor #principal {display: flex; flex-wrap: nowrap; justify-content: start; align-items: start; gap:4em; }
#fondo.dos #contenedor #principal div#contenido {flex-basis: calc(100% - 360px);}

#fondo #contenedor img {max-width: 100%;}

/*ESTRUCTURA*/
#fondo,
#fondo header #barra-superior
{background: var(--white);}

#fondo header #barra-superior {background: var(--grayL); border-bottom: 1px solid var(--gray);}

/*MENU SUPERIOR*/
#fondo header #navegacion-superior {min-height: 2em; height: auto !important; padding: 0; border-bottom: none; }
#fondo header #navegacion-superior .global .encabezado button#btnMenu {display: none;}

#fondo header #navegacion-superior nav#menu-superior {background: var(--white); border-top: 1px solid var(--color09); border-bottom: 1px solid var(--color09); text-transform: uppercase; height: auto; }
#fondo header #navegacion-superior nav#menu-superior ul {min-height:50px; height: auto; background: var(--white); display: flex;}
#fondo header #navegacion-superior nav#menu-superior ul li {list-style:none;}
#fondo header #navegacion-superior nav#menu-superior ul li > ul {display:none;}

#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado,
#fondo header #navegacion-superior nav#menu-superior ul li.miga,
#fondo header #navegacion-superior nav#menu-superior ul li:hover 
{border: none; background: url(../img/cabecera/linea-menu-principal.jpg) no-repeat bottom !important;}

#fondo header #navegacion-superior nav#menu-superior ul li a:hover {background-color:transparent;}
#fondo header #navegacion-superior nav#menu-superior ul li a {padding: 0.75em 0; color: var(--black); text-decoration: none; text-align: center; display:block;}

#fondo header #navegacion-superior nav#menu-superior ul, 
#fondo header #navegacion-superior nav#menu-superior ul li, 
#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado, 
#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado a, 
#fondo header #navegacion-superior nav#menu-superior ul li a 
{height: auto; width: auto; max-width: 100%; display:flex; justify-content: space-between;}

#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado > a,
#fondo header #navegacion-superior nav#menu-superior ul li.miga > a 
{font-family: 'IBMPlexSans-Bold'; color: var(--color09);}

/*MENU LATERAL*/
#fondo #contenedor #col-izq {flex: 0 0 360px; margin-top: 0.3em;}
#fondo #contenedor #col-izq .encabezado {display: none;}

#fondo #contenedor #col-izq nav {border-top: 4px solid var(--color09); padding-top: 0.5em;}
#fondo #contenedor #col-izq nav ul {padding:0;}
#fondo #contenedor #col-izq nav ul li {list-style: none; background: none; padding: 0; margin: 0;}
#fondo #contenedor #col-izq nav ul li a {color: var(--black); padding: 0.5em 0.75em 0.5em 1.5em !important; text-decoration: none;position: relative; display: block;}
#fondo #contenedor #col-izq nav ul li a:hover {text-decoration: underline;}
#fondo #contenedor #col-izq nav ul li > a::before {content: ""; position: absolute; display: block;  width: 20px; height: 100%; top: 3px; left: 0.25em; background: url(../img/arrow-forward.svg) left top 10px no-repeat; background-size: 16px; }

#fondo #contenedor #col-izq nav ul li.abierto > a {text-decoration: none;}
#fondo #contenedor #col-izq nav ul li.abierto > a {font-family: 'IBMPlexSans-SemiBold'; color: var(--color09);}
#fondo #contenedor #col-izq nav ul li.abierto > a::before {background-image: url(../img/arrow-forward-c01.svg)}

#fondo #contenedor #col-izq nav ul li.seleccionado > a {background-color: var(--color05L) !important; color: var(--color09); font-family: 'IBMPlexSans-SemiBold'}
#fondo #contenedor #col-izq nav ul li.seleccionado > a::before {background-image: url(../img/arrow-forward-c01.svg);}

#fondo #contenedor #col-izq nav ul li.abierto ul li.seleccionado > a {color:var(--black);}
#fondo #contenedor #col-izq nav ul li.abierto ul li.seleccionado > a::before {background-image: url(../img/arrow-forward.svg);}
#fondo #contenedor #col-izq nav ul li.abierto.seleccionado > a:hover {text-decoration: underline;}

#fondo #contenedor #col-izq nav ul li.abierto ul li a {padding-left: 2.75em !important; color: var(--black);}
#fondo #contenedor #col-izq nav ul li.abierto ul li a::before {left: 1.25em !important;}
#fondo #contenedor #col-izq nav ul li.abierto ul li > a::before {background-position: left top 12px;}

/*COMPONENTES*/
/*Componente texto enriquecido*/
#fondo #contenedor .cte img {vertical-align: sub; padding: 0 4px;}

/*Componente columnas - ccol- */
#fondo #contenedor div[class^="ccol"]  {display:flex;}
#fondo #contenedor div[class^="ccol"] .col {display:inline-block; vertical-align:top; margin:0 0.5em; border-left: 1px solid transparent;}
#fondo #contenedor div[class^="ccol"] .col {flex: 1; padding: 5px 10px;width: auto;margin: 5px;}

#fondo #contenedor div.ccol-2 .col {width: 47%;}
#fondo #contenedor div.ccol-3 .col {width: 30.5%;}
#fondo #contenedor div[class^="ccol"] .col .cte ul {margin: 0;}

#fondo #contenedor .ccol-2 .cte p, 
#fondo #contenedor .ccol-3 .cte p 
{padding-left: 0;}

/*Componente Listado numerado - clnum*/
#fondo #contenedor .clnum {counter-reset: seccion; margin: 2em 0;}
#fondo #contenedor .clnum .seccion {display: flex; align-items: strech; margin-bottom: 2em;}
#fondo #contenedor .clnum .seccion .numero {counter-increment: seccion; width: auto; display: flex; justify-content: flex-end; font-size: 2em; font-weight: bold; margin-right: 0.75em; padding-right: 0.5em; }
#fondo #contenedor .clnum .seccion .numero::before {content: counter(seccion); display: block;font-size: 2em;}

#fondo #contenedor .clnum .seccion .numero .visually-hidden {position: absolute; left: -9999px;}
#fondo #contenedor .clnum .seccion .numero .visually-hidden::after {content: counter(seccion);}

#fondo #contenedor .clnum .seccion .numero {font-family: 'IBMPlexSans-Bold'; text-align: right; border-right: 2px solid var(--black);}
#fondo #contenedor .clnum .seccion .numero.txt01 {border-color: var(--color01);}
#fondo #contenedor .clnum .seccion .numero.txt02 {border-color: var(--color02);}
#fondo #contenedor .clnum .seccion .numero.txt03 {border-color: var(--color03);}
#fondo #contenedor .clnum .seccion .numero.txt04 {border-color: var(--color04);}
#fondo #contenedor .clnum .seccion .numero.txt05 {border-color: var(--color05);}
#fondo #contenedor .clnum .seccion .numero.txt06 {border-color: var(--color06);}
#fondo #contenedor .clnum .seccion .numero.txt07 {border-color: var(--color07);}
#fondo #contenedor .clnum .seccion .numero.txt08 {border-color: var(--color08);}
#fondo #contenedor .clnum .seccion .numero.txt09 {border-color: var(--color09);}

#fondo #contenedor .clnum .seccion .texto p.titulo {margin-top: 0; font-family: 'IBMPlexSans-Bold' ;font-size: 1.2em;}

/*Componente Galería de botones - cgbtn*/
#fondo #contenedor .cgbtn {display: flex; flex-direction: row; flex-wrap: wrap; margin: 1em 0; justify-content: center; gap: 1em;flex: 100%;}
#fondo #contenedor .cgbtn .btn {flex: 0 0 calc(33.333% - 1em);padding: 0;border-radius: 5px;background: var(--grayL);border: 1px solid var(--gray);margin: 0;}
#fondo #contenedor .cgbtn .btn a {text-decoration: none;font-family: 'IBMPlexSans-Bold';position: relative;display: block;cursor: pointer;padding: 0.75em 1.8em 0.75em 0.75em;}
#fondo #contenedor .cgbtn .btn a::before {content: '';background: url(../img/arrow-btn-c01.svg) right center no-repeat;position: absolute;width: 24px;right: 4px;height: 20px;}
#fondo #contenedor .cgbtn .btn:hover {background-color: var(--grayM);}
#fondo #contenedor .cgbtn .btn a:hover:before {filter: grayscale(1);}

#fondo #contenedor .cgbtn .btn.c01 {background-color:var(--color09);}
#fondo #contenedor .cgbtn .btn.c02 {background-color:var(--color01);}
#fondo #contenedor .cgbtn .btn.c03 {background-color:var(--color07);}

#fondo #contenedor .cgbtn .btn.c01 a,
#fondo #contenedor .cgbtn .btn.c02 a,
#fondo #contenedor .cgbtn .btn.c03 a
{color: var(--white);}

#fondo #contenedor .cgbtn .btn.c01 a::before,
#fondo #contenedor .cgbtn .btn.c02 a::before,
#fondo #contenedor .cgbtn .btn.c03 a::before
{background-image: url('../img/arrow-btn-c00.svg');}

#fondo #contenedor .cgbtn .btn.c01:hover,
#fondo #contenedor .cgbtn .btn.c02:hover,
#fondo #contenedor .cgbtn .btn.c03:hover
{filter: grayscale(0.4);border: 1px solid var(--black);}

#fondo #contenedor .cgbtn.dcha {justify-content: end; gap: 1em;}
#fondo #contenedor .cgbtn.izq {justify-content: start; gap: 1em;}

/*Componente bloque - cblq*/
#fondo #contenedor div[class*="cblq"] {border: 2px solid var(--color09); padding: 1em; border-radius: 5px; margin: 1em 0;}
#fondo #contenedor div[class*="cblq"] .cte {padding: 0 2em 0 0;}

/*Componente Imagen*/
#fondo #contenedor .cim.f11 img {aspect-ratio: 1/1;}

/*Componente bloque - cblq texto + imagen*/
#fondo #contenedor .cblq-img {padding: 1em; display: flex; align-items: start;}

#fondo #contenedor .cblq-img .cte p {padding:0}
#fondo #contenedor .cblq-img .cte p:first-child {margin: 0;}

#fondo #contenedor .cblq-img .cim,
#fondo #contenedor .cblq-img .cim img
{margin: 0;}

#fondo #contenedor .cblq-img .cim {width: 16em;}
#fondo #contenedor .cblq-img .cte {flex: 1;}

/*LISTADO DE ENLACES - cle*/
#fondo #contenedor #principal .clelem {margin: 2em 0;}
#fondo #contenedor #principal .clelem div.elemento {display: flex ; border-bottom: 1px dashed var(--gray); padding: 0.75em 0;}
#fondo #contenedor #principal .clelem div.elemento > img {border-radius: 5px; width: 7em; height: 7em; margin-right: 2em;}
#fondo #contenedor #principal .clelem div.elemento .texto {flex-basis: calc(100% - 5em);}
#fondo #contenedor #principal .clelem div.elemento .texto p {margin: 0.75em 0; padding:0;}
#fondo #contenedor #principal .clelem div.elemento .texto p.titulo {margin: 0; font-weight: 700; color: var(--color09);}
#fondo #contenedor #principal .clelem div.elemento .texto p.titulo a {font-family: 'IBMPlexSans-SemiBold';}

#fondo #contenedor #principal .clelem div.elemento .cte p,
#fondo #contenedor #principal .clelem div.elemento .cte ul
{padding-left:0;}

#fondo #contenedor #principal .clelem div.elemento .cte ol {padding-left: 1.5em;}
#fondo #contenedor #principal #contenido .clelem .elemento .texto ul > li {background-position: left 0.25em top 0.5em;}

#fondo #contenedor #principal .clelem .elemento .texto p.fecha {font-size: 0.95em; font-family: 'IBMPlexSans-SemiBold';}

/*Componente Imagen - cim*/
#fondo #contenedor .cim {margin: 1em 0;}

#fondo #contenedor .cim, 
#fondo #contenedor .cim > img 
{width: 100%; height: auto;}

#fondo #contenedor .cim.md {margin: 0;}

#fondo #contenedor .cim.md, 
#fondo #contenedor .cim.md img
{width: 16em;}

#fondo #contenedor .cim img {border-radius:5px;}
#fondo #contenedor .cim.pfondo img {border-radius:5px 5px 0 0;}

#fondo #contenedor .cim.md {float: left; clear: both; margin: 0 2em 1em 0;}

#fondo #contenedor .cim.md + .cte p {padding-left: 0;}

#fondo #contenedor .cim p.pie {margin: 0; padding: 0.25em 0.75em 0.5em; text-align: center; background-color: var(--color09); font-size: 0.95em; color: var(--white); border-radius: 0 0 5px 5px;}

/*Componente Galería de Imágenes - cgi*/
#fondo #contenedor .cgi {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap: 1em; margin: 2em 0; padding: 0 0.5em;}
#fondo #contenedor .cgi .cim {border: 2px solid var(--color09); border-radius: 5px; padding: 1em; box-sizing: border-box;}

#fondo.dos #contenedor .cgi .cim {flex: 0 0 15.75em;}
#fondo.una #contenedor .cgi .cim {flex: 0 0 18.5em;}

#fondo #contenedor .cgi .cim img {aspect-ratio: 1 / 1; margin:0; border-radius: 5px;}

#fondo.una #contenedor .cgi .cim img {width: 18.5em;}
#fondo.dos #contenedor .cgi .cim img {width: 15.75em;}

#fondo #contenedor .cgi .cim p.titulo {font-family: 'IBMPlexSans-SemiBold';font-size: 1.4em; line-height: 1.2;}
#fondo #contenedor .cgi .cim p.titulo a {color: var(--black); text-decoration:none;}
#fondo #contenedor .cgi .cim:hover p.titulo a {text-decoration:underline; color: var(--color09);}
#fondo #contenedor .cgi .cim a {position:relative; display: block;}
#fondo #contenedor .cgi .cim > a:before {content: ''; background: var(--white) url(../img/ico-link.svg) right bottom no-repeat; width: 24px; height: 24px; position: absolute; right: 8px; bottom: 8px; border-radius: 4px;}
#fondo #contenedor .cgi .cim p.titulo a:before {background: none;}
#fondo #contenedor .cgi .cim p.descripcion {font-size: 1em;line-height: 1.2;}

#fondo #contenedor .cgi .cim .cte p {padding: 0;}
#fondo #contenedor .cgi .cim .cte a {display:inline;}
#fondo #contenedor .cgi .cim .cte img {width: auto;}

/*Componente Grupo de noticias - cgn*/
#fondo #contenedor .cgn {display: flex; flex-direction: column; height: 100%;}
#fondo #contenedor .cgn .elementos {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap: 1em; margin: 2em 0; padding: 0 0.5em; box-sizing: border-box;}
#fondo #contenedor .cgn .noticia {border: 2px solid var(--color09); border-radius: 5px; padding: 1em; box-sizing: border-box; text-align: left; flex: 0 0 calc((100% - 2em) / 3);}
#fondo #contenedor .cgn .noticia img {aspect-ratio: 4 / 3; border-radius: 5px; margin: 0 0 1em 0; width:100%;}

#fondo.una #contenedor .cgn .noticia img {width: 23.5em;}
#fondo.dos #contenedor .cgn .noticia img {width: 14.5em;}

#fondo #contenedor .cgn .noticia p.titulo {font-family: 'IBMPlexSans-SemiBold';font-size: 1.4em; line-height: 1.2;margin-top: 0.5em;}
#fondo #contenedor .cgn .noticia p.titulo a {text-decoration: none; color: var(--black); font-size: 0.9em; font-family: 'IBMPlexSans-Regular'; line-height: 1.4; margin-top: 0.25em; margin-bottom: 0.25em; }
#fondo #contenedor .cgn .noticia:hover p.titulo a {text-decoration:underline; color: var(--color09);}
#fondo #contenedor .cgn .noticia a {position:relative; display: block;}
#fondo #contenedor .cgn .noticia a:before {content: ''; background: var(--white) url(../img/external-link.svg) right bottom no-repeat; width: 24px; height: 24px; position: absolute; right: 8px; bottom: 8px;}
#fondo #contenedor .cgn .noticia p.titulo a:before {background: none;}
#fondo #contenedor .cgn .noticia p.fecha {font-size: 1em;}

#fondo #contenedor .cgn.op02 img {aspect-ratio: 1 / 1;}

#fondo #contenedor .cgn .btn {flex-basis: auto;padding: 0.75em;border-radius: 5px;background: var(--grayL);border: 1px solid var(--gray);font-family: 'IBMPlexSans-SemiBold';margin-left: auto;   /* Empuja el botón a la parte inferior */}
#fondo #contenedor .cgn .btn a {text-decoration: none; position: relative; padding-left: 1.5em;}
#fondo #contenedor .cgn .btn a:hover {text-decoration: underline;}
#fondo #contenedor .cgn .btn a:before {content: ''; background: url(../img/ico-plus.svg) center no-repeat; position: absolute; width: 14px; left: 0; top: 4px; height: 14px; background-size: 14px; }

/*Componente Calendario - ccal*/
/*Opcion Vertical*/
#fondo #contenedor .ccal {margin:2em 0;}
#fondo #contenedor .ccal .grupo {display: flex; gap: 2em;    min-height: 150px;}
#fondo #contenedor .ccal .grupo .col-izq {flex-basis: 7em;flex-shrink: 0;background: linear-gradient(to right, transparent calc(50% - 4px), var(--color09) calc(50% - 4px), var(--color09) calc(50% + 4px), transparent calc(50% + 4px));}
#fondo #contenedor .ccal .grupo .col-izq .fecha {border: 2px solid var(--color09); border-radius: 5px; padding: 0.5em 1em; height: 7em; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--white);}
#fondo #contenedor .ccal .grupo .col-izq .fecha span.mes {font-size: 1.6em; margin: 0;}
#fondo #contenedor .ccal .grupo .col-izq .fecha span.año {font-size: 1.6em; margin: 0; font-family: 'IBMPlexSans-SemiBold';}

#fondo #contenedor .ccal .grupo .eventos {flex-basis: 100%; display: flex ; flex-direction: column; gap: 2em;}
#fondo #contenedor .ccal .grupo .eventos .elemento {display:flex; background: url(../img/arrow-long.svg) right center no-repeat; padding-right: 4em;}
#fondo #contenedor .ccal .grupo .eventos .elemento:last-child {margin-bottom: 1em;}
#fondo #contenedor .ccal .grupo .eventos .elemento > img {width: 7em; height: 7em; margin-right: 2em; border-radius: 50%;}
#fondo #contenedor .ccal .grupo .eventos .elemento .texto {flex-basis: calc(100% - 5em); display: flex ; justify-content: center; flex-direction: column;}
#fondo #contenedor .ccal .grupo .eventos .elemento .texto p.titulo {font-family: 'IBMPlexSans-SemiBold'; margin: 0; color: var(--color09); font-size: 1.2rem;}
#fondo #contenedor .ccal .grupo .eventos .elemento .texto p.titulo a {color: var(--black);}
#fondo #contenedor .ccal .grupo .eventos .elemento:hover .texto p.titulo > a {color: var(--color09);}

#fondo #contenedor .ccal .grupo:last-child .col-izq {background: none; display: flex; flex-direction: column;}
#fondo #contenedor .ccal .grupo:last-child .eventos .elemento:last-child {margin-bottom: 0;}

#fondo #contenedor .ccal .grupo .eventos .elemento .cte ul, 
#fondo #contenedor .ccal .grupo .eventos .elemento .cte ol,
#fondo #contenedor .ccal .grupo .eventos .elemento .cte p 
{padding-left: 0;}

#fondo #contenedor .ccal .grupo.pasado {filter: grayscale(1);}
#fondo #contenedor .ccal .grupo.pasado .col-izq {background: linear-gradient(to right, transparent calc(50% - 4px), var(--grayD) calc(50% - 4px), var(--grayD) calc(50% + 4px), transparent calc(50% + 4px)); }
#fondo #contenedor .ccal .grupo.pasado .col-izq .fecha {border-color: var(--grayD); background: var(--grayL);}
#fondo #contenedor .ccal .grupo.pasado .col-izq .fecha p {color: var(--grayD);}

/*Opcion horizontal*/
#fondo #contenedor .ccal.horizontal {display: flex;flex-direction: row;gap: 2em;    flex-wrap: wrap;}

#fondo #contenedor .ccal.horizontal .grupo {flex-direction: column; border-right: 4px solid var(--color09); padding: 0 1.5em 0 0; flex-basis: 30%; box-sizing: border-box;}
#fondo #contenedor .ccal.horizontal .grupo:nth-child(3) {border: none;}
#fondo #contenedor .ccal.horizontal .grupo:last-child {align-items: start; border-right: 0;}

#fondo #contenedor .ccal.horizontal .grupo .col-izq {background: none;}
#fondo #contenedor .ccal.horizontal .grupo .col-izq .fecha {width: 6em;height: 6em;margin: 0 auto;}
#fondo #contenedor .ccal.horizontal .grupo:last-child .col-izq .fecha {margin-top: 0;}

#fondo #contenedor .ccal.horizontal .grupo .eventos .elemento {flex-direction: column;padding: 0 2em 0 0;background-size: 1.8em;background-position: right center;}

#fondo #contenedor .ccal.horizontal .grupo .eventos .elemento img,
#fondo #contenedor .ccal.horizontal .grupo .eventos .elemento .texto .cte
{display: none;}

#fondo #contenedor .ccal.horizontal .grupo .eventos .mas-eventos {background: var(--color05L); padding: 0.5em; border-radius: 5px; font-style: italic;}

#fondo #contenedor .ccal.horizontal .btn {padding: 0.75em; border-radius: 5px; background: var(--grayL); border: 1px solid var(--gray); font-family: 'IBMPlexSans-SemiBold'; margin-left: auto; flex: 0 1 auto; align-self: self-end;}
#fondo #contenedor .ccal.horizontal .btn a {text-decoration: none; position: relative; padding-left: 1.5em;}
#fondo #contenedor .ccal.horizontal .btn a:before {content: ''; background: url(../img/ico-calendar.svg) center no-repeat; position: absolute; width: 18px; left: 0; top: 2px; height: 18px; background-size: 18px;}

/*Componente Video - cvi*/
#fondo #contenedor .cvi iframe {width: 100%; height: 100%; aspect-ratio: 16 / 9;border: none;}
#fondo #contenedor .cvi.formato16-9 iframe {aspect-ratio: 16 / 9;}
#fondo #contenedor .cvi.formato4-3 iframe {aspect-ratio: 4 / 3;}

/*Componente Listado de desplegables - cldsp*/
#fondo #contenedor .cldsp {margin: 2em 0;}
#fondo #contenedor .cldsp .cdsp {margin: 0 0 1em 0 !important; padding: 0 !important; width: 100%; clear: both; border-radius: 5px;}
#fondo #contenedor .cldsp .cdsp .cdspb {border: 1px solid var(--gray);position: relative; cursor: pointer; margin: 0; color: var(--color09); line-height: 32px; background: var(--grayL); border-radius: 5px; padding: 0.5em 3.5em 0.5em 1em; font-size: 1.2em;}
#fondo #contenedor .cldsp .cdsp .cdspb span.cruz {display: block; position: absolute; height: 30px; width: 30px; right: 20px; top: 10px;}
#fondo #contenedor .cldsp .cdsp > .cdspb span.cruz:before {content: ""; position: absolute; height: 30px; width: 2px; right: 13px; top:-1px; background: var(--color09); border-radius: 2px; transition: 0.25s ease-in-out; transform: rotate(-45 deg);}
#fondo #contenedor .cldsp .cdsp > .cdspb span.cruz:after {content: ""; position: absolute; height: 2px; width: 30px; right: 0; background: var(--color09); top: 13px; border-radius: 2px; transition: 0.25s ease-in-out; transform: rotate(0 deg);}
#fondo #contenedor .cldsp .cdsp .desplegable {display: none; visibility: hidden; opacity: 0; height: 0; flex-wrap: wrap;}

#fondo #contenedor .cldsp .cdsp .desplegable .cte p,
#fondo #contenedor .cldsp .cdsp .desplegable .cte ol,
#fondo #contenedor .cldsp .cdsp .desplegable .cte ul
{padding:0;}

#fondo #contenedor .cldsp .cdsp.abierto .desplegable {display: block; visibility: visible; opacity: 1; transition: visibility 0s, height 2s, opacity 1s linear; height: auto; padding: 1em 0 1em 3em;}
#fondo #contenedor .cldsp .cdsp.abierto .cdspb {color: var(--black); background: var(--grayM); transition: background-color 0.5s ease;}

#fondo #contenedor .cldsp .cdsp.abierto > .cdspb span.cruz:before, 
#fondo #contenedor .cldsp .cdsp.abierto > .cdspb span.cruz:after 
{background-color: var(--black); transform: rotate(-45deg);}

#fondo #contenedor .cldsp .cdsp.abierto .desplegable .cdsp  .desplegable {display:none;}
#fondo #contenedor .cldsp .cdsp.abierto .desplegable .cdsp.abierto .desplegable  {display:flex;}

#fondo #contenedor .cldsp .cdsp.abierto .desplegable .ccol-2,
#fondo #contenedor .cldsp .cdsp.abierto .desplegable .ccol-3
{flex-basis: 100%;}

#fondo #contenedor .cldsp .desplegable .cgbtn .btn {flex: 0 0 calc(33.333% - 1em);}

#fondo #contenedor .cldsp .cdsp.abierto .desplegable .cdsp .cdspb {background: var(--color05L); color: var(--color09); padding: 0.5em 3.5em 0.5em 1em; font-size: 1.1em;border: 1px solid var(--grayD);}

#fondo #contenedor .cldsp .cdsp.abierto .desplegable .clelem {margin: 2em 0; flex-basis: 100%;}

/*Componente Texto enriquecido - cte*/
#fondo #contenedor .cte p,
#fondo #contenedor .cte ol,
#fondo #contenedor .cte ul
{padding-left:0.5em; max-width: 45em;}

/*Componente Mapa -cmp*/
#fondo #contenedor #principal .cmp {position: relative; width: 100%; display: flex; margin: 4em 0; flex-direction:column;border: 1px solid var(--gray);}

#fondo #contenedor #principal .cmp h2 {text-align: left;}
#fondo #contenedor #principal .cmp .mapaImg {position: relative; display: inline-block;}
#fondo #contenedor #principal .cmp .mapaImg img {max-width: 100%; display: block; width: 100%;}
#fondo #contenedor #principal .cmp .mapaImg ul {position: absolute; padding: 10px; top: 0; left: 0; right: 0; bottom: 0;}

/*Posición de los elementos del mapa*/
#fondo #contenedor #principal .cmp .mapaImg ul li {display: block; outline: none; cursor: pointer; float: left; text-align: center; margin: 0; position: absolute;}
#fondo #contenedor #principal .cmp .mapaImg ul li {background:none;padding:0;}
#fondo #contenedor #principal .cmp .mapaImg ul li span {opacity: 0;}
#fondo #contenedor #principal .cmp .mapaImg ul li a.top:hover:before {bottom: 0; top: -11px;border-top: 10px solid var(--color09);border-bottom:none;}

#fondo #contenedor #principal .cmp .mapaImg ul li.el1 {top: 72%;left: 46%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el2 {top: 29%;left: 68%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el3 {top: 9%;left: 38%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el4 {top: 46%;left: 90%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el5 {top: 93%;left: 18%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el6 {top: 11%;left: 49%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el7 {top: 49%;left: 53%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el8 {top: 27%;left: 44%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el9 {top: 24%;left: 81%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el10 {top: 53%;left: 37%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el11 {top: 14%;left: 27%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el12 {top: 39%;left: 51%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el13 {top: 66%;left: 64%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el14 {top: 17%;left: 62%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el15 {top: 12%;left: 57%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el16 {top: 20%;left: 58%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el17 {top: 52%;left: 69%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el18 {top: 87%;left: 40%;}
#fondo #contenedor #principal .cmp .mapaImg ul li.el19 {top: 91%;left: 56%;}

#fondo #contenedor #principal .cmp .mapaImg ul li a {background-image: url(../img/mapas/mapa-link.svg); background-size: 16px; background-repeat: no-repeat; width: 16px; height: 16px; position: absolute;}
#fondo #contenedor #principal .cmp .mapaImg ul li a span {pointer-events: none;}
#fondo #contenedor #principal .cmp .mapaImg ul li a:hover {background-image: url('../img/mapas/mapa-link-hover.svg');text-decoration:none;}
#fondo #contenedor #principal .cmp .mapaImg ul li a:hover span {left: -0.5em; min-width: max-content;background: var(--color09); padding: 0.25em 0.5em; border-radius: 5px; position: absolute; top: 1.5em; color: var(--white);}
#fondo #contenedor #principal .cmp .mapaImg ul li a:hover:before {content: ''; width: 20px; height: 20px; position: absolute; bottom: -11px; left: -2px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--color09);}

#fondo #contenedor #principal .cmp ul.lista {background: var(--grayL); padding:0; }
#fondo #contenedor #principal .cmp ul.lista li {background: url(../img/mapas/doble-arrow.svg) 6px center no-repeat;}
#fondo #contenedor #principal .cmp ul.lista {column-count: 3; border-top: 2px solid var(--color09); padding: 1em 0.5em;}
#fondo #contenedor #principal .cmp ul.lista li {padding-left: 2.5em; margin: 0 0 0.75em 0;}

/*PORTADA*/
#fondo #contenedor #portada h2 {border-bottom: 1px solid var(--color09); padding-bottom: 0.3em;}

/*PORTADA - Carrusel*/
#fondo #contenedor #portada .superior .csldn {margin: 0; border: 1px solid #e6e6e6; position: relative; clear:both;}

#fondo #contenedor #portada .superior .csldn .sliders, 
#fondo #contenedor #portada .superior .csldn .sliders .slide 
{width: 100%;}

#fondo #contenedor #portada .superior .csldn {margin: 0; border: 1px solid #e6e6e6; position: relative; clear: both; height: 100%; flex: 1 1 auto; min-width: 0; }
#fondo #contenedor #portada .superior .csldn .sliders .slide {position:relative;}
#fondo #contenedor #portada .superior .csldn .sliders .slide img {width: 100%; height: auto; padding: 0; vertical-align: top; max-height: 25em; object-fit: cover;}

#fondo #contenedor #portada .superior .csldn .sliders .slide .caption {width: 100%; position: absolute; bottom: 0; margin: 0; background-color: #5a0e32d4;}
#fondo #contenedor #portada .superior .csldn .sliders .slide .caption p {margin: 0; font-size: 1em; padding: 1em; color: var(--white);}
#fondo #contenedor #portada .superior .csldn .sliders .slide .caption p.titulo {font-size: 1.2em; padding: 0.5em 0.5em 0 0.5em !important; font-family: 'IBMPlexSans-SemiBold';}
#fondo #contenedor #portada .superior .csldn .sliders .slide .caption p.antetitulo {font-style: italic;}

#fondo #contenedor #portada .superior .csldn .barra-opciones {display:flex; background-color: var(--color09);justify-content: center;align-items: center;}

#fondo #contenedor #portada .superior .csldn .barra-opciones button.next,
#fondo #contenedor #portada .superior .csldn .barra-opciones button.prev,
#fondo #contenedor #portada .superior .csldn .barra-opciones button.play,
#fondo #contenedor #portada .superior .csldn .barra-opciones button.stop
{background-repeat: no-repeat; display: block; width: 0.8em; height: 1.15em; overflow: hidden; text-indent: -9999px; float: left; margin: 0.5em;}

#fondo #contenedor #portada .superior .csldn .barra-opciones button {cursor:pointer;}
#fondo #contenedor #portada .superior .csldn .barra-opciones button.play {background-image: url(../img/carrusel/ico-play.svg); background-color: transparent; width: 24px; height: 24px; background-size: 24px; border: 2px solid var(--white); outline: none; border-radius: 5px; background-position: center; }
#fondo #contenedor #portada .superior .csldn .barra-opciones button.stop {background-image: url(../img/carrusel/ico-stop.svg); background-color: transparent; width: 24px; height: 24px; background-size: 24px; border: 2px solid var(--white); outline: none; border-radius: 5px; background-position: center; }
#fondo #contenedor #portada .superior .csldn .barra-opciones button.next {background-image: url(../img/carrusel/arrow-next.svg); background-color: transparent; width: 12px; height: 24px; background-size: 24px; border: none; outline: none; background-position: center; }
#fondo #contenedor #portada .superior .csldn .barra-opciones button.prev {background-image: url(../img/carrusel/arrow-prev.svg); background-color: transparent; width: 12px; height: 24px; background-size: 24px; border: none; outline: none; background-position: 0; }

#fondo #contenedor #portada .superior .csldn .barra-opciones .nav ol.pagination li.activo button {background-color: var(--color07); outline-color: var(--white);}

#fondo #contenedor #portada .superior .csldn .barra-opciones button.stop,
#fondo #contenedor #portada .superior .csldn .barra-opciones button.play
{order:2;}

#fondo #contenedor #portada .superior .csldn .barra-opciones button.next {order:3;}

#fondo #contenedor #portada .superior .csldn .barra-opciones ol.pagination {padding: 0 0.5em 0 0 !important;   border-right: 2px solid var(--white);margin-right: 0.5em !important; line-height: 0.25;}
#fondo #contenedor #portada .superior .csldn .barra-opciones ol.pagination li {display:inline-block;}

#fondo #contenedor #portada .superior .csldn .barra-opciones .nav ol.pagination li button {height: 16px; width: 16px; margin: 0 5px; background-color: var(--white); border-radius: 50%; display: block; cursor: pointer; border: none; outline: 1px solid transparent; }

#fondo #contenedor #portada .superior .csldn .barra-opciones ol.pagination li a {display: block; width: 13px; height: 0; padding-top: 13px; background-image: url("../img/carrusel/pagination.png"); background-position: 0 13px; overflow: hidden; color: #000;}

#fondo #contenedor #portada .superior .csldn .sliders .slide p.mas {text-align: right; position: absolute; right: 0; margin: 0; padding: 8px;}
#fondo #contenedor #portada .superior .csldn .sliders .slide p.mas a {font-size: 0.95rem; padding: 0 0 0 1.5em;color: var(--white); font-family: 'IBMPlexSans-SemiBold';}
#fondo #contenedor #portada .superior .csldn .sliders .slide p.mas a:hover {text-decoration: underline;}

#fondo #contenedor #portada .superior {display: flex; gap: 2em;}

/*PORTADA - Banners*/
#fondo #contenedor #portada .superior .banners {flex: 0 0 296px; display: flex; flex-direction: column; justify-content: space-between;}
#fondo #contenedor #portada .superior .banners .elemento a {display: block;}
#fondo #contenedor #portada .superior .banners img {width: 100%; height: 87px; object-fit: cover; border: 2px solid var(--gray); border-radius: 5px;}
#fondo #contenedor #portada .superior .banners a:hover img {border-color: var(--black); filter: grayscale(1);}

/*PORTADA - Galeria de imagenes*/
#fondo #contenedor #portada .cgi {padding: 0;}

/*PORTADA - Texto enriquecido - cte*/
#fondo #contenedor #portada .cte.intro {max-width: 90%; margin: 2em auto;}
#fondo #contenedor #portada .cte.intro p {font-size: 1.4em; text-align: center; margin: 0.5em auto;padding: 0;max-width: 46em;}

/*Listado de noticias - cln*/
#fondo #contenedor #principal .cln .noticia {border: 2px solid var(--color09); padding: 1em; border-radius: 5px; margin: 1em 0; display: flex; gap: 3em;}
#fondo #contenedor #principal .cln .noticia:first-child {margin-top:0;}
#fondo #contenedor #principal .cln .noticia .cim {margin: 0; flex: 0 0 16em;}
#fondo #contenedor #principal .cln .noticia .cim img {aspect-ratio: 1 / 1;}
#fondo #contenedor #principal .cln .noticia .info-noticia {width: calc(100% - 16em);}
#fondo #contenedor #principal .cln .noticia .info-noticia h2 {color: var(--black); font-size: 1.4rem; font-family: 'IBMPlexSans-Regular'; line-height: 1.4; margin-top: 0; margin-bottom: 0.25em;}
#fondo #contenedor #principal .cln .noticia .info-noticia h2 a {color: var(--black); text-decoration: none;}
#fondo #contenedor #principal .cln .noticia .info-noticia h2 a[rel="external"] img {padding: 0.25em;}

#fondo #contenedor #principal .cln .noticia .info-noticia h2:hover a,
#fondo #contenedor #principal .cln .noticia:hover .info-noticia h2 a
{color: var(--black); text-decoration: underline;}

#fondo #contenedor #principal .cln .noticia .info-noticia .cte p {padding: 0;}

#fondo #contenedor #principal .cln .noticia .info-noticia .info-superior {display: flex; flex-direction: row; justify-content: start; align-items: center; flex-wrap: wrap; gap: 1em; }
#fondo #contenedor #principal .cln .noticia .info-noticia .info-superior p.fecha {font-size: 1em; font-family: 'IBMPlexSans-SemiBold'; margin: 0.5em 0;}
#fondo #contenedor #principal .cln .noticia .info-noticia .info-superior p.tema {font-size: 1rem;padding: 0.25em 0.5em !important;border-radius: 5px;background-image: none !important;font-family: 'IBMPlexSans-SemiBold';display: inline-block;margin: 0.5em 0;background: var(--grayM);color: var(--color09);margin-left: auto;}

#fondo #contenedor #principal .cln .noticia .info-noticia .cte.filtros {display: flex; align-items: start; flex-wrap: wrap; flex-direction: column; }
#fondo #contenedor #principal .cln .noticia .info-noticia .cte.filtros p {margin: 0.25em 0.5em 0.25em 0; font-size: 1em; font-style: italic;}
#fondo #contenedor #principal .cln .noticia .info-noticia .cte.filtros p strong {font-family: 'IBMPlexSans-SemiBold'; color: var(--black);}

#fondo #contenedor #principal .cbtn.cargarMas {text-align: center;}
#fondo #contenedor #principal .cbtn.cargarMas button {padding: 0.5em 0.75em; color: var(--color09); font-family: 'IBMPlexSans-SemiBold'; font-size: 1em; cursor:pointer;}
#fondo #contenedor #principal .cbtn.cargarMas button:before {content: ''; background-image: url(../img/ico-plus.svg); padding-right: 24px; background-size: 14px; background-repeat: no-repeat; background-position: 0 4px; }

/*Buscador noticias*/
#fondo #contenedor #col-izq .ctcl .cbuscadornot {background: var(--grayM); padding: 1em; margin: 1em 0; border-radius: 5px;}
#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset {border: none; padding: 0; margin-bottom: 1em;}
#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset legend {color: var(--color09); font-size: 1.1em; margin-bottom: 0.6em; font-family: 'IBMPlexSans-SemiBold';}

#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset input#desde,
#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset input#hasta 
{font-size: 1em; font-family: 'IBMPlexSans-Regular'; border-radius: 5px; padding: 0.25em; margin: 0.5em 0; width: 7.5em;}

#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset .item label {font-family: 'IBMPlexSans-Semibold';}
#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset .items input[type="checkbox"].custom {appearance: none; width: 14px; height: 14px; border: 2px solid var(--color09); border-radius: 2px; background: #fff; cursor: pointer; transition: background 0.2s; flex: 0 0 14px; }

#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset .items input[type="checkbox"].custom:checked {background-color: var(--color09); border-color: var(--black);}
#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset .items input[type="checkbox"].custom:focus {outline: 2px solid var(--grayD);}

#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset .items .form-item {display: flex; gap: 0.5em; align-items: start; margin-bottom: 0.75em;}

#fondo #contenedor #col-izq .ctcl .cbuscadornot form .botones {display:flex;}
#fondo #contenedor #col-izq .ctcl .cbuscadornot form .botones input[type="submit"] 
{flex-basis: auto; padding: 0.75em 0.75em 0.75em 2.3em; border-radius: 5px; border: 1px solid var(--gray); margin: 0.5em 0; background: var(--color09) url(../img/ico-filter.svg) no-repeat left 0.6em top 0.8em; color: var(--white); margin-left: auto; font-family: 'IBMPlexSans-SemiBold'; text-transform: uppercase; background-size: 18px; }

#fondo #contenedor #col-izq .ctcl .cbuscadornot form fieldset input[type="date"]::-webkit-calendar-picker-indicator {filter: invert(17%) sepia(86%) saturate(7471%) hue-rotate(311deg) brightness(90%) contrast(108%); }

/*Componente cita - ccita*/
#fondo #contenedor .ccita {position: relative;font-style: italic;width: 46em;margin: 0 auto;}
#fondo #contenedor .ccita p {color: var(--color09);font-size: 1.7em;margin: 0;line-height: 1.3;padding: 1em 2.5em;text-align: center;}
#fondo #contenedor .ccita p:before {content: "“";font-size: 6rem;position: absolute;top: 20px;left: 3px;color: var(--color09);line-height: 1;}
#fondo #contenedor .ccita p:after {content: "”";font-size: 6rem;position: absolute;bottom: 0;right: 32px;color: var(--color09);line-height: 1;}
#fondo #contenedor .ccita span {font-size: 1em;padding: 0 4.5em;display: block;text-align: center;}

/*PLANTILLA RECURSO*/
#fondo.recurso #contenedor #col-izq {background: var(--grayM);}
#fondo.recurso #contenedor #col-izq nav {background: none; padding: 1.5em 2em;}
#fondo.recurso #contenedor #col-izq nav ul li > a::before {background: url(../img/ico-ancla.svg) right center no-repeat; background-size: 19px; left: initial; right: 0; top: 0; }
#fondo.recurso #contenedor #col-izq nav ul li a {padding: 0.5em 1.5em 0.5em 0 !important; border-bottom: 1px dashed var(--color09);}
#fondo.recurso #contenedor #col-izq nav ul li a:hover {background: transparent !important; color: var(--color09);}
#fondo.recurso #contenedor #col-izq nav ul li a:hover:before {filter: grayscale(1);}

#fondo.recurso #contenedor div#principal {align-items: stretch;}

/*Responsive*/
@media (min-width: 1280px) and (max-width: 1300px) { 

  #fondo header #barra-superior .elementos,
  #fondo header #apartado-inferior,
  #fondo div#contenedor,
  footer #pie .banners,
  footer #pie .bloque-superior .enlaces,
  footer #pie .bloque-inferior .info-adicional
  {width: 100%; padding: 1em; box-sizing: border-box;}

  footer #pie .banners {padding: 2em 1em;}


}

@media(max-width: 1279px){

  #fondo header #barra-superior .elementos,
  #fondo header #apartado-inferior,
  #fondo div#contenedor,
  footer #pie .banners,
  footer #pie .bloque-superior .enlaces,
  footer #pie .bloque-inferior .info-adicional
  {width: 100%;}

  #fondo #contenedor div#portada,
  #fondo header #barra-superior .elementos,
  #fondo header #apartado-inferior,
  #fondo div#contenedor #principal,
  footer #pie .banners,
  footer #pie .bloque-superior .enlaces,
  footer #pie .bloque-inferior .info-adicional
  {box-sizing: border-box; padding: 0 1em;}
  
  footer #pie .banners {padding: 2em 1em;}

  /*COMPONENTES*/
  /*Componente cita*/
  #fondo #contenedor .ccita {width: 100%;}
  #fondo #contenedor .ccita p:after {bottom: 10px; right: 34px;}

  /*Galeria de imagenes*/
  #fondo.dos #contenedor .cgi .cim {flex: 0 0 13.5em;}
  #fondo.una #contenedor .cgi .cim {flex: 0 0 16.5em;}

  #fondo.una #contenedor .cgi .cim img {width: 16.5em;}
  #fondo.dos #contenedor .cgi .cim img {width: 13.5em;}

}

@media(max-width: 1151px){

  /*Navegacion superior*/
  #fondo header #navegacion-superior nav#menu-superior ul li a {font-size: 0.9em;}
  #fondo header #navegacion-superior nav#menu-superior ul li.seleccionado a {margin-top: 1px; font-size: 0.95em;}

  /*Contenedor*/
  #fondo #contenedor #col-izq {flex: 0 0 320px;}
  #fondo.dos #contenedor #principal {gap:2em;}
  #fondo.dos #contenedor #principal div#contenido {flex-basis: calc(100% - 320px);}

  /*COMPONENTES*/
  /*Listado de actualidad y bloque imagen*/
  #fondo #contenedor #principal .cln .noticia,
  #fondo #contenedor .cblq-img
  {gap:1.5em;}

  /*Galeria de imagenes*/
  #fondo.una #contenedor .cgi .cim {flex: 0 0 14.5em;}
  #fondo.dos #contenedor .cgi .cim {flex: 0 0 12.25em;}
      
  #fondo.una #contenedor .cgi .cim img {width: 14.5em;}
  #fondo.dos #contenedor .cgi .cim img {width: 12.25em;}


}

@media(max-width: 1023px){

  /*Cabecera*/
  #fondo header #barra-superior .elementos {min-height: 60px;}
  #fondo header #barra-superior {position:fixed; z-index:1100;top: 0;}

  #fondo header div#apartado-inferior {border-bottom: 1px solid var(--color09); margin-top: 60px;}

  /*Navegacion superior*/
  #fondo header div#apartado-inferior #navegacion-superior {left: -100%; top: 0; bottom: 0; width: 90%; display: block; z-index: 1100; position: fixed;}
  #fondo header div#apartado-inferior #navegacion-superior .global nav#menu-superior {display:none;}

  #fondo header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu {border: 1px solid var(--black); border-radius: 2px; display: block !important; text-align: left; padding-left: 0; position: fixed; top: 10px; left: 16px; width: 40px; height: 40px; z-index: 1300; }
  #fondo header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu .ico-menu {display: block; width: 26px; height: 2px; background: var(--black); position: relative; left: 5px;}
  
  #fondo header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu .ico-menu::before,
  #fondo header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu .ico-menu::after 
  {content: ""; display: block; width: 26px; height: 2px; background: var(--black); position: absolute; left: 0; transition: 0.3s;}

  #fondo header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu .ico-menu::before {top: -10px;}
  #fondo header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu .ico-menu::after {top: 9px;}
  #fondo header div#apartado-inferior #navegacion-superior .global .encabezado {width: 90%; position: fixed; height: 60px; background: var(--color09);z-index: 40;}
  
  /*ABIERTO*/
  #fondo.menuDsp header #barra-superior {position: fixed; z-index: 2010; background: none; width: calc(90% - 74px); margin-left: 74px;}
  #fondo.menuDsp header #barra-superior .elementos #buscador {display:none;}
  #fondo.menuDsp header #barra-superior .elementos .idiomas {border-right: none; padding-right: 0;}

  #fondo.menuDsp header div#apartado-inferior #navegacion-superior {left: 0; transition: left 0.25s ease-in 0s; -webkit-transition: left 0.25s ease-in 0s; -moz-transition: none !important; -o-transition: left 0.25s ease-in 0s; z-index: 2000; top: 0; position: fixed;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global {position: relative; width: 100%; height: 100%; overflow-x: hidden; background: var(--grayM); }
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu .ico-menu {background: transparent;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu .ico-menu::before {transform: translateY(10px) rotate(45deg);}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global .encabezado button#btnMenu .ico-menu::after {transform: translateY(-10px) rotate(-45deg);}
  
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior {display:block;position: absolute; z-index: 30;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior {margin: 60px 0 0 0; width: 100%; padding: 0; min-height: 100%;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul {height:100%; margin: 0; padding: 0; overflow: hidden; flex-direction: column; justify-content:start;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li {position:relative;box-sizing:border-box; font-size: 1rem; text-align: left; margin: 0; max-width: initial; width: 100% !important; height: initial; display: block; list-style: none; padding: 0; line-height: 1.4; background: none !important; }
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul:first-child > li {border-bottom: 1px solid var(--color09);}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li a {text-align: left; margin-top: 1px; font-size: 1.1em; padding: 0.75em 3.2em 0.75em 1em;}

  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu button.btnSubmenu {background-image: url(../img/ico-plus-white.svg); background-size: 16px; color: var(--black); text-decoration: none; background-repeat: no-repeat; vertical-align: baseline; cursor: pointer; position: absolute; right: 21px; height: 30px; width: 30px; top: 14px; border: none; background-position: center; background-color: var(--grayD); border-radius: 2px;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu ul.submenuDsp {display:block;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.miga > a {color: var(--color09); font-family: 'IBMPlexSans-SemiBold'; } #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu ul li a {padding-left: 3em; text-transform: capitalize;}

  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu ul li ul li a {padding-left: 4.5em;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu ul li ul li a:before {left: 3em;}

  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu ul li > a::before {content: ""; position: absolute; display: block; width: 20px; height: 20px; top: 14px; left: 1.5em; background: url(../img/arrow-forward.svg) left center no-repeat; background-size: 16px;}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu ul li.seleccionado > a {background: var(--color05L);}

  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu.seleccionado > .btnSubmenu, 
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu.miga ul li.seleccionado > .btnSubmenu, 
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu.miga .btnSubmenu 
  {background-color: var(--color09);}

  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu > .btnSubmenu {background-image: url(../img/ico-plus-white.svg);}
  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu.desplegado > .btnSubmenu {background-image: url(../img/ico-less.svg);}

  #fondo.menuDsp header div#apartado-inferior #navegacion-superior .global nav#menu-superior ul li.submenu li.seleccionado > a::before {background-image: url(../img/arrow-forward-c01.svg) !important;}

  #fondo .capa-fondo {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: transparent; transition: background 0.5s ease, opacity 0.5s ease; z-index: 1200; opacity: 0; pointer-events: none;}
  #fondo .capa-fondo.visible {background: #000000e0; opacity: 1; pointer-events: auto;}

  /*Buscador*/
  #fondo header #barra-superior .elementos #buscador {height: 40px; padding: 0; margin: 0 0 0 15px;}
  #fondo header #barra-superior .elementos #buscador.activo {position: fixed; left: 20px; width: 468px; right: initial; margin: 12px 0; padding: 6px 0;}

  #fondo header #barra-superior .elementos #buscador form fieldset input.botonbuscar {display: none;}
  #fondo header #barra-superior .elementos #buscador form fieldset button.btnBuscador {display: inline-block; background: url(../img/ico-search.svg) center no-repeat; background-size: 30px; width: 40px; height: 40px; border: none;}

  #fondo header #barra-superior .elementos #buscador form,
  #fondo header #barra-superior .elementos #buscador form fieldset
  {height: 40px;width:40px;}

  #fondo header #barra-superior .elementos #buscador fieldset {background: transparent;}

  #fondo header #barra-superior .elementos #buscador form {z-index: 1200; transition: 0.25s ease-in; -moz-transition: 0.25s ease-in; -webkit-transition: 0.25s ease-in;}
  #fondo header #barra-superior .elementos #buscador form fieldset input.campotexto {vertical-align: middle; color: #333; font-size: 0.9em; width: 0; margin: 0 0 0 0.5em; padding: 10px; border-radius: 20px; border-color: transparent; position: absolute; top: -3px; right: -700px;}
 
  #fondo.buscadorDsp header #barra-superior {background: var(--color09); z-index: 1200;}
  #fondo.buscadorDsp header #barra-superior .idiomas {display: none;}
  #fondo.buscadorDsp header #barra-superior .elementos #buscador form fieldset {border: 1px solid var(--black);}
  #fondo.buscadorDsp header #barra-superior .elementos #buscador form fieldset input.campotexto {width: calc(100% - 7.5em); margin: 0.8em 4.7em; padding: 10px; border-radius: 2px; border-color: transparent; position: absolute; top: 0; right: 0; background: var(--white);}
  #fondo.buscadorDsp header #barra-superior .elementos #buscador form fieldset button.btnBuscador {background: url(../img/ico-close.svg) center no-repeat;}

  /*Idiomas*/
  #fondo header #barra-superior .elementos .idiomas button.btnIdioma {background: transparent url(../img/ico-language.svg); background-size: 36px; background-repeat: no-repeat; width: 40px; height: 40px; padding: 0; margin: 0; text-indent: -999999px; border: none; border-radius: 5px; background-position: center;}
  #fondo header #barra-superior .elementos .idiomas ul {display: none; margin: 0; position: absolute; z-index: 2; margin-top: 0; background: #FFF; border: 2px solid var(--color09); padding: 0; box-shadow: 0 4px 30px 0 rgb(0 0 0 / 15%); width: 128px; right: 0; box-sizing: border-box; top: 60px; }
  #fondo header #barra-superior .elementos .idiomas ul li {font-size: 1em;}

  #fondo header #barra-superior .elementos .idiomas ul.dsp-abierto li a,
  #fondo header #barra-superior .elementos .idiomas ul.dsp-abierto li.actual span
  {padding: 0.5em 1em; display: block;}

  #fondo header #barra-superior .elementos .idiomas button.btnIdioma.activo {position:relative;border-color: var(--black); background-color: var(--color09); background-image: url(../img/ico-language-white.svg);}
  #fondo header #barra-superior .elementos .idiomas button.btnIdioma.activo:before {content: ''; width: 20px; height: 20px; position: absolute; bottom: -11px; left: 10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--color09); }
  #fondo.menuDsp header #barra-superior .elementos .idiomas button.btnIdioma {transition: background 0.5s ease; background-image: url(../img/ico-language-white.svg);}
  #fondo.menuDsp header #barra-superior .elementos .idiomas button.btnIdioma.activo:before {border-bottom: 10px solid var(--black); }
  #fondo.menuDsp header #barra-superior .elementos .idiomas ul {border: 2px solid var(--black); border-right: 0;}
  #fondo.menuDsp header #barra-superior .elementos .idiomas ul {width: 150px;}

  /*Columna izquierda*/
  #fondo #contenedor #principal button.btnCol {border: 1px solid var(--black); display: block; height: 40px; background: var(--color09) url(../img/arrow-forward-white.svg) left center no-repeat; padding: 0.25em 0.75em 0.25em 2em; margin: 0 0 1em 0; border-radius: 3px; color: var(--white);}
  #fondo #contenedor #principal button.btnCol.config {background-image: url(../img/ico-config.svg); background-position: left 0.5em center; padding-left: 2.5em;}

  #fondo #contenedor #col-izq {left: -100%; top: 0; bottom: 0; width: 90%; display: block; z-index: 1300; position: fixed;        margin-top: 0;}
  #fondo #contenedor #col-izq.colIzqDsp {left: 0; transition: left 0.25s ease-in 0s; -webkit-transition: left 0.25s ease-in 0s; -moz-transition: none !important; -o-transition: left 0.25s ease-in 0s; z-index: 1300; top: 0; position: fixed;background: var(--white);}
 
  #fondo #contenedor #col-izq .global .encabezado {display: flex; position: fixed; width: 90%; box-sizing: border-box;}
  #fondo #contenedor #col-izq .global .encabezado p {margin-left:auto;}

  #fondo #contenedor #col-izq .global .encabezado button.cerrar {background: var(--grayD) url(../img/arrow-forward-white.svg) right 0.4em center no-repeat; margin-left: auto; width: 40px; height: 40px; border: 1px solid var(--black); text-indent: -999999px; transform: rotate(180deg); border-radius: 2px;}

  #fondo #contenedor #col-izq .global .encabezado {background: var(--color09); padding: 0.5em 1em; align-items: center;}
  #fondo #contenedor #col-izq .global .encabezado p {margin: 0; color: var(--white);}
  
  #fondo #contenedor #col-izq .global {overflow: scroll; height: 100%;}
  #fondo #contenedor #col-izq .global .ctcl {padding-top: 56px;}
  
  #fondo #contenedor #col-izq .global .ctcl .cbuscadornot {margin:0;}

  #fondo.recurso #contenedor #col-izq nav {padding: 60px 1em 1em;}
  #fondo.recurso #contenedor #col-izq {background: var(--grayM);}

  /*Contenedores*/
  #fondo.dos #contenedor #principal {flex-direction:column;}
  #fondo.dos #contenedor #principal div#contenido {width: 100%; flex: 0 0 auto;}

  /*PIE*/
  footer #pie .bloque-superior {padding-bottom: 1em;}

  /*COMPONENTES*/
  /*Componente texto enriquecido - cte*/
  #fondo #contenedor .cte p, 
  #fondo #contenedor .cte ol,
  #fondo #contenedor .cte ul
  {padding-left: 2em;}

  /*Componente cita*/
  #fondo #contenedor .ccita {width:42em;}

  /*Componente grupo de noticias*/
  #fondo.dos #contenedor .cgn .noticia img {width: 16em;}

  /*Galeria de imagenes*/
  #fondo.una #contenedor .cgi .cim .cte img,
  #fondo.dos #contenedor .cgi .cim .cte img
  {width:auto;}
  
  #fondo.dos #contenedor .cgi .cim {flex: 0 0 18.25em;}
  #fondo.una #contenedor .cgi .cim {flex: 0 0 13.5em;}
      
  #fondo.una #contenedor .cgi .cim img {width: 13.5em;}
  #fondo.dos #contenedor .cgi .cim img {width: 18.25em;}

  /*Listado de actualidad y bloque imagen*/
  #fondo #contenedor #principal .cln .noticia,
  #fondo #contenedor .cblq-img
  {gap:3em;}

  /*PORTADA*/
  #fondo #contenedor #portada .superior .banners img {width: 98%; height: 76px;}

}

@media(max-width: 959px){

  /*PIE*/
  footer #pie .bloque-inferior .info-adicional {flex-direction:column;padding: 1em 0; width: 100%; text-align: center;}
  
  /*BANNERS*/
  #fondo footer #pie .banners,
  #fondo #contenedor #portada .superior .banners
  {gap:1em;}

  #fondo #contenedor #portada .superior .banners {flex: 0 0 100%; flex-direction: row;}
  #fondo #contenedor #portada .superior .banners img {height:auto;}

  /*COMPONENTES*/
  /*Texto enriquecido*/
  #fondo #contenedor .cte p,
  #fondo #contenedor .cte ol,
  #fondo #contenedor .cte ul
  {padding-left: 0.5em;}

  /*Listado de actualidad y bloque imagen*/
  #fondo #contenedor #principal .cln .noticia,
  #fondo #contenedor .cblq-img
  {gap:1.5em;}

  /*PORTADA*/
  /*Galeria de imagenes*/
  #fondo.una #contenedor .cgi .cim,
  #fondo.dos #contenedor .cgi .cim 
  {flex: 0 0 14em;}

  #fondo.una #contenedor .cgi .cim img,
  #fondo.dos #contenedor .cgi .cim img 
  {width: 14em;}

  /*Carrusel*/
  #fondo #contenedor #portada .superior {flex-direction: column;}

  
}

@media(max-width: 767px){

  /*PIE*/
  footer #pie .bloque-superior .enlaces {flex-direction: column;}
  footer #pie .bloque-superior .enlaces .col {max-width: initial; width: 100%;}
  footer #pie .banners {flex-wrap: wrap;}
  footer #pie .banners .elemento {width:46%;}
  footer #pie .bloque-inferior .info-adicional {align-items: start; padding: 1em;}
  footer #pie .bloque-inferior .info-adicional ul.comunes {margin: 0.5em 0;}

  /*COMPONENTES*/
  /*Calendario*/
  #fondo #contenedor .ccal .grupo .col-izq {flex-basis: 6em;}
  #fondo #contenedor .ccal .grupo .col-izq .fecha {height: 6em;}
  #fondo #contenedor .ccal .grupo .eventos .elemento {padding-right: 3em; background-size: 42px;}
  #fondo #contenedor .ccal .grupo .eventos .elemento > img {width: 6em; height: 6em;}

  /*Calendario horizontal*/
  #fondo #contenedor .ccal.horizontal {flex-direction: column;}
  #fondo #contenedor .ccal.horizontal .grupo {flex-direction: row; border-bottom: 4px solid var(--color09); border-right: none;}

  /*Mapa*/
  #fondo #contenedor #principal .cmp ul.lista {column-count: 2;}

  /*Bloque imagen*/
  #fondo #contenedor .cblq-img {gap: 2em;}
  #fondo #contenedor .cblq-img .cim {width: 13em;}

  /*Galeria de imagenes*/
  #fondo.una #contenedor .cgi .cim,
  #fondo.dos #contenedor .cgi .cim,
  #fondo #contenedor .cgn .noticia
  {flex: 0 0 16em;}

  #fondo.una #contenedor .cgi .cim img,
  #fondo.dos #contenedor .cgi .cim img
  {width: 16em;}

  /*Listado de desplegables*/
  #fondo #contenedor .cldsp .cdsp.abierto .desplegable {padding: 1em 0;}

  /*Cita*/
  #fondo #contenedor .ccita {width: 100%;}

  /*Listado de actualidad*/
  #fondo #contenedor #principal .cln .noticia .cim {flex-basis: 13em;}

  /*Texto enriquecido*/
  #fondo #contenedor .cte p,
  #fondo #contenedor .cte ol,
  #fondo #contenedor .cte ul 
  {padding-left: 0;}

  /* PORTADA*/
  /*banners*/
  #fondo #contenedor #portada .superior .banners {flex-wrap: wrap;}
  #fondo #contenedor #portada .superior .banners .elemento {width: 48%;}


}

@media(max-width: 639px){

  /*CABECERA*/
  #fondo header #apartado-inferior #cabecera .logos img {height: 68px;}

  /*Idiomas*/
  #fondo header #barra-superior .elementos .idiomas ul {width: 100%;}

  /*PIE*/
  footer #pie .bloque-inferior .info-adicional {text-align:left; align-items:start;}
  footer #pie .bloque-inferior .info-adicional ul li {display:block; margin: 0.5em 0;}
  footer #pie .bloque-inferior .info-adicional ul.comunes {margin: 0;}

  /*COMPONENTES*/
  /*Calendario*/
  #fondo #contenedor .ccal .grupo {gap:1em;}

  #fondo #contenedor .ccal .grupo .col-izq {flex-basis: 5em;}
  #fondo #contenedor .ccal .grupo .col-izq .fecha {height: 5em; width: 5em;}

  #fondo #contenedor .ccal .grupo .col-izq .fecha span.mes,
  #fondo #contenedor .ccal .grupo .col-izq .fecha span.año
  {font-size: 1.4em;}

  #fondo #contenedor .ccal .grupo .eventos .elemento {padding-right: 2em; background-size: 30px;}
  #fondo #contenedor .ccal .grupo .eventos .elemento > img {width: 5em; height: 5em;margin-right: 1em;}

  /*Calendario horizontal*/
  #fondo #contenedor .ccal.horizontal .grupo {gap: 1em;min-height: 120px;padding:0 0 1em 0;}

  #fondo #contenedor .ccal.horizontal .grupo .col-izq .fecha span.año,
  #fondo #contenedor .ccal.horizontal .grupo .col-izq .fecha span.mes
  {font-size: 1.4em;}

  #fondo #contenedor .ccal.horizontal .grupo .col-izq .fecha {width: 5em; height: 5em;}
  #fondo #contenedor .ccal.horizontal .grupo .col-izq {flex-basis: 5em;}

  /*Mapa*/
  #fondo #contenedor #principal .cmp {margin:0;}
  #fondo #contenedor #principal .cmp .mapaImg {display:none;}
  #fondo #contenedor #principal .cmp ul.lista {column-count: 1;}

  /*Listado numerado*/
  #fondo #contenedor .clnum .seccion .numero {justify-content: start; width: 38px; font-size: 1.6em;}
  #fondo #contenedor .clnum .seccion .texto {flex: 0 0 calc(100% - 5em);}

  #fondo #contenedor .clnum .cte p,
  #fondo #contenedor .clnum .cte ol,
  #fondo #contenedor .clnum .cte ul
  {padding-left: 0;}

  /*Columnas*/
  #fondo #contenedor div[class^="ccol"] {flex-direction: column;}
  #fondo #contenedor div.ccol-2 .col, #fondo #contenedor div.ccol-3 .col {width: 100%; box-sizing: border-box;}

  /*Bloque imagen*/
  #fondo #contenedor .cblq-img {flex-direction: column;}
  #fondo #contenedor .cblq-img .cim {width: 16em; margin: 0 auto;}
  #fondo #contenedor div[class*="cblq"] .cte {padding: 0;}

  /*Listado de actualidad*/
  #fondo #contenedor #principal .cln .noticia {flex-direction: column;}
  #fondo #contenedor #principal .cln .noticia .cim {width: 16em; margin: 0 auto;}
  #fondo #contenedor #principal .cln .noticia .info-noticia {width: 100%;}

  /*Botones*/
  #fondo #contenedor .cgbtn,
  #fondo #contenedor .cldsp .desplegable .cgbtn {gap:0;}

  #fondo #contenedor .cgbtn .btn,
  #fondo #contenedor .cldsp .desplegable .cgbtn .btn
  {flex: 100%; margin: 0.25em 0;}

  /*PORTADA*/
  /*Carrusel*/
  #fondo #contenedor #portada .superior .csldn .sliders .slide .caption {position:relative;background-color: #760d3f;}



}

@media(max-width: 479px){
  
  /*CABECERA*/
  #fondo header #apartado-inferior #cabecera #escudo img {height: 66px;}
  #fondo header #apartado-inferior #cabecera .logos {margin-left: 0;}
  #fondo header #apartado-inferior #cabecera .logos img {height: 51px;}

  /*PIE*/
  #fondo footer #pie .banners .elemento {width: 100%;}

  /*COMPONENTES*/
  /*Componente Cita*/
  #fondo #contenedor .ccita p {font-size: 1.5em; padding: 1em 2em;}
  #fondo #contenedor .ccita p::before {font-size: 5rem; top: 12px; left: -12px;}
  #fondo #contenedor .ccita p::after {font-size: 5rem; bottom: 70px; right: 12px;}

  /*Bloque imagen*/
  #fondo #contenedor .cblq-img .cim.md,
  #fondo #contenedor .cblq-img .cim.md img
  {width: 18em;}

  /*Listado de elementos*/
  #fondo #contenedor #principal .clelem div.elemento > img {width: 5em; height: 5em; margin-right: 1em;}

  /*Galeria de imagenes*/
  #fondo.dos #contenedor .cgi .cim,
  #fondo.dos #contenedor .cgn .noticia
  {flex: 0 0 100%;}
  
  #fondo.dos #contenedor .cgi .cim img,
  #fondo.dos #contenedor .cgn .noticia img
  {width: 100%;}

  /*Calendario*/
  #fondo #contenedor .ccal .grupo {border-bottom: 4px solid var(--color09);padding: 1em 0;}
  #fondo #contenedor .ccal .grupo:first-child {padding-top:0;}
  #fondo #contenedor .ccal .grupo:first-child .col-izq {padding-top: 0;}
  
  #fondo #contenedor .ccal .grupo .col-izq,
  #fondo #contenedor .ccal .grupo.pasado .col-izq
  {background:none; flex: 0 0 auto; height: auto; padding: 0;}
  
  #fondo #contenedor .ccal .grupo .eventos {gap:0;}
  #fondo #contenedor .ccal .grupo .eventos .elemento {padding-right: 2em; background-size: 30px; background-position: right; }
  #fondo #contenedor .ccal .grupo .eventos .elemento:last-child {margin-bottom: 0;}
  #fondo #contenedor .ccal .grupo .eventos .elemento > img {display:none;}
  #fondo #contenedor .ccal .grupo .eventos .elemento .texto {flex-basis: calc(100% - 2em);}

  /*Calendario horizontal*/
  #fondo #contenedor .ccal.horizontal {gap:1em;}
  #fondo #contenedor .ccal.horizontal .grupo .eventos {border: none; padding: 0;}
  #fondo #contenedor .ccal.horizontal .grupo .col-izq {padding:0;}
  #fondo #contenedor .ccal .grupo:last-child {min-height: auto;align-items: start;}
  #fondo #contenedor .ccal .grupo:last-child .col-izq {height: auto;}

  /*Listado de actualidad*/
  #fondo #contenedor #principal .cln .noticia .cim {width: 18em;}

  /*PORTADA*/
  #fondo.una #contenedor .cgi .cim,
  #fondo.una #contenedor .cgn .noticia
  {flex: 0 0 100%;}
  
  #fondo.una #contenedor .cgi .cim img,
  #fondo.una #contenedor .cgn .noticia img {width: 100%;}

  /*Banners*/
  #fondo #contenedor #portada .superior .banners img {width: 100%; height: 80px;}
  #fondo #contenedor #portada .superior .banners .elemento {width: 99%;}

  /*Carrusel*/
  #contenedor #portada .csldn .barra-opciones .nav .num-pagination {background: var(--white); padding: 0.25em 0.5em; border-radius: 5px; margin: 0 0.25em;}

}

@media(max-width: 359px){

  /*CABECERA*/
  #fondo header #apartado-inferior #cabecera #escudo img {height: 58px;}
  #fondo header #apartado-inferior #cabecera .logos img {height: 45px;}

  /*COMPONENTES*/
  /*Componente imagen*/
  #fondo #contenedor .cblq-img .cim {width: 100%;}

  /*Bloque imagen*/
  #fondo #contenedor .cblq-img .cim.md,
  #fondo #contenedor .cblq-img .cim.md img
  {width: 16em;}

  /*Calendario*/
  #fondo #contenedor .ccal .grupo .eventos .elemento {flex-direction: column;}
  #fondo #contenedor .ccal .grupo .eventos .elemento > img {margin: 0.5em 0;}
  #fondo #contenedor .ccal .grupo:last-child {align-items: center;}
  #fondo #contenedor .ccal .grupo:last-child .col-izq {height: 300px;}
  #fondo #contenedor .ccal .grupo:last-child .eventos {width: 100%; box-sizing: border-box;}

  /*Cita*/
  #fondo #contenedor .ccita p {padding: 1em;}
  #fondo #contenedor .ccita p::before {font-size: 4.5rem; top: 22px; left: -20px;}
  #fondo #contenedor .ccita p::after {font-size: 4.5rem; bottom: 100px; right: 13px;}

  /*Listado de actualidad*/
  #fondo #contenedor #principal .cln .noticia .cim {width: 100%;}

}