@import url('https://site-assets.fontawesome.com/releases/v6.6.0/css/all.css'); /* iconos web */
@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round'); /* iconos google */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap'); /* encabezados */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); /* titulos - textos */

@import 'html5.css';
@import 'audio.css';
@import 'dropdown-js.css';
@import 'dropdown.css';
@import 'cookies.css';
@import 'etiquetas-rel.css';
@import 'mod-navi.css';
@import 'tablas2.css';
@import 'redir.css';
@import 'timer.css';

@import '../fancybox/fancybox.css';
@import '../owl-carousel/owl.carousel.min.css';
@import '../owl-carousel/owl.theme.default.min.css';

*{
margin:0;
padding:0;
box-sizing:border-box;
text-decoration:none;
transition:all 0.1s ease;
scrollbar-width: thin;
scrollbar-color:#c9c9c9;
}


:root {
  --ancho-primario:1300px;
  --ancho-parrafo:770px;
  
  --fuente-marca:"Instrument Serif", serif;
  --fuente-titulos:"Instrument Serif", serif;
  --fuente-textos:"Noto Sans", sans-serif;  
  
  --color-destacado:#c62641; 
  --color-primario:#131313; 
  --color-secundario:#7a7a7a; 
  --color-complementario:#800000; 
  --color-enlazado:#0d4882; 
  --color-oscuro:#131313; 
  --color-claro:#fff; 
  --color-hover:#c62641; 
  --fondo-cajasblancas:#f8f9fa; 
  --alto-cabece:107px; 
  --alto-navega:107px;
  --alto-sobrem:0px;
  --padding-botones:12px 16px;
  }


  
   /* 107 + 60 = 167px */
  /* 99  + 53 = 152px */



[class*="botonera"] 			{ font-family:var(--fuente-textos);}


/* COLORES */
.color-destacado				{ color:#336699;}
.color-oscuro					{ color:#444;}
/* FIN COLORES */


.leer-mas						{ }
.leer-mas a						{ padding:0 15px; font-weight:600; white-space:nowrap;}
.leer-mas a:before				{ display:inline-block; float:auto; content:"..."; font-weight:400; margin:0 10px 0 -14px;}
.leer-mas a:after				{ display:inline-block; float:auto; content:"\276e"; margin:0 0 0 7px; font-size:80%; transform:rotate(-90deg);}


::-webkit-scrollbar 			{ width:8px;}
::-webkit-scrollbar-track		{ background:transparent;}
::-webkit-scrollbar-track-piece	{ background:transparent;}
::-webkit-scrollbar-thumb 		{ background:#c9c9c9;}
::-webkit-scrollbar-thumb:hover { background:#555;}

::selection						{ color:#fff; background:var(--color-primario); text-decoration:none; border:none;}
 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement { display:none;}


.barrita			{ display:none; padding:20px 0; transition: 0.4s ease; font-size:80%; font-weight:600; overflow:hidden;}
.barritauno 		{ display:none;}
.barritados 		{ position:fixed; top:0; right:0; left:0; z-index:5; background:#f3f3f3; display:flex; align-items:center; justify-content:center; overflow:hidden;}


/* CARGADOR */
.cargador						{ position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:1000;}
.cargador						{ display:flex; align-items:center; justify-content:center; overflow:hidden;}
.spinner 						{ font-size:1.7rem; animation:spin 1s linear infinite;}
.spinner::before				{ content:"\f110"; margin:0; font-family:FontAwesome; text-align:center;}
@keyframes spin 				{ 0% { transform:rotate(0deg); } 100% { transform:rotate(359deg);}}
/* FIN CARGADOR */


/*COLABORADORES*/
.colaboran						{ position:relative; float:none; max-height:70px; height:70px; margin-bottom:30px; font-size:0; background:transparent;}
.colaboran img					{ position:relative; float:left; width:auto; height:100%; margin:0 7px 7px 0; border-radius:5px; border:1px solid #ddd; display:flex;}
/*FIN COLABORADORES*/


.rota							{ transform:rotateY(45deg); animation:rotateAnimation 2s linear infinite;}
@keyframes rotateAnimation 		{ from {transform: rotateY(45deg);} to {transform: rotateY(225deg);}}

@keyframes desde-la-derecha		{ 0% { opacity:0; transform:translateX(50px);} 100% { opacity:1; transform:translateX(0);}}
@keyframes desde-la-izquierda 	{ 0% { opacity:0; transform:translateX(0);} 100% { opacity:1; transform:translateX(50px);}}


/* MULTICOLOR */
.multicolor 					{ background-image:linear-gradient(to left, #FFD700, #7B68EE, #3498db, #2ecc71, #FFD700); }
.multicolor						{ color:transparent; background-clip:text; background-size:600%; animation:multicolor 5s linear infinite; transition:all 0.2s ease;}
@keyframes multicolor 			{ from {background-position:0% 50%;} to {background-position:100% 50%;}}
@keyframes aparece	 			{ 0% { opacity:0; transform: translateY(50px); } 30% { opacity:0;} 100% { opacity:1; transform:translateY(0);}}
/* FIN MULTICOLOR */


/* REBOTE */
@keyframes bounce 				{ 0%, 20%, 50%, 80%, 100% { transform:translateY(0);} 40% { transform:translateY(-30px);} 60% { transform:translateY(-15px);}}
.bounce 						{ @include animation(bounce 2s infinite); animation:bounce 2s infinite;}
/* FIN REBOTE */


/* BOTÓN PAYPAL */
input[type=button],
input[type=submit], 
input[type=reset] 				{ position:relative; padding:var(--padding-botones); font-size:110%; color:var(--color-claro); cursor:pointer; border:none; background:var(--color-primario);}

input[type=button]:hover,
input[type=submit]:hover, 
input[type=reset]:hover 		{ background:var(--color-hover);}
/* FIN BOTÓN PAYPAL */


/* TRADUCTOR */
ul.traductor					{ position:relative; margin:auto; padding:2px 0; list-style:none; background:transparent; color:inherit; overflow:hidden;}
ul.traductor li 				{ display:inline; font-family:var(--fuente-textos); font-size:100%; color:inherit; text-decoration:none;}
ul.traductor li+li:before 		{ font-size:90%; padding:4px 8px; color:inherit; content:"|";}
ul.traductor li:last-child		{ }
ul.traductor li a 				{ color:inherit; text-decoration:none;}
ul.traductor li a:hover 		{ color:#ffb606; text-decoration:underline; text-underline-position:under; text-decoration-thickness:2px;}

.traductor	.ingles:before		{ content:"EN";}
.traductor	.frances:before		{ content:"FR";}
.traductor	.italiano:before	{ content:"IT";}
.traductor	.arabe:before		{ content:"AR";}
.traductor	.espanol:before		{ content:"ES";}

a.gflag 						{ display:none; vertical-align:middle;font-size:16px;padding:1px 0;}
a.gflag img 					{ border:0;}
a.gflag:hover 					{ background-image:url(https://gtranslate.net/flags/16a.png);}
#goog-gt-tt 					{ display:none !important;}
.goog-te-banner-frame 			{ display:none !important;}
.goog-te-menu-value:hover 		{ text-decoration:none !important;}
body 							{ top:0 !important;}
#google_translate_element2 		{ display:none!important;}
#google_translate_element 		{ display:none!important;}
.goog-tooltip 					{ display:none !important;}
.goog-tooltip:hover 			{ display:none !important;}
.goog-text-highlight 			{ background-color:transparent !important; border:none !important; box-shadow:none !important;}
body > .skiptranslate 			{ display:none;}
/* FIN TRADUCTOR */


/*TOOLTIP*/

/*FIN TOOLTIP*/


/* PRELIMINARES */
body 						{ font-size:16px;}
body 						{ position:relative; background:transparent; color:var(--color-primario);}

html, body 					{ height:100vh;}
html 						{ scroll-behavior:smooth; }

p:empty 					{ display:none;}
p a[target=_blank]:after	{ content:"\f8ce"; font-family:'Material Icons'; margin:0 0 0 3px; display:inline-block; vertical-align:middle;}
.imagen:empty 				{ display:none;}

li							{ font-family:var(--fuente-textos); list-style:none;}

--.titulo 					{ padding:5px 0; font-family:var(--fuente-titulos); font-size:1.25rem; font-weight:700; line-height:1.3em;}
.titulo a					{ text-decoration:underline; text-underline-position:under; color:var(--color-hover);}
.titulo a:hover				{ color:var(--color-primario);}

.empleo						{ margin-top:5px; font-family:var(--fuente-textos); font-size:1.12rem; font-weight:600; line-height:1.4em;}

.subtitulo					{ font-family:var(--fuente-textos); font-size:1.25rem; font-weight:700; text-transform:uppercase; line-height:1.3em;}

--.texto, --.lista2,
--.texto, --.lista3				{ padding:5px 0; line-height:1.6em; max-inline-size:100%; hyphens:unset;}	
.texto, .lista2,
.texto, .lista				{ font-family:var(--fuente-textos); font-size:1.1rem; line-height:1.6em;}
.texto .lista2				{ padding-top:0; padding-bottom:0; font-size:1.1rem; }
.texto a,
.lista2 a,
.lista3 a					{ text-decoration:underline; text-underline-position:under; color:var(--color-hover);}
.texto a:hover,
.lista2 a:hover,
.lista3 a:hover				{ color:var(--color-primario);}
.lista2						{ }
a .lista2:after
a .lista3:after 			{ display:block; content:"sigue"; margin-top:15px; font-family:var(--fuente-textos); font-weight:600; text-decoration:underline; text-underline-position:under; color:#336699; transition:all 0.2s ease;}
a:hover .lista2:after,
a:hover .lista3:after		{ position:relative; content:"sigue \279d"; margin-left:0px; color:inherit; text-decoration:none; transition:all 0.2s ease; transition: 0.3s;}

.texto-piedefoto			{ padding:12px 0; font-family:var(--fuente-textos); font-size:.9rem; line-height:1.5em; text-decoration:none;}


p a							{ }
a							{ cursor:pointer; color:inherit;}
a:hover						{ cursor:pointer;}
a:hover .imagen:after,
a:hover .persona:after,
a:hover .cartel:after,
a:hover .portada:after		{ position:absolute; content:"\2b"; font-family:FontAwesome; font-weight:400; padding:20px 22px; background:transparent; border:2px solid #fff; border-radius:100%; color:#fff; z-index:1; overflow:hidden;}


b							{ font-weight:600;}
mark,
mark2 						{ margin-left:5px; margin-right:5px; padding:2px 9px;}
mark2 						{ font-weight:500; background-color:yellow;}


img							{ width:100%; height:auto; -moz-force-broken-image-icon:0; text-indent:-10000px;}


.imagen, 
.persona,
.portada,
.entrada-video				{ position:relative; z-index:1; background:#f3f3f3; display:flex; align-items:center; justify-content:center; overflow:hidden;}


.imagen:before,
.persona:before,
.entrada-video:before		{ z-index:-1; content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:linear-gradient(to left top, transparent calc(50% - 1px), #ccc, transparent calc(50% + 1px))}

.apaisada, .cuadrada		{ height:100%; object-fit:cover; object-position:center center; align-items:center;}
.redonda					{ height:100%; object-fit:cover; object-position:center center; border:1px solid #f3f3f3; border-radius:100%; overflow:hidden;}
.vertical					{ height:100%; object-fit:cover; object-position:center top; align-items:flex-start;}


[id*="media-"]				{ position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden;}
[id*="media-"]:after		{ position:absolute; padding:20px 23px; border:0px solid #fff; border-radius:100%; font-family:FontAwesome; color:#fff; -webkit-text-stroke:0px #fff; z-index:1; overflow:hidden;}
[id*="media-"]:hover:after	{ transform:scale(1.5); transition:all 0.2s ease;}
#media-video:after			{ content:"\f04b";}
#media-foto:after			{ content:"\f03e";}


.video				{ position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.video:after		{ position:absolute; content:"\f04b"; font-family:FontAwesome; color:transparent; -webkit-text-stroke:2px #fff; z-index:1; overflow:hidden;}
.video:after		{ padding:20px 23px; border:2px solid #fff; border-radius:100%;}
a:hover .video:after{ color:var(--color-hover); transition:all 0.2s ease; transform:rotate(0deg);}


.desactivado .video:after,
.desactivado .amplia:after	{ display:none;}

.menu-relativo  			{ position:relative; top:0; min-height:auto; height:auto}


.flex					{ display:flex; flex-direction:row;}
.absoluto				{ position:absolute;}
.fijo 					{ position:fixed;}
.navfijo				{ margin-right:auto; margin-left:auto; margin-top:86px;}
.pegajoso  				{ position:-webkit-sticky; position:sticky; top:90px; z-index:1;}
.pegajoso2  			{ max-width:var(--ancho-primario); margin:auto; position:-webkit-sticky; position:sticky; top:0px; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); transition:0.3s ease; background:transparent; z-index:90;}
.bajointrohoja			{ margin-top:-85px;}
.bajoseparador			{ position;relative; clear:both; height:60px; color:transparent; background:transparent; overflow:hidden;}
.espaciador				{ position;relative; clear:both; height:40px; color:transparent; background:transparent; overflow:hidden;}
.espaciador2			{ position;relative; clear:both; height:60px; color:transparent; background:transparent; overflow:hidden;}
.mas-espacio			{ margin:0 0 20px 0;}


--.show 					{ display:block;}
.invisible				{ display:none;}
.invisiblee				{ display:none;}
.desactivado			{ pointer-events:none;}
.actual					{ border:1px solid var(--color-claro); box-shadow: 0 0 0 2px #0075d5; }
.alaizquierda			{ display:inline-block; float:left; margin-right:10px;}
.alcentro				{ text-align:center;}
.justificado			{ text-align:justify}
.negrita				{ font-weight:bold;}
.cortado				{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.comentado1				{ padding:0 30px;}
.first					{ border-top:none;}
.bajando				{ z-index:2; position:relative; max-width:100px; margin:30px auto; padding:0 5px; text-align:center; animation:bounce 2s infinite; overflow:hidden;}
.bajando:before			{ content:'\e5cf'; font-family:'Material Icons'; font-size:124px; color:#ddd;}
.externo:after			{ content:"\f360"; font-family:FontAwesome; margin-left:10px; font-size:75%; transform:rotate(-20deg);}
.avisosobrefoto 		{ z-index:10; position:absolute; top:5px; left:5px; padding:5px; display:flex; align-items:center; justify-content:center;}
.avisosobrefoto p		{ padding:5px;}
.sobrecapa::after		{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(17,17,17, 0.6); z-index:1;}


.enlazado				{ font-size:initial; text-decoration:underline; text-underline-position:under; color:#336699;}
.enlazado:before		{ display:inline-block; content:">"; margin-right:7px;}


.fsubrayado				{ position:relative; padding:4px; line-height:1.5em; font-weight:600; text-decoration:underline; text-underline-position:under;}
.fsubrayado:hover		{ color:var(--color-hover);}
.fsubrayado:after		{ display:inline-block; content:"\2192"; margin-left:10px;}
.fsubrayado:hover:after	{ margin-right:-10px; margin-left:20px; transition:all 0.2s ease;}


.divisorflex			{ max-width:var(--ancho-primario); display:flex; margin:20px auto; flex-direction:row; justify-content:center; align-items:center; color:#e1e1e1;}
.divisorflex::before	{ content:''; height:1px; background:#e1e1e1; flex:1; margin:0 .25em 0 0;}
.divisorflex::after		{ content:''; height:1px; background:#e1e1e1; flex:1; margin:0 0 0 .25em;}
.divisorflex img		{ position:relative; width:70px; height:70px; padding:10px; background:transparent; background-color:transparent; border:none; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.divisorflex img		{ filter:grayscale(0%);}
.divisorflex .boton		{ margin:auto 20px; font-size:80%; border-radius:35px;}
.divisorflex .boton2	{ margin:auto 20px; font-size:80%; border-radius:35px;}


h1, h2, h3, h4, h5, h6 	{ position:relative; width:100%; font-family:var(--fuente-titulos); font-weight:400; padding:2px 0;}
h1, h2					{ margin-bottom:20px;}
h1 						{ font-size:3.853rem; color:inherit; line-height:1.2em; column-span:all; clear:both;}
h1.titulo				{ margin-bottom:10px;}
h2 						{ padding:15px 0 4px 0; font-size:2.853rem; line-height:1.1em; column-span:all;}
h3 						{ font-size:1.753rem; line-height:1.3em; font-weight:500; margin:0 0 0 0; column-span:all;}
h4						{ font-size:1.40rem; line-height:1.5em; font-weight:500;}

h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a 					{ text-decoration:underline; color:var(--color-enlazado);}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover				{ text-decoration:underline; color:var(--color-hover);}



hr 						{ max-width:var(--ancho-parrafo); margin:30px auto; border:none; height:1px; color:#ddd; background:#ddd;}
hr.doble				{ max-width:var(--ancho-parrafo); margin:30px auto; height:5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:transparent;}


hr.siete {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0 0 0;
    border-radius: 20px;
    background:transparent;
}
hr.siete:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #ddd;
    border-width: 0 0 1px 0;
    border-radius: 20px;
    background:transparent;
}



/* TITULOS INSERTADOS */
.titulo-destacado:before		{ content:"Destacado";}
/* FIN TITULOS INSERTADOS */


/* LOGOS COMPUESTOS */
.logos-compuestos			{ position:relative; float:none; height:100px; overflow:hidden;}
.logos-compuestos .logo		{ position:relative; float:left; height:100%; margin-right:2px; border-radius:0;}
/* FIN LOGOS COMPUESTOS */


/* SIN CONTENIDO */
.parrafosincontenido	{ margin:auto; padding:50px 0; max-width:560px; font-family:var(--fuente-textos); text-align:center; display:flex; align-items:center; justify-content:center;}
.mensajesincontenido	{ font-weight:700; line-height: 1.4em; font-size:190%; color:var(--color-secundario);}
.sincontenido:before	{ content:"Parece que no hay nada por aquí. Perdona las molestias"}
.nodisponible:before	{ content:"Este contenido no está disponible en este momento. perdona las molestias"}
.pronto:before			{ content:"Estamos trabajando para terminar esta parte. Sentimos las molestias"}
.nada:before			{ content:"Sin avisos en este momento"}
/* FIN SIN CONTENIDO */


/* ALERTA */
.alert 					{ position:relative; max-width:var(--ancho-primario); padding:20px 50px 20px 20px; background:#f44336; color:white; opacity:1; transition:opacity 0.6s; margin:auto; overflow:hidden;}
.alert.success			{ background-color: #04AA6D;}
.alert.info				{ background-color: #2196F3;}
.alert.warning			{ background-color: #ff9800;}
.closebtn				{ position:absolute; right:15px; top:25px; height:100%; color:white; float:right; font-size:48px; font-weight:400; line-height:20px; transition:0.3s; cursor:pointer;}
.closebtn::after 		{ content:'\e5cd'; font-family:'Material Icons';}
.alert .titulo			{ padding:0;}
.alert .texto			{ margin:5px 20px 0 0; font-size:95%;}
/* FIN ALERTA */


/* MIGA DE PAN */
ul.migadepan 				{ position:relative; max-width:var(--ancho-primario); margin-top:0px; margin:auto; padding:20px 0; list-style:none; display:flex; flex-wrap:nowrap; z-index:1;}
ul.migadepan li 			{ float:left; font-family:var(--fuente-textos); font-size:.9rem; line-height:1.5em; color:inherit; text-decoration:none; border-radius:0;}
ul.migadepan li+li:before 	{ padding:4px 10px; color:inherit; content:"\279d";}
ul.migadepan li:first-child	{ font-weight:600;}
ul.migadepan li:last-child	{ }
ul.migadepan li a 			{ color:inherit; text-decoration:none;}
ul.migadepan li a:hover 	{ text-decoration:underline; text-underline-position:under;}
/* FIN MIGA DE PAN */


ul.botonerai 				{ position:relative; max-width:var(--ancho-primario); margin-right:auto; margin-bottom:-1px; margin-left:auto; padding:10px 0; list-style:none; color:inherit; z-index:2; overflow:hidden;}
ul.botonerai li 			{ margin-right:5px; float:left; font-size:95%; color:inherit; text-decoration:none;}


/* ESTRUCTURA */
#cuerpo					{ position:relative; width:100%; min-height:300px; margin:0 auto 50px auto; background:transparent;}
#lateral				{ position:relative; width:450px; min-height:100vh; float:left; margin:20px 50px 20px 0; padding:0;}
#principal				{ position:relative; max-width:var(--ancho-parrafo); float:left;}

#pie					{ position:relative; clear:both; margin:0px 0 0 0; padding:5px 0 0 0; padding:5px 0 0 0; background:#eff3f5 url("../../images/fondos/pie-mediano.png") right bottom no-repeat; border-top:1px solid #ddd; z-index:2;}



.inclinado1 			{ position:relative; margin:-55px auto; height:120px; transform:rotate(-2deg); transform: skewY(-2deg); z-index:1; opacity:1; border-radius:0;}
.inclinado2 			{ position:relative; margin:-55px auto; height:120px; transform:rotate(2deg); transform: skewY(2deg); z-index:2; opacity:1; border-radius:0;}

.cajasblancas 			{ position:relative; margin-top:-1px; margin-bottom:-150px; padding-bottom:150px; background:#f8f9fa;}

.ciencien				{ position:relative; width:100%;}



.separador				{ position:relative; max-width:900px; margin:auto; height:1px; border-width:0; color:#ddd; background-color:#ddd;}
.fondotra				{ background:transparent; color:#fff;}
.fondomic				{ background:#336699; color:#fff;}
.fondocer				{ background:#1e1445; color:#fff;}
.fondoosc				{ background:var(--color-oscuro); color:var(--color-claro);}

.fondouno				{ background:#fff;}
.fondouno ul.migadepan li a { color:#006699; text-decoration:none;}

.fondodos				{ background:#f8f9fa;}
.fondotre				{ background:#f3f3f3;}
.fondocua				{ background:#b2223a; color:var(--color-claro);}
.fondocin				{ background:#648a9f; color:#fff;}
.fondosei				{ background:#059f94; color:#fff;}
.fondosie				{ background:#bd1353; color:#fff;}
.fondooch				{ background:#336699; color:#fff;}
.fondoutilidades		{ color:var(--color-oscuro); background:url('../../../images/fondos/paredblanca-mesa-silla-planta.jpg') center center/cover no-repeat;}
.fondoondulado			{ background:radial-gradient(at center, rgba(255, 255, 255, .7), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), url('../../../images/fondos/trozo-ondulado.png'); }
.fondomuseo				{ background:var(--color-museo); color:var(--color-claro);} 
.fondoaviso				{ background:#f5f5f5;}
.fondo-farmacia			{ background:#543790;}
.fondo-optica			{ background:#40e0d0;}


.bordearriba			{ border-top:1px solid #f3f3f3;}
.bordedercha			{ border-right:1px solid #f3f3f3;}
.bordeabajo				{ border-bottom:1px solid #f3f3f3;}
.bordeizqda				{ border-left:1px solid #f3f3f3;}
.borde					{ padding:15px; border:1px solid #f3f3f3;}
.borde:hover			{ border:1px solid #f8f9fa;}

.padding				{ padding:15px;}

.lista2,
.lista3					{ position:relative; display:block; padding-left:15px; font-family:var(--fuente-textos); font-size:1.12rem; color:inherit;}
.lista3					{ margin-left:25px;}
.lista2:before			{ position:absolute; left:2px; content:"\f04d"; font-family:FontAwesome; max-width:15px; font-size:.4em; text-decoration:none; color:var(--color-primario);}
.lista3:before			{ position:absolute; left:2px; content:"\22c5"; font-family:FontAwesome; max-width:15px; font-size:1.4em; text-decoration:none; color:var(--color-primario);}


[class*="columnas-"] 	{ position:relative; column-gap:42px; font-size:; line-height:inherit; text-align:inherit; overflow:hidden;}
.columnas-dos			{ column-count:2;}
.columnas-tres			{ column-count:3;}
.columnas-cuatro		{ column-count:4;}
.linea					{ column-rule:1px solid #e1e1e1;}


.timeline							{ position:relative; max-width:var(--ancho-parrafo); margin:40px auto; padding:0 1.5em;}
.timeline:before 					{ background:var(--color-primario); content:""; display:block; position:absolute; top:20px; left:10px; width:0.125em; height:100%; transform:translateX(-50%);}
.timeline-contenido					{ position:relative; padding:0 0 50px 0;}
.timeline-contenido:last-child		{ padding-bottom:0;}
.timeline-contenido:before			{ position:absolute; top:10px; content:"\f111"; font-family:FontAwesome; font-size:80%; width:15px; height:15px; margin:0 0 0 -22px; background:var(--color-primario); border-radius:100%;}
.timeline .parrafo					{ margin:0; padding:0 0 0 20px;}


.comentario					{ position:relative; max-width:var(--ancho-parrafo); height:100%; margin:5px auto; padding:0; overflow:hidden;}
.comentario					{ display:flex; flex-direction:row; align-items:flex-start;}
.comentario .persona		{ position:relative; margin:0px 0px 0 0; min-width:220px; max-width:220px; width:220px; max-height:293px; aspect-ratio:3/4; border-radius:0; background:#ddd; overflow:hidden;}
.comentario .portada		{ position:relative; margin:0px 0px 0 0; min-width:250px; max-width:250px; width:250px; aspect-ratio:3/4.7; border-radius:0; background:#ddd; overflow:hidden;}
.comentario .persona:before	{ font-size:8.5vw; -webkit-text-stroke:5px #ddd;}
.comentario .contenido		{ position:relative; height:100%; padding:0 0 0 60px; flex:auto; overflow:hidden;}
.comentario .titulo			{ margin-bottom:10px; padding:0; line-height:1.2em; text-transform:none; font-family:var(--fuente-titulos); font-weight:500;}
.comentario .texto			{ margin-top:35px;}
.comentario .nombre			{ margin-top:35px; font-family:var(--fuente-textos); line-height:1.5em; font-weight:600; border:none;}
.comentario .empleo			{ margin-top:5px; font-family:var(--fuente-textos); font-size:.9rem; text-decoration:none; line-height:1.5em;}
.comentario .texto a,
.comentario .lista2 a,
.comentario .lista3 a		{ color:var(--color-hover); text-decoration:underline; text-underline-position:under; border-bottom:none;}


.avatarintro				{ position:relative; float:none; min-width:145px; width:145px; height:145px; margin:0 auto; margin-top:-140px; margin-bottom:20px; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.avataron					{ position:relative; max-width:369px; max-height:369px; height:369px; display:flex; align-items:center; justify-content:center;}
.imagencita					{ position:relative; float:left; min-width:160px; width:160px; height:160px; margin:0 30px 0 0; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.imagencompleta				{ position:relative; margin-right:auto; margin-left:auto; margin-top:20px; margin-bottom:20px; padding:0; max-height:300px; display:flex; align-items:top; justify-content:center;  overflow:hidden;}
.imageninterior				{ position:relative; width:100%; max-height:360px; display:flex; align-items:center; justify-content:center;  overflow:hidden;}
.imagenprevia				{ position:relative; max-height:380px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.imagenbio					{ position:relative; padding:20px 0; display:flex; align-items:top; justify-content:center; overflow:hidden;}
.piedefoto					{ position:relative; width:90%; margin:-25px auto 25px auto; padding:25px; font-family:var(--fuente-textos); text-align:center; background:#f3f3f3; overflow:hidden;}
.piedefoto-titulo			{ margin:0; padding:0; font-size:100%; color:inherit; line-height:1.5em; font-weight:600;}
.piedefoto-texto			{ margin:0; padding:4px 0; font-size:95%; color:#444; line-height:1.5em;}
.piedefoto-texto a			{ text-decoration:underline; text-underline-position:under;}
.piedefoto-texto a:hover	{ color:var(--color-hover); text-decoration:none;}
.piedefoto-subtexto			{ margin:0; padding:15px; font-size:90%; color:#444; line-height:1.5em;}


.sigueuno					{ position:relative; margin:10px 0;}
.sigueuno:after				{ content:">"; margin:0 0 0 5px; text-decoration:none;}
.sigueuno a					{ text-decoration:underline; text-underline-position:under; color:var(--color-primario);}
.sigueuno a:hover			{ text-decoration:none; color:#336699;}


.avatar						{ position:relative; float:left; margin:0 15px 15px 0; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.avataruno					{ width:160px; height:160px;}
.avatardos					{ width:60px; height:60px;}


/*ACORDEON*/
.acorderon 					{ max-width:840px; margin:0 auto; margin-bottom:30px; border-top: 1px solid #d9e5e8; border-radius:0;}
.acorderon li 				{ position:relative; padding:0 0 5px 0; border-bottom: 1px solid #d9e5e8; border-radius:0; list-style:none; overflow:hidden;}
.acorderon li p				{ display:none; max-width:95%; margin-bottom:10px; padding:2px 30px 2px 15px; font-size:100%; overflow:hidden;}
.acorderon .avatar			{ position:relative; float:left; min-width:40px; width:40px; height:40px; margin:15px 15px 15px 0; border:1px solid #ddd; border-radius:100%; overflow:hidden;}
.acorderon .separa			{ clear:both}
.acorderon t 				{ width:100%; display:block; cursor:pointer; margin-bottom:0px; padding:15px 50px 15px 0; font-family:var(--fuente-titulos); font-size:1.45rem; font-weight:600; color:inherit; text-align:left; text-indent:0; user-select:none;}
.acorderon t.resaltado		{ color:#333;}
.acorderon t:after 			{ width:15px; height:15px; border-left:1px solid var(--color-hover); border-bottom:1px solid var(--color-hover); position:absolute; right:10px; content:""; top:17px; transform:rotate(-45deg); transition:all 0.2s ease-in-out;}
t.resaltado:after 			{ transform: rotate(135deg); transition: all 0.2s ease-in-out; }
.acorderon li a				{ display:inline; display:inline-block; float:auto;}
.acorderon .titulo			{ font-size:1.1rem; font-weight:600; margin-bottom:5px; color:inherit; line-height:1.5em;}
.acorderon .titulo a		{ color:var(--color-hover); text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .titulo a:hover	{ color:#444; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .texto			{ font-size:1.15rem; margin-bottom:5px; color:inherit; line-height:1.5em;}
.acorderon .texto a			{ color:var(--color-hover); text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .texto a:hover	{ color:#444; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .texto:last-child{ padding-bottom:15px;}
.acorderon .link:after		{ display:block; content:"\f061"; font-family:FontAwesome; margin:0 0 0 5px; color:inherit;}
/*FIN ACORDEON*/


/* BOTONES	 */
.botonerac, .botonerai,
.botonera-bio			{ position:relative; z-index:1; margin-top:30px; padding:4px; text-decoration:none; overflow:hidden;}
.botonerai				{ clear:both; text-align:left; overflow:hidden}
.botonerac				{ clear:both; text-align:center; overflow:hidden}
.botoneraficha			{ z-index:1; position:absolute; right:20px; bottom:0; text-align:right}

.previoboton			{ position:relative; display:inline; float:auto; margin-left:-10px; padding:var(--padding-botones); font-size:.975rem; font-weight:600; text-align:center; text-decoration:none; line-height:1.5em; color:inherit}
.previoboton2			{ position:relative; padding:20px 0; line-height:1.5em; border-top:1px solid #e1e1e1; font-size:110%; font-weight:500;}
.leeloen:after			{ content:"Fuentes:"; font-weight:500; padding-bottom:15px;}

.boton a				{ padding:var(--padding-botones);}

.boton, .boton2, .boton0		{ position:relative; cursor:pointer; display:inline-block; margin:0 5px 5px 0; padding:var(--padding-botones); line-height:1.5em; font-weight:500; text-decoration:none;}
.boton a, .boton2, .boton0 a	 { cursor:pointer; text-decoration:none;}

.boton					{ background:var(--color-destacado); color:var(--color-claro); -webkit-box-shadow: 0px 0px 0px 1px var(--color-destacado) inset; box-shadow: 0px 0px 0px 1px var(--color-destacado) inset; transition: 0.3s;}
.boton:hover		 	{ color:var(--color-primario); border:0; -webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset; background:transparent}

.boton2					{ background:var(--color-claro); color:var(--color-primario); -webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset; transition: 0.3s;}
.boton2:hover			{ color:var(--color-claro); background:var(--color-oscuro);-webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset;}
.boton0:hover 			{ text-decoration:underline; text-underline-position:under; text-decoration-thickness:2px; text-decoration-color:var(--color-hover); border:none; color:inherit;}


.botoncitos				{ position:relative; margin-top:35px; color:inherit; font-size:95%; display:flex; justify-content:space-between; overflow:hidden;}
.botoncitos a:hover		{ text-decoration:none;}
.botoncito				{ padding:10px 0; text-align:right; color:inherit; border:none;}
.botoncito a			{ text-decoration:underline; text-underline-position:under;}
.botoncito:hover 		{ text-decoration:none; color:#444;}
.botoncito:after		{ content:">"; margin:0 0 0 5px; text-decoration:none;}

.botoncito2				{ padding:10px 15px; text-align:center; color:inherit; border:none; background:#336699; color:#fff;}
.botoncito2 a			{ text-decoration:none; text-align:right; text-underline-position:under;}
.botoncito2:hover 		{ background:#444;}
.botoncito2:after		{ content:">"; margin:0 0 0 5px;}


blockquote 				{ display:block; background:#374790; color:#fff; padding:35px; margin:1.5em 0; position:relative;}
blockquote:before 		{ content: "\f10d"; font-family:FontAwesome; font-size:120%; padding:15px 20px; color:#374790; position:absolute; top:-30px; left:45%; background:#fff; text-align:center;}
blockquote:before 		{ border:1px solid #ddd; border-radius:100%; overflow:hidden;}
blockquote:after 		{ content: "\2013 \2003" attr(cite); display: block; text-align:right; font-size:0.875em; font-style:italic; color: #f3f3f3;}


.contenedor-video 		{ position: relative; padding-bottom: 56.25%; margin:0; height: 0; overflow: hidden;}
.contenedor-video iframe,
.contenedor-video object,
.contenedor-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


#contenedormapa 		{ position:relative; padding-top:50%; width:auto; min-height:473px; margin:0 auto;}
#mapa 					{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100% top:0;}
.mapa					{ position:relative; padding-bottom:55%; height:0; overflow:hidden;}
.mapa iframe 			{ position:absolute; top:0; left:0; width:100%; height:100%;}


.sube 					{ display:none; position:fixed; bottom:30px; right:30px; padding:12px 14px; background:#f3f3f3; border-radius:35px; font-size:105%; font-weight:600; text-align:center; color:initial; z-index:900;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; overflow:hidden;}
.sube:before			{ content:"\f106"; display:inline-block; font-family:FontAwesome;}
.sube:hover				{ color:#fff; background:var(--color-primario); transition:all 0.2s ease;}
.sube:hover:after		{ content:"sube"; padding:0 5px 0 10px; font-family:var(--fuente-textos); font-size:.85rem; transition:all 0.3s ease; transition: 0.3s;}


/* ----------------------------------------------------------------------------------------------------- */

/* MONITORES GRANDES */
@media only screen and (min-width: 1900px) {


}

/* IPAD AIR */
@media only screen and (min-width: 1080px) {


}

/* IPAD HORIZONTAL */
@media screen and (max-width: 1080px) {

ul.migadepan 			{ padding:20px 15px;}

#pie::before			{ clip-path:none;}


#lateral				{ max-width:30%; height:auto; margin:0 40px 20px 0;}
#principal				{ position:relative; max-width:60%; margin:10 0 0 0;}


.ciencien				{ max-width:100%;}

.avataron				{ position:relative; max-width:369px; width:369px; max-height:369px; height:369px;}

.boton, .boton2, .boton0{ width:100%; text-align:center;}

.columnas-tres			{ column-count:2;}


.comentario					{ }
.comentario					{ display:flex; flex-direction:row;}
.comentario .persona		{ position:relative; margin:0; min-width:220px; max-width:220px; width:220px; aspect-ratio:3/4; background:#ddd; border-radius:0;}
.comentario .contenido		{ position:relative; padding:0 0 0 60px; flex:auto;}
.comentario .titulo			{ font-size:14px; margin-bottom:5px; padding:0; line-height:1.3em;}
.comentario .texto			{ margin-top:25px; font-size:1.05rem; text-decoration:none; line-height:1.5em;}
.comentario .nombre			{ margin-top:25px; line-height:1.5em; font-weight:600; border:none;}
.comentario .empleo			{ margin-top:0; font-size:.9rem; text-decoration:none; line-height:1.5em;}


}
/* IPAD VERTICAL */
@media screen and (max-width: 768px) {

.ciencien				{ padding:30px 0;}

.avataron				{ max-width:320px; max-height:320px; height:320px;}


#contenedormapa 	{ padding-bottom:220px;}

}
/* IPHONE HORIZONTAL */
@media screen and (max-width: 568px) {

.invisiblem				{ display:none;}
h1 						{ font-size:2.55rem;}
h2 						{ font-size:2.05rem;}


.ciencien				{ overflow:hidden;}

.columnas-dos,
.columnas-tres			{ column-count:1;}


.previoboton			{ display:block; margin-left:0; padding-left:0; text-align:left; font-size:.95rem; font-weight:600;}


}
/* IPHONE VERTICAL */
@media screen and (max-width: 480px) {

h1						{ margin-bottom:10px;}
section.col h1,
section.col h2			{ padding-left:15px;} 
section.col				{ padding:30px 30px; flex-direction:column;}

#lateral				{ max-width:100%; width:100%; min-height:auto; margin:0 0 20px 0;}
#principal				{ max-width:100%; width:100%; margin:40px 0 0 0;}


.titulo					{ font-size:1.5rem;}
.texto,.empleo,.lista2	{ font-size:1.05rem;}


/* MIGA DE PAN */
--ul.migadepan 				{ z-index:1; width:100%; padding-top:20px; padding-bottom:20px; overflow:hidden;}
ul.migadepan li,
ul.migadepan li a			{ max-width:140px; width:fit-content; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
--ul.migadepan li:first-child	{ min-width:42px;}
/* FIN MIGA DE PAN */

.bajointrohoja				{ margin-top:0;}

.invisiblemv				{ display:none;}

.cajasblancas 				{ margin-bottom:-50px; padding-bottom:70px;}

.ciencien					{ padding:0;}

.avataron					{ position:relative; max-width:300px; width:300px; max-height:300px; height:300px;}


.boton, .boton2				{ float:none; padding:8px 12px;}
.piedefoto .titulo			{ text-align:center;}
.piedefoto .texto			{ text-align:center;}


.col-parrafo				{ position:relative; margin:0 auto; padding:0; flex-direction:column; align-items:center;}


.comentario					{ margin:auto; padding:10px;}
.comentario					{ flex-direction:column;}
.comentario .persona		{ position:relative; width:100%; margin:0 0 20px 0;}
.comentario .contenido		{ padding:10px 0;}
.parrafo-1 .comentario .titulo	{ font-size:;}
.comentario .texto			{ }
.comentario .nombre			{ }
.comentario .empleo			{ }


/*ACORDEON*/
.acorderon .avatar		{ min-width:50px; width:50px; height:50px;}
/*FIN ACORDEON*/
}