.portada						{ position:relative; max-width:var(--ancho-primario); margin-top:var(--alto-cabece); margin:auto;}
.corta							{ min-height:auto; max-height:auto; height:auto;}


.baner							{ position:relative; width:100%; margin-top:; padding:90px 0; text-align:left; color:#fff; background:#111 url('../../images/cenefas/000.jpg') center center/cover no-repeat;} 
.baner .intro .titulo,
.baner .intro .texto			{ }


.videocenefa  {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 0;
  padding-bottom: 66.25%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.videocenefa iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/*TORTILLON*/
.tortillon						{ position:relative; width:100%; aspect-ratio:1/.44; margin:auto; padding-top:var(--alto-naveg); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; background:#111; overflow:hidden;}
.tortillon .avatar				{ position:relative; margin:30px auto -45px auto; width:150px; aspect-ratio:1/1; font-size:2.875rem; border:none;}
.tortillon .imagen				{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; overflow:hidden;}
.tortillon .imagen::after		{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(17,17,17, .7);}
.tortillon .contenido			{ position:relative; z-index:1; float:none; margin:auto; padding:20px 20px 30px 20px; max-width:var(--ancho-parrafo); color:#fff;}
.tortillon .titulo 				{ position:relative; font-weight:600; overflow-wrap:break-word;}
.tortillon .subtitulo 			{ font-size:1.875rem; font-family:var(--fuente-titulos); font-weight:500; line-height:1.4em; padding:15px 0; color:inherit; }
.tortillon h1					{ margin:0; padding:5px 0;}
.tortillon h1:after				{ content:""; display:block; border-style:solid; border-width:0.9px; color:#ddd; max-width:60px; margin:auto; margin-top:20px; margin-bottom:15px;}
.tortillon h2					{ font-weight:400;}
.tortillon .titulo				{ margin-top:0px; font-size:1.975rem; font-family:var(--fuente-textos); font-weight:600;}
.tortillon .texto				{ margin-top:20px;}
.tortillon .botonera			{ text-align:center; margin-top:20px;}
.tortillon .boton				{ position:relative; display:inline-block; margin:5px; text-align:center; text-decoration:none; box-shadow: 0px 0px 0px 1px var(--color-claro) inset; }
.tortillon .boton				{ background:transparent; color:#fff;}
.tortillon .boton:hover			{ box-shadow: 0px 0px 0px 1px var(--color-claro) inset; background:rgba(255, 255, 255, 0.1); color:#fff; }

.tortillon ul.migadepan			{ display:flex; flex-flow:row wrap; justify-content:center; margin:0 -20px;}
.tortillon h2 					{ font-size:3.175rem; font-weight:700; color:inherit; line-height:1.2em; column-span:all; clear:both;}

.retranca-tortillon				{ margin-top:-130px;}
/*FIN TORTILLON*/



/*CENEFA*/
.cenefa-index					{ height:calc(100% - 153px); aspect-ratio:5/2.3;}	
.cenefa-interior				{ aspect-ratio:5/1.6;}	

[class*="cenefa-"]				{ position:relative; margin:auto; padding-top:var(--alto-navega); display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; background:var(--color-primario); overflow:hidden;}
[class*="cenefa-"] .avatar		{ position:relative; margin:30px auto -15px auto; width:100px; aspect-ratio:1/1; font-size:1.875rem; border:none;}
[class*="cenefa-"] .imagen		{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:0;}
[class*="cenefa-"] .imagen::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(17,17,17, 0.7);}
[class*="cenefa-"] .contenido	{ position:relative; float:none; margin:auto; padding:50px 0px; max-width:var(--ancho-parraf); color:#fff;}
[class*="cenefa-"] .titulo 		{ position:relative; font-weight:600; overflow-wrap:break-word;}
[class*="cenefa-"] .subtitulo 	{ font-size:1.875rem; font-family:var(--fuente-titulos); font-weight:500; line-height:1.4em; padding:15px 0; color:inherit; }
[class*="cenefa-"] h1			{ margin:auto; padding:5px 0;}
[class*="cenefa-"] h2 			{ font-size:2.853rem; font-weight:600; color:inherit; line-height:1.2em; column-span:all; clear:both;}

[class*="cenefa-"] .titulo		{ margin-top:0px; font-size:1.975rem; font-family:var(--fuente-textos); font-weight:600;}
[class*="cenefa-"] .texto		{ margin-top:30px;}
[class*="cenefa-"] .botonera	{ text-align:center; margin:0 auto; margin-top:20px;}
[class*="cenefa-"] .boton		{ position:relative; display:inline-block; margin:5px; text-align:center; text-decoration:none; box-shadow: 0px 0px 0px 1px var(--color-claro) inset; }
[class*="cenefa-"] .boton		{ background:transparent; color:#fff;}
[class*="cenefa-"] .boton:hover	{ box-shadow: 0px 0px 0px 1px var(--color-claro) inset; background:rgba(255, 255, 255, 0.1); color:#fff; }

[class*="cenefa-"] ul.migadepan 			{ display:flex; align-items:center; justify-content:center;}
--[class*="cenefa-"] ul.migadepan li 			{ margin:0 5px; padding:7px 14px; border:1px solid #f3f3f3; border-radius:35px; font-family:var(--fuente-textos); font-size:.9rem; line-height:1.5em; color:inherit; text-decoration:none;}
--[class*="cenefa-"] ul.migadepan li+li:before{ display:none;}

/*FIN CENEFA*/



/*TIRA DESTACADA*/
.destacado						{ position:relative; margin:auto; padding:0; max-width:var(--ancho-primario); background:#ededed;}
.destacado						{ display:flex; flex-direction:row; justify-content:flex-start; overflow:hidden;}
.destacado .imagen,
.destacado .imagen2				{ position:relative; z-index:2; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.destacado .imagen				{ min-width:320px; max-width:320px; width:320px;}
.destacado .imagen2				{ min-width:280px; max-width:280px; width:280px;}
.destacado .contenido			{ position:relative; padding:50px; max-width:730px; width:auto; flex:auto; overflow:hidden;}
.destacado-contenido			{ position:relative; z-index:1; max-width:730px; color:#fff; flex:auto; overflow:hidden;}
.destacado .titulo,
.destacado .texto,
.destacado .botonera			{ margin:30px 0 0 0; padding:0; text-decoration:none;}
/*FIN TIRA DESTACADA*/


/* CARTELON INTERIOR TERMINADO*/
.cartelon						{ position:relative; min-height:500px; height:auto; margin:auto; padding:150px 5px 50px 5px; color:inherit; background:transparent;}
--.cartelon						{ background:url('../../images/fondos/transparente.png') center center/cover no-repeat;}
.cartelon .contenido			{ position:relative; max-width:var(--ancho-primario); height:100%; margin-top:var(--alto-cabece); margin:auto; padding:50px; text-align:left; flex:aut; z-index:1;}
.cartelon h1,.cartelon h2		{ font-size:2.853rem;;}
.cartelon h1,
.cartelon h2,
.cartelon .texto				{ max-width:var(--ancho-parrafo);}
/* FIN CARTELON INTERIOR TERMINADO*/



/* INTRO INTERIOR TERMINADO*/
.introinterior					{ position:relative; max-width:var(--ancho-primario); min-height:550px; height:auto; margin:auto; padding:50px 50px 0 50px; color:inherit;z-index:1;}
.introinterior					{ display:flex; flex-flow:row wrap; align-items: flex-end;}
.introinterior .imagen			{ position:absolute; top:0; right:0; bottom:50px; left:0;}
.introinterior .imagen:before	{ content:"";}
.introinterior .contenido		{ position:relative; max-width:40%; height:100%; margin:0; padding:50px; text-align:left; z-index:1;}
.introinterior .contenido2		{ z-index:3; position:relative; max-width:460px; height:100%; float:left; margin:-50px 0 0 -50px; padding:50px; text-align:left; color:inherit; flex:auto;}
.introinterior .icono			{ position:relative; margin:0 0 20px 0; font-size:5.5em; color:inherit;}
.introinterior .items			{ position:relative; margin-bottom:10px; color:inherit;}
.introinterior .titulo			{ font-size:1.7rem; font-weight:700; line-height:1.2em; text-transform:uppercase;}
.introinterior .subtitulo		{ z-index:2; margin-top:20px; font-size:110%; font-weight:500; text-transform:uppercase;}
.introinterior .texto			{ margin-top:15px; line-height:1.5em; color:inherit; }
.introinterior .boton:after,
.introinterior .boton2:after	{ content:"\2192"; margin:0 0 0 7px; text-decoration:none;}
/* FIN INTRO INTERIOR */


/* INTRO INTERIOR2 TERMINADO*/
.introinterior2						{ position:relative; max-width:var(--ancho-primario); aspect-ratio:5/2; height:auto; margin:auto; color:inherit;}
.introinterior2						{ display:flex; justify-content:flex-start; align-items:center;}
.introinterior2:before				{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-image: linear-gradient(to right, rgba(0,0,0,0.75), rgba(0,0,0,0.50), transparent); z-index:2;}
.introinterior2 .imagen				{ position:absolute; top:0; right:0; bottom:0; left:0; max-width:var(--ancho-primario);}
.introinterior2 .imagen:before		{ content:"";}
.introinterior2 .contenido			{ position:relative; max-width:560px; margin:0; padding:60px; text-align:left; color:#fff; z-index:2;}
.introinterior2 h2					{ margin:0; padding:5px 0;}
.introinterior2 .subtitulo			{ margin:0; padding:5px 0;}
.introinterior2 .texto				{ margin:15px 0 0 0;}
.introinterior2 .video-cenefa 		{ position:absolute; top:0; right:0; bottom:0; left:0; max-width:var(--ancho-primario); z-index:1; overflow:hidden;}
.introinterior2 .video-cenefa video	{ width:100%;}
/* FIN INTRO INTERIOR */



/* JUMBOTRON */
.jumbotron					{ position:relative; margin:auto; max-width:var(--ancho-primario); background:#ededed; overflow:hidden;}
.jumbotron .contenido		{ margin:auto; padding:50px; max-width:var(--ancho-parrafo); text-align:center; text-decoration:none;}
.jumbotron .texto			{ }
.jumbotron h1,
.jumbotron h2,
.jumbotron h3				{ margin:0; padding:0;}
.jumbotron .titulo,
.jumbotron .texto,
.jumbotron .botonera		{ margin:30px 0 0 0; padding:0; text-decoration:none;}
.jumbotron .boton			{ background:var(--color-primario); border:1px solid var(--color-primario);}
.jumbotron .boton:hover		{ background:var(--color-claro); ; color:var(--color-primario); transition:all 0.2s ease;}

/* FIN JUMBOTRON */


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media only screen and (max-width: 1080px){

.web-index .cenefa-index				{ aspect-ratio:5/6;}	
.web-index .cenefa-index h1				{ font-size:1.855rem;}	
.web-index .cenefa-index .texto			{ display:none;}	
[class*="-interior"] .cenefa-interior	{ aspect-ratio:5/3;}	



/* INTRO INTERIOR TERMINADO*/
.introinterior						{ }
.introinterior .contenido			{ max-width:50%;}
/* FIN INTRO INTERIOR */



}
@media only screen and (max-width: 820px){


/* INTRO INTERIOR TERMINADO*/
.introinterior						{ }
.introinterior .contenido			{ max-width:70%;}
/* FIN INTRO INTERIOR */

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

/*TORTILLON*/
.tortillon						{ aspect-ratio:1/1.2;}
.tortillon h2					{ margin-top:30px; font-size:2.475rem;}
.retranca-tortillon				{ margin-top:-60px;}
/*FIN TORTILLON*/


.cenefa-interior				{ aspect-ratio:1/.95;}	
[class*="cenefa-"] .contenido	{ padding:20px 0px; max-width:90%;}


/*TIRA DESTACADA*/
.destacado						{ max-width:100%; flex-direction:column;}
.destacado .imagen,
.destacado .imagen2				{ min-width:320px; width:100%; aspect-ratio:5/3; }
.destacado .contenido,
.destacado-contenido			{ padding:20px 30px 30px 30px;}
.destacado .titulo,
.destacado .texto,
.destacado .botonera			{ margin-top:20px;}
/*FIN TIRA DESTACADA*/


/* INTRO INTERIOR*/
.introinterior						{ margin-bottom:40px; min-height:auto; height:auto; padding:1px;}
.introinterior .imagen				{ position:relative; z-index:-1; width:100%; height:280px;}
.introinterior .contenido			{ max-width:100%; height:90%; margin:auto; margin-top:-50px; float:none; padding:10px 30px 40px 30px;}
.introinterior .contenido2			{ max-width:95%; height:90%; margin:auto; margin-top:-50px; float:none; padding:30px;}
.introinterior .icono				{ display:none;}
.introinterior .items				{ position:relative; margin-bottom:10px; color:inherit;}
.introinterior .titulo				{ font-size:1rem;}
.introinterior .texto				{ font-size:.9rem;}
/* FIN INTRO INTERIOR */


/* INTRO INTERIOR 2 TERMINADO*/
.introinterior2						{ }
.introinterior2						{ display:flex; justify-content:flex-start; align-items:center;}
.introinterior2:before				{ background-image: linear-gradient(to right, rgba(0,0,0,0.95), rgba(0,0,0,0.7));}
.introinterior2 .imagen				{ }
.introinterior2 .imagen:before		{ content:"";}
.introinterior2 .contenido			{ padding:35px; padding-bottom:45px;}
.introinterior2 h2					{ margin:0; padding:0;}
.introinterior2 .texto				{ display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; overflow:hidden;}
.introinterior2 .video-cenefa 		{ display:none;}
.introinterior2 .video-cenefa video	{ }
/* FIN INTRO INTERIOR */


/* JUMBOTRON */
.jumbotron							{ }
.jumbotron .contenido				{ padding:40px 30px;}
.jumbotron .texto					{ font-size:1rem;}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3						{ }
.jumbotron .titulo,
.jumbotron .texto,
.jumbotron .botonera				{ margin-top:20px;}
/* FIN JUMBOTRON */