#seccion-extra{width: 100%; font-size: 62.5%;}
/* SECCION 2 CONTENEDOR PRINCIPAL*/
#seccion-extra .contenedor-superior{position: relative; width: 100%; margin: auto; padding-top: 50px; background-color: #edc580;}
#seccion-extra .contenedor-inferior{width: 100%; margin: auto;}



#seccion-extra .caja-centro{max-width: 1200px; margin: auto;}

#seccion-extra .caja-centro .caja-superior{position: relative; width: 100%;}

#seccion-extra .caja-centro .caja-superior .caja{position: relative; width: 100%; margin-bottom: -2px; min-height: 500px; padding-top: 240px; padding-bottom: 80px;}
#seccion-extra .caja-centro .caja-superior .caja .titular{width: 100%;}
#seccion-extra .caja-centro .caja-superior .caja h1{width: 90%; font-family: 'Montserrat', sans-serif; text-align: left; font-weight: 900; color: #3b3c3a; line-height: 0.8em; font-size: 4rem; letter-spacing: -3px;}
#seccion-extra .caja-centro .caja-superior .caja h2{width: 90%; font-family: 'Montserrat', sans-serif; text-align: left; font-weight: 700; color: #3b3c3a; line-height: 0.9em; font-size: 1.5rem; margin-top: 50px;}
#seccion-extra .caja-centro .caja-superior .caja h3{font-family: 'Montserrat', sans-serif; text-align: left; font-weight: 700; color: #3b3c3a; line-height: 0.8em; font-size: 2.25rem; margin-top: 10px; margin-bottom: 100px;}
#seccion-extra .caja-centro .caja-superior .caja h4{width: 90%; font-family: 'Montserrat', sans-serif; text-align: left; font-weight: 700; color: #3b3c3a; line-height: 0.9em; font-size: 1.2rem;}
#seccion-extra .caja-centro .caja-superior .caja p{width: 100%; margin-top: 25px; text-align: justify; font-family: 'Roboto', sans-serif; font-weight: 400; color: #3b3c3a; line-height: 1.3em; font-size: 0.9rem;}
#seccion-extra .caja-centro .caja-superior .caja p .negrita{font-weight: 900;}
#seccion-extra .caja-centro .caja-superior .caja p .italic{font-weight: 700; font-style: italic;}
#seccion-extra .caja-centro .caja-superior .caja p .mayus{text-transform: uppercase;}
#seccion-extra .caja-centro .caja-superior .caja a{color: #3b3c3a; text-decoration: none; transition:all .3s ease-in-out; cursor: pointer;}
#seccion-extra .caja-centro .caja-superior .caja a:hover{color: white;}


#seccion-extra #img-bio{width: 100%; min-height: 350px; background: url("../img/bio.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}


#seccion-extra .btn-contenido_oculto{width: 100%; margin-top: 50px; height: 60px; background-color: rgba(0, 0, 0, 0); border: rgba(59, 60, 58, 1) 4px solid; border-radius:5px; color: #3b3c3a; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 0.85em; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 1px; filter: opacity(1); transition:all .5s ease-in-out; cursor: pointer;}
#seccion-extra .btn-contenido_oculto:hover{filter: opacity(.5);}

#seccion-extra .oculto {max-height: 0; overflow: hidden; transition: max-height 1s ease; padding-bottom: 20px; /* Aumenta la duración de la transición */
}
#seccion-extra .mostrando {max-height: 1250px; /* Ajusta este valor según tus necesidades */ transition: max-height 3s ease; /* Aumenta la duración de la transición */
}

/* ==================================================
   BIOGRAFÍA EXTENDIDA
================================================== */

#seccion-extra .caja-centro .caja-superior .caja .titulo-principal {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: white;
    font-size: 3rem;
    line-height: 0.8em;
    overflow-wrap: break-word;
}
#seccion-extra .caja-centro .caja-superior .caja .linea-titulo {
    width: 100%;
    height: 10px;
    margin-top: 20px;
    margin-bottom: 80px;
    background-color: white;
}
#seccion-extra .caja-centro .caja-superior .caja .linea-experiencia-sup {
    width: 100%;
    height: 3px;
    background-color: #3b3c3a;
}
#seccion-extra .caja-centro .caja-superior .caja .linea-experiencia-inf {
    width: 100%;
    height: 3px;
    margin-top: 50px;
    background-color: #3b3c3a;
}
#seccion-extra .caja-centro .caja-superior .caja .bio-lista-titulo {
    display: block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #3b3c3a;
    line-height: 1.3em;
    font-size: 0.9rem;
}
#seccion-extra .caja-centro .caja-superior .caja ul {
    margin-top: 20px;
    margin-bottom: 25px;
    padding-left: 35px;
}
#seccion-extra .caja-centro .caja-superior .caja li {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #3b3c3a;
    line-height: 1em;
    font-size: 0.9rem;
    margin-bottom: 6px;
}
#seccion-extra .caja-centro .caja-superior .caja .bio-extendida p {
    margin-top: 15px;
}
.bio-ano {
    color: #fff !important;
    font-size: 2rem !important;
}
#seccion-extra .caja-centro .caja-superior .caja .bio-trayectoria-titulo {

    display: block;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-weight: 900;

    text-transform: uppercase;

    color: #fff;

    line-height: 1.3em;

    font-size: 0.9rem;

}
#seccion-extra .caja-centro .caja-superior .caja .bio-obra-titulo {

    display: block;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    color: #3b3c3a;

    line-height: 1.3em;

    font-size: 1rem;

    margin-bottom: 0.5em;

}


#seccion-extra .caja-centro .caja-superior .caja .bio-obra-titulo strong {

    font-weight: 900;

    font-size: 1.25rem;

}


#seccion-extra .caja-centro .caja-superior .caja .bio-obra-descripcion {

    font-weight: 400;

    font-style: italic;

}
#seccion-extra .caja-centro .caja-superior .caja .bio-subtitulo-seccion {
    display: block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1.5rem;
}
#seccion-extra .caja-centro .caja-superior .caja .linea-experiencia-blanca {
    width: 100%;
    height: 3px;
    background-color: white;
}
/* ==================================================
   MENÚ NAVEGACIÓN DOSSIER
================================================== */

.menu-dossier {
	width: 100%;
	margin: -50px 0 100px 0;
}


/* LISTA */

.menu-dossier ul {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

.menu-dossier li {
	margin: 0 0 12px 0;
	padding: 0;
}


/* ENLACES */

.menu-dossier a {
	display: flex;
	align-items: center;

	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 700;
	font-style: italic;
	line-height: 1.2em;

	color: white;
	text-decoration: none;

	cursor: pointer;

	transition: color 0.3s ease;
}


/* FLECHA */

.menu-dossier a::before {
	content: "";

	display: inline-block;
	flex-shrink: 0;

	width: 30px;
	height: 30px;

	margin-right: 15px;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%233b3c3a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	transition:
		transform 0.3s ease,
		filter 0.3s ease;
}


/* HOVER DEL ENLACE */

.menu-dossier a:hover {
	color: #edc580;
}


/* HOVER DE LA FLECHA */

.menu-dossier a:hover::before {
	transform: translateX(5px);
	filter: brightness(0) invert(1);
}

/* ESPACIO PARA EL MENÚ FIJO CENTRAR VISTA DEBAJO DEL MENÚ PRINCIPAL */
.bio-extendida {
	scroll-margin-top: 210px;
}



@media(max-width:1200px){
#seccion-extra .caja-centro .caja-superior .caja{padding-right: 20px; padding-left: 20px;}
}

@media(max-width:1050px){	
}

@media screen and (max-width: 920px) {
#seccion-extra .caja-centro .caja-superior .caja p{width: 100%;}
	
}

@media screen and (max-width: 860px) {

}

@media screen and (max-width: 640px) {
#seccion-extra .caja-centro .caja-superior .caja h1{width: 100%;}


}

@media screen and (max-width: 500px) {

}

@media screen and (max-width: 400px) {
#seccion-extra .caja-centro .caja-superior .caja h1{font-size: 3.25rem;}

}

@media screen and (max-height: 1050px){
}

@media screen and (max-height: 650px){
}

@media screen and (min-width: 1200px){
}