[class*="web-index-"] 					{ }

.web-index #cabecera .navigation		 				{ border:none;}
.web-index #cabecera .navigation.navdos .nav-container	{ }
.web-index .navigation #nav-toggle span 				{ background:#f3f3f3;}
.web-index .navigation #nav-toggle span:before			{ background:#f3f3f3;}
.web-index .navigation #nav-toggle span:after 			{ background:#f3f3f3;}
.web-index .navigation #nav-toggle.active span 			{ background:transparent;}
.web-index .navigation #nav-toggle.active span:before 	{ transform:rotate(45deg);}
.web-index .navigation #nav-toggle.active span:after 	{ transform:rotate(-45deg);}

.web-index .slideshow-container				{ z-index:1; margin-top:-150px; border:13px solid #fff; background:#fff;}

.web-index .baner .intro .titulo,
.web-index .baner .intro .texto				{ -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden;}

.web-index .baner							{ position:relative; width:100%; margin-top:; padding:90px 0; text-align:left; color:#fff; background:url('../images/cenefas/fafar.jpg') center center/cover no-repeat;}  
.web-index .alta							{ min-height:610px; max-height:630px;}  
.web-index .baner::after					{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(17,17,17, 0.8);}
.web-index .baner .contenido				{ z-index:3; position:relative; padding:50px; max-width:730px; color:var(--color-claro); overflow:hidden;}
.web-index .baner .intro					{ padding:20px 0;} 
.web-index .baner .intro .items				{ margin-bottom:30px;} 
.web-index .baner .intro .item-blogfafar a:hover	{ color:#fff;} 
.web-index .baner .intro .imagen			{ display:none; max-height:40vh;}
.web-index .baner .intro .titulo			{ display:inline; line-height:1.7em; background:var(--color-primario);}
.web-index .baner .intro .titulo 			{ display:inline; line-height:1.7em; padding:2px; background:var(--color-primario); box-shadow: 0.3em 0 0 var(--color-primario),-0.3em 0 0 var(--color-primario);}
.web-index .baner .intro .titulo 			{ -webkit-box-decoration-break:clone; -o-box-decoration-break:clone; box-decoration-break:clone;}

.web-index .baner .intro .texto				{ display:none;}
.web-index .baner .intro .fsubrayado:hover	{ color:#fff;}

.web-index .baner2							{ position:relative; width:100%; min-height:570px; padding:50px 0;}
.web-index .baner2 .intro					{ padding:50px 0 50px 0;}
.web-index .baner2 .intro .contenido		{ max-width:var(--ancho-parrafo);}
.web-index .baner2 .intro .item-blogfafar{ padding:5px 12px; border-radius:3px; color:inherit; background:#f3f3f3;} 
.web-index .baner2 .intro .imagen			{ }
.web-index .baner2 .intro .titulo			{ -webkit-line-clamp:3;}
.web-index .baner2 .intro .texto			{ -webkit-line-clamp:3;}

.web-index .col-1-4-avisos,
.web-50 .col-1-4-avisos,
.web-index .col-entrada-aviso,
.web-50 .col-entrada-aviso					{ width:33%;}
.web-index .aviso  .item-categoria			{ display:inline-block;}



.web-avisos .show 							{ display:block;}
.web-avisos .col-1-4-avisos,
.web-avisos .col-1-4-entrada-aviso,
.web-avisos .col-entrada-aviso				{ width:100%; border-bottom:1px solid #e1e1e1;}  
.web-avisos .aviso							{ width:100%; height:auto; aspect-ratio:auto; border:none; text-align:left; box-shadow:none;}
.web-avisos .aviso:hover					{ border:none; box-shadow:none; color:#000;}
.web-avisos .aviso .items					{ margin-bottom:-10px;}
.web-avisos .aviso:hover .titulo			{ opacity:1;}
.web-avisos .aviso .imagen					{ display:none;}
.web-avisos .aviso .avatar					{ display:none;}
.web-avisos .aviso .contenido				{ min-height:auto; height:auto; padding:0; text-align:left; overflow:hidden;}
.web-avisos .aviso .contenido:after			{ display:none;} 
.web-avisos .aviso .contenido2				{ min-height:auto; height:auto; padding:20px 0; text-align:left; overflow:hidden;}
.web-avisos .aviso .items:after				{ display:none;} 
.web-avisos .aviso .titulo					{ height:auto; text-align:left;}
.web-avisos .aviso .texto					{ margin:5px 0 5px 0; -webkit-line-clamp:3;}
.aviso .texto 								{ display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;}




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

/* for 480px or less */
@media screen and (max-width: 480px) {

.web-index .alta								{ min-height:310px; max-height:330px;}  

.web-index .slideshow-container					{ margin-top:-50px;}


.web-index .baner2 .intro						{ padding:10px 15px; flex-direction:column;}
.web-index .baner2 .intro .imagen,
.web-index .baner2 .intro .imagen2				{ display:none;}
.web-index .baner2 .intro .contenido			{ padding:20px 0;}
.web-index .baner2 .intro .titulo				{ font-size:160%;}
.web-index .baner2 .intro .persona				{ float:none; min-width:100%; width:100%; height:300px;}
.web-index .baner2 .intro .botonera				{ text-align:center;}
.web-index .baner2 .intro .botonera .lista2		{ text-align:left;}

.web-index .col-1-4-avisos,
.web-50 .col-1-4-avisos,
.web-index .col-entrada-aviso,
.web-50 .col-entrada-aviso						{ width:100%;}
.web-index .aviso .imagen,
.web-50 .aviso .imagen							{ display:none;}
.web-index .aviso .contenido,
.web-50 .aviso .contenido						{ padding:0 0 5px 0;}
.web-index .aviso .titulo,
.web-50 .aviso .titulo							{ text-align:left;}



.web-avisos .aviso .contenido					{ padding:0; border:0}
.web-avisos .aviso .titulo						{ font-size:110%;}



}