@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html, body {
height: 100%;
overflow-y: auto;  
}
body {
margin: 0;
font-family: 'Montserrat', sans-serif;
scrollbar-width: none; 
-ms-overflow-style: none;  
overflow-x: hidden;
}
body::-webkit-scrollbar {
display: none; 

}
* {
box-sizing: border-box;
}
header {
width: 100%;
background-color: #152c3d;
position: sticky;
top: 0;
z-index: 10;
}

.header-container {
max-width: 1000px;
height: 80px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
box-sizing: border-box;
gap: 20px;
}

.logo {
display: flex;
align-items: center;
gap: 20px;
}

.logo img {
height: 50px;
}

.logo-divider {
width: 1px;
height: 40px;
background-color: white;
}

nav ul {
list-style: none;
display: flex;
margin: 0;
padding: 0;
gap: 20px;
text-align: center;
}

nav ul li {
position: relative;
line-height: 0px;
}

nav ul li a,
.menu-proceso a {
text-decoration: none;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 15px;
transition: color 0.3s;
white-space: nowrap;
}

.menu-proceso {
display: inline-block; 
background-color: #e3a305;
padding: 8px 15px;
border-radius: 20px;
white-space: nowrap;
text-decoration: none;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 15px;
transition: color 0.3s;
}


.menu-toggle {
display: none;
flex-direction: column;
cursor: pointer;
}

.menu-toggle span {
height: 3px;
width: 25px;
background: white;
margin: 4px 0;
}

nav ul li a:hover,
.menu-proceso a:hover {
color: #e3a305;
}
.menu-proceso a:hover {
color: #443512;
}
nav ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #1d3b50;
padding: 10px;
border-radius: 0px;
z-index: 1;
text-align: left; 
min-width: 200px; 
}

nav ul li ul li {
margin: 8px 0;
text-align: left; 
}

nav ul li a.activo-menu {
position: relative;
}

nav ul li a.activo-menu::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 15px;
height: 1px;
background-color: #e3a305;
}
.header-container{
gap:10px;
}
nav ul li a,
.menu-proceso a {
position: relative; 
text-decoration: none;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 15px;
transition: color 0.3s;
white-space: nowrap;
}
nav ul li a.activo-menu {
display: inline-block;
line-height: normal;
vertical-align: top;
}

nav ul li a.activo-menu::before {
bottom: 0;
transform: translateY(100%);
}

@media (max-width: 768px) {
.header-container {
flex-wrap: wrap;
}
nav {
position: absolute;
top: 80px;
left: 21%;
width: 170px; 
background-color: #152c3d;
display: none;
text-align: left;
padding: 20px;
border: 0.5px solid #f9b333;
}
nav.active {
display: block;
z-index: 1;
}
nav ul {
display: none;
flex-direction: column;
gap: 20px;
align-items: flex-start;
text-align: left;
}
nav.active ul {
display: flex;
}
nav ul li {
width: 100%;
}
nav ul li a {
width: 100%;
}
.menu-toggle {
display: flex;
order: 1;
}
.logo {
order: 1;
}
.menu-proceso {
order: 2;
margin-left: auto;
}
nav ul li ul {
position: static;
width: 100%;
background-color: #1d3b50;
border-radius: 0px;
}
}
.flecha-submenu {
cursor: pointer;
font-size: 15px;
color: white;
transition: transform 0.3s ease;
display: inline-block;
user-select: none;            
-webkit-tap-highlight-color: transparent;  
transform: translate(-3px, 2px);
}
.flecha-submenu:hover{
color: #e3a305;	
}
.flecha-submenu.abierta {
transform: rotate(180deg);
}






.carrusel {
position: relative;
width: 100%;
height: 350px;
overflow: hidden;
}

.carrusel-contenido {
display: flex;
transition: transform 1.5s ease;
}

.slide {
position: relative;
width: 100%;
height: 300px;
flex-shrink: 0;
}

.slide img {
width: 100%;
height: 350px;
object-fit: cover;
}

.slide-informacion {
position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%);
max-width: 800px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}

.slide-texto {
font-family: 'Montserrat', sans-serif;
width: 350px;
color: white;
padding: 10px 15px;
border-radius: 5px;
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 10px;
font-size: 20px;
line-height: 25px;
font-weight: 400;
}

.slide-texto button {
width: 98px;
height: 35px;
background-color: #e3a305;
color: white;
border: none;
padding: 5px 10px;
cursor: pointer;
border-radius: 11px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.btn-blog {
width: 160px;
height: 33px;
background-color: #e3a305;
color: white;
border: none;
padding: 5px 10px;
cursor: pointer;
border-radius: 11px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-decoration: none;
text-align: center;
}

.indicadores-contenedor {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
max-width: 800px;
width: 100%;
display: flex;
justify-content: left;
}

.indicadores {
display: flex;
gap: 10px;
}

.indicador {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #fff;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.3s;
}

.indicador.activo {
opacity: 1;
}
nav ul li ul li a {
font-weight: 300;
font-size: 12px;  
}

.slide-bienvenida {
font-size: 33px;
line-height: 44px;
font-weight: 500;
}
.centrado-bienvenida {
top: 50%;
transform: translate(-50%, -50%);
justify-content: center;
height: 100%;
}

@media (max-width: 768px) {
.slide {
height: 350px;
}
.slide img {
height: 350px;
}
.slide-texto {
width: 100%;
max-width: 350px;
padding: 10px 30px;
}
.indicadores-contenedor{
padding-left: 60px;
}

}

#inicio{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#inicio{
width: auto;
padding: 0 30px;
}
}

.banner-suscripcion {
width: 100%;
height: 200px;
background-color: #152c3d;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}

.banner-contenido {
text-align: center;
color: white;
max-width: 800px;
padding: 20px;
font-family: 'Montserrat', sans-serif;
}

.banner-titulo {
font-family: 'Montserrat', sans-serif;
font-weight: 500; 
font-size: 20px;
margin-bottom: 7px;
}

.banner-descripcion {
width: 100%;
max-width: 500px;
font-family: 'Montserrat', sans-serif;
font-weight: 400; 
font-size: 14px;
line-height: 17px;
margin-top: 5px;
margin-bottom: 20px;
}

.banner-boton {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 11px;
cursor: pointer;
border-radius: 11px;
transition: background-color 0.3s;
text-decoration: none;
}

.banner-boton:hover {
background-color: #c99604;
}
@media(max-width: 768px){
.banner-contenido{
padding:  20px 30px;
}
.banner-titulo{
margin-top: 0px;
}
}

.contacto {
width: 800px;
margin: auto;
display: flex;
justify-content: center;
gap: 30px;
padding: 40px;
font-family: 'Montserrat', sans-serif;
}

.contacto-formulario,
.contacto-info {
border: 1px solid #152c3d;
padding: 10px 30px;
width: 100%;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
}

.contacto-formulario h2 {
font-size: 28px;
margin-bottom: 10px;
position: relative;
font-weight: 500;
}

.contacto-formulario h2::after {
content: "";
display: block;
width: 30px;
height: 3px;
background-color: #e3a305;
margin-top: 5px;
}

form input,
form textarea {
width: 100%;
border: none;
border-bottom: 1.5px solid #132c3d; 
padding: 8px;
margin-bottom: 15px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #152c3d;
outline: none; 
}

form input:focus,
form textarea:focus {
border-bottom: 1.5px solid #132c3d; 
}


form .form-row {
display: flex;
gap: 10px;
}

form .form-row input {
width: 100%;
}


.form-check {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 12px;
}

.form-check input {
width: 10px;
margin-right: 8px;
margin-bottom: 6px;
}

form button {
background-color: #e3a305;
color: white;
border: none;
padding: 8px 25px;
border-radius: 10px;
font-size: 16px;
cursor: pointer;
margin: 0 auto;
display: block;
margin-bottom: 20px;
}

form {
display: flex;
flex-direction: column;
}

form button {
align-self: center;
}


.contacto-info {
text-align: left;
max-width: 280px;
}

.logo-bl {
max-width: 100px;
margin-bottom: 15px;
margin-top: 15px;
}

.titulo-info {
color: #727171;
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
font-size: 13px;
}

.info-item {
color: #727171;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}

.icono {
width: 30px;
height: 30px;
}



.info-item p {
margin: 0;
font-size: 12px;
line-height: 17px;
}
@media (max-width: 768px) {
.contacto {
width: 100%;
padding: 0px;
flex-direction: column;
align-items: center;
}
form .form-row{
flex-direction: column;
}
.contacto-formulario,
.contacto-info {
max-width: 100%;
}
.contacto-formulario{
border: 0px solid white;
border-bottom: 1px solid #142c3d;
}
.contacto-formulario form input,
.contacto-formulario form textarea {
box-sizing: border-box; 
}
}
.contacto-info {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.logo-bloque {
display: flex;
justify-content: center;
align-items: center;
width: 100px; 
}

.logo-bl {
width: 100%; 
height: auto;
}

@media (max-width: 768px) {
.logo-bloque {
display: none;
}

.contacto-info {
margin: 0 30px;
border: 0.5px solid #e3a305;
padding: 20px; 
box-sizing: border-box;
}

.info-contenido {
width: 100%;
}

.titulo-info {
text-align: center;
width: 100%;
font-size: 14px;
margin-bottom: 15px;
}

.info-item {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
justify-content: flex-start;
}

.info-item p {
margin: 0;
font-size: 12px;
line-height: 17px;
max-width: 300px;
word-break: break-word;
}
.contacto .contacto-info{
width: 90%;
}
}


.footer-grilla {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
padding: 40px;
background-color: white;
align-items: start;
max-width: 800px;
margin: 0 auto;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

.footer-col {
position: relative;
}
.footer-col.footer-social::after {
display: none;
}
.footer-col:not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: -20px;
width: 1px;
height: 100%;
background-color: #e3a305;
}

.footer-col ul {
list-style: none;
padding: 0;
margin: 0;
}

.footer-col li {
margin-bottom: 10px;
color: #0b243d;
font-size: 12px;
cursor: pointer;
}

.footer-col li:hover {
color: #e3a305;
}

.footer-logo {
width: 100px;
}

.footer-social p {
margin: 5px 0;
font-size: 11px;
}

.social-icons {
display: flex;
gap: 10px;
margin: 10px 0;
}

.social-icons a img {
width: 35px;
height: 35px;
border-radius: 50%;
background-color: black;
padding: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.email {
font-size: 14px;
color: #0b243d;
}
.footer-col a {
text-decoration: none;
color: #152c3d;
}

.footer-col a:hover {
text-decoration: none; 
}
.footer-social-mobile, .footer-links-mobile{
display: none;
}
.footer-derechos {
width: 100%;
height: 40px;
background-color: #152c3d;
color: white;
display: flex;
justify-content: center;
font-size: 10px;
font-family: 'Montserrat', sans-serif;
text-align: right;
margin-bottom: 0px;
}
.footer-derechos p{
width: 100%;
max-width: 800px;
justify-content: flex-end;

}

@media (max-width: 768px) {
.footer-col:not(:first-child) {
display: none;
}
.footer-col:not(:first-child) {
display: none;
}

.footer-grilla {
width: 100%;
max-width: 300px;
margin-top: 30px;
grid-template-columns: auto auto;
justify-content: start;
align-items: center;
padding: 20px;
gap: 50px;
row-gap: 20px;
}

.footer-col:first-child {
display: flex;
align-items: center;
gap: 10px;
}

.footer-col:first-child::after {
content: "";
position: absolute;
top: 0;
right: -20px;
width: 0.5px;
height: 100%;
background-color: #e3a305;
}
.footer-col.footer-links-mobile::after {
display: none !important;
}
.footer-col.footer-links-mobile {
width: 160px;
display: flex !important;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}

.footer-col.footer-links-mobile a {
font-size: 12px;
text-decoration: none;
color: #152c3d;
}

.footer-col.footer-links-mobile a:hover {
color: #e3a305;
}
.footer-col.footer-social-mobile {
background: #f6f6f6;
width: 100%;
max-width: 220px;
margin: auto;
padding: 20px;
display: flex !important;
flex-direction: column;
gap: 5px;
grid-column: span 2;
}

.footer-col.footer-social-mobile p {
font-size: 12px;
color: #152c3d;
margin: 0;
}

.footer-col.footer-social-mobile .email {
font-size: 12px;
margin-top: 5px;
}

.footer-col.footer-social-mobile .social-icons {
justify-content: flex-start;
gap: 10px;
}

.footer-col.footer-social-mobile .social-icons a img {
width: 35px;
height: 35px;
padding: 5px;
border-radius: 50%;
background-color: black;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.footer-derechos{
justify-content: center;
text-align: center;
}
}

#nosotros{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#nosotros{
width: auto;
padding: 0 30px;
}
}
#blog{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#blog{
width: auto;
padding: 0 30px;
}
}

.timeline-container {
display: flex;
position: relative;
margin: auto;
max-width: 800px;
}

.years-column {
position: sticky;
top: 15%;
align-self: flex-start;
display: flex;
flex-direction: column;
}

.years-column div {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #555;
width: 100px;
text-align: center;
margin: 35px 0;
cursor: pointer;
transition: color 0.3s;
font-size: 13px;
}

.years-column div.active {
color: #e3a305;
}

.events-column {
max-height: 100%;
overflow-y: auto;
scroll-behavior: smooth;
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}

.event-item {
display: flex;
flex-direction: column;
gap: 15px;
border-radius: 8px;
}
.event-item .titulo-linea-tiempo {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
}
.titulo-linea-tiempo .highlight {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.event-item .contenido {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.event-item .contenido .year {
font-size: 65px;
color: #c1c1c1;
flex-shrink: 0;
}
.event-item .contenido .text {
flex: 1;
font-size: 12px;
color: #555;
line-height: 18px;
font-weight: 500;
min-width: 200px;
}
.event-item .year {
max-width: 270px;
margin-top: -10px;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 100;
font-size: 65px;
font-style: normal;
color: #c1c1c1;
flex-shrink: 0;	

}
.imagen-evento {
width: 100%;
height: 340px;
object-fit: cover;
margin-top: 15px;
border-radius: 22px;
}

.event-item .text {
flex: 1;
font-size: 14px;
color: #555;
line-height: 1.6;
min-width: 200px;
}

.event-item .text li {
margin-bottom: 10px;
}

.event-item .text li:last-child {
margin-bottom: 0;
}

.event-item .text h3 {
margin-bottom: 10px;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-size: 30px;
font-style: normal;
color: #152c3d;
margin: auto;
}

.event-item .text h3::first-letter {
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.events-column {
scrollbar-width: none; 
-ms-overflow-style: none; 
}

.events-column::-webkit-scrollbar {
display: none; 
}
.ul-linea-tiempo {
padding: 0;
margin: 0;
}
.espacio-arriba{
display: flex;
flex-wrap: wrap;
align-content: center;
width: 70%;
height: 80px;
}
.separador-linea-tiempo{
height: 0.5px;
width: 100%;
background: #7f878c;
}




@media (max-width: 600px) {

.event-item {
flex-direction: column;
margin-right: 30px;
}
.event-item .titulo-linea-tiempo{
margin-right: 10px;
font-size: 31px;
line-height: 42px;
}
.event-item .year {
width: auto;
text-align: left;
}
.timeline-container {
flex-direction: row;
align-items: flex-start;
}

.years-column {
position: sticky;
margin-right: 10px;
margin-left: 10px;
width: 60px;
}
.years-column div{
width: 70%;
font-size: 11px;
}
.event-item {
flex-direction: column;
gap: 0;
}

.event-item .contenido {
flex-direction: column;
gap: 10px;
}

.event-item .contenido .year {
font-size: 57px;
text-align: left;
}

.imagen-evento {
height: 200px;
}

}
.event-item .titulo-linea-tiempo,
.event-item .year,
.event-item .text,
.event-item .imagen-evento {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease, transform 0.8s ease;
}

.event-item.visible .titulo-linea-tiempo {
opacity: 1;
transform: translateY(0);
transition-delay: 0.2s;
}

.event-item.visible .year {
opacity: 1;
transform: translateY(0);
transition-delay: 0.6s;
}

.event-item.visible .text {
opacity: 1;
transform: translateY(0);
transition-delay: 1s;
}

.event-item.visible .imagen-evento {
opacity: 1;
transform: translateY(0);
transition-delay: 1.4s;
margin-bottom: 25px;
}
.event-item {
position: relative;
padding-right: 20px; 
overflow: hidden;
}


.event-item::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 8px;
height: 0%;
background: linear-gradient(to bottom, #b6dcfb, #cff1d0);
transition: height 5.2s cubic-bezier(0.25, 1, 0.5, 1); 
border-radius: 2px;
z-index: 1;
}


.event-item.reveal-line::after {
height: 100%;
}


.event-item:nth-child(2)::after {
background: linear-gradient(to bottom, #cff1d0, #fff7af); 
}
.event-item:nth-child(3)::after {
background: linear-gradient(to bottom, #fff7af, #fabcbc); 
}
.premios-grid {
display: flex;
flex-direction: column;
gap: 20px;
}

.premio-item {
display: grid;
grid-template-columns: 260px auto;
gap: 20px;
align-items: center;
}
.col-logo{
margin: auto;
}
.premio-item .col-logo img {
max-height: 140px;
width: auto;

}

.premio-item .col-texto {
font-size: 14px;
color: #555;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}
@media (max-width: 768px) {
.premio-item {
display: flex;
flex-direction: column-reverse; 
align-items: center;
text-align: center;
}

.premio-item .col-logo {
margin-top: 10px; 
}

.premio-item .col-logo img {
max-height: 100px;
}

.premio-item .col-texto {
font-size: 13px;
padding: 0 10px;
}
}
@media (max-width: 768px) {
.premio-item {
display: flex;
flex-direction: column-reverse;
align-items: center;
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #ccc; 
margin-bottom: 20px;
}

.premio-item .col-logo {
margin-top: 10px;
}

.premio-item .col-logo img {
max-height: 100px;
}

.premio-item .col-texto {
font-size: 13px;
padding: 0 10px;
}
}
@media (max-width: 768px) {
.premio-item {
display: flex;
flex-direction: column; 
align-items: center;
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #ccc; 
margin-bottom: 20px;
gap: 0;
}

.premio-item .col-logo {
margin-bottom: 10px; 
}

.premio-item .col-logo img {
max-height: 100px;
}

.premio-item .col-texto {
font-size: 13px;
padding: 0 10px;
}
}



#areas-practica{

width: 100%;
max-width: 800px;
margin: 40px auto;
}

.grid-areas-practica {
display: grid;
grid-template-columns: repeat(3, 1fr); 
gap: 20px;
margin-top: 30px;
}

.grid-areas-practica button {
width: 210px;
height: 80px;
background-color: white;
color: #7A7A7A;
padding: 15px 20px;
border-radius: 8px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: 400;
cursor: pointer;
text-align: center;
transition: background-color 0.3s ease;
border: 1.5px solid #E8E8E6;
}

.grid-areas-practica button:hover {
background-color: #e3a305;
color: white;
}
.acordeon {
width: 100%;
max-width: 800px;
margin: 20px auto;
border-bottom: 1px solid #ccc;
font-family: 'Montserrat', sans-serif;
}

.acordeon-encabezado {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 15px 0;
}

.acordeon-encabezado h4 {
margin: 0;
font-size: 26px;
color: #152c3d;
position: relative;
}

.acordeon-encabezado h4::before {
content: "";
position: absolute;
width: 20px;
height: 2px;
background-color: #e3a305;
bottom: -5px;
left: 0;
}

.acordeon .flecha {
font-size: 20px;
color: #e3a305;
transition: transform 0.3s ease;
}

.acordeon.open .flecha {
transform: rotate(180deg);
}

.acordeon-contenido {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
font-size: 13px;
color: #555;
line-height: 20px;
}

.acordeon.open .acordeon-contenido {
max-height: 500px;
padding: 10px 0;
}
.ul-lista-portafolio {
padding-left: 20px;      
margin-top: 20px;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #555;
list-style-type: disc;   
}

.ul-lista-portafolio li {
margin-bottom: 10px;     
line-height: 1.6;
}
.areas-margen{
width: 100%;
max-width: 800px;
margin: 40px auto;
}

@media(max-width: 768px){
#areas-practica{
width: auto;
padding: 0 30px;
}

.grid-areas-practica{
grid-template-columns: repeat(2 ,1fr);
}
.grid-areas-practica button{
width: 145px;

}
}
nav ul li ul li a.activo-menu {
color: #e3a305;
position: relative;
}

nav ul li ul li a.activo-menu::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 15px;
height: 1px;
background-color: #e3a305;
}


#nuestro-equipo{

width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#nuestro-equipo{
width: auto;
padding: 0 30px;
}
.espacio-vacio{
display: none;
}
}
.titulo-general {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_2 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #4e565c;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}

.titulo-general2 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general .highlight {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general2 .highlight {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container {
max-width: 500px;
margin: 40px auto;
text-align: center;
}

.equipo-top {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
margin-top: 70px;
}

.equipo-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px 0px;
}

.persona {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona.visible {
animation: fadeInLeft 0.6s ease forwards;
}
.seccion{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.perfil-individual {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
}
.marco-rombo {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo .overlay {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5); 
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon img {
width: 28px;
height: auto;
}
.marco-rombo .info-icon {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
}
.marco-rombo .info-icon img {
width: 32px;
height: auto;
}
.marco-rombo:hover .overlay,
.marco-rombo:hover .info-icon {
opacity: 1;
}
.marco-rombo:hover .foto-rombo img {
filter: brightness(1.4); 
}
.marco-rombo::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
}

.cargo {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
}

#grupo-secundario {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario.visible {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top {
flex-direction: column;
gap: 40px;
}
.persona{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid {
grid-template-columns: 1fr;
}
}

#responsabilidad-social{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
#responsabilidad-social p {
max-width: 300px;
margin: 0 auto; 
word-wrap: break-word;
text-align: justify; 
}
.responsabilidad-texto p {
max-width: 300px;
}

@media(max-width: 768px){
#responsabilidad-social{
width: auto;
padding: 0 30px;
}
}

.bloque-valor {
display: grid;
grid-template-rows: auto auto auto;
width: 800px;
margin: 40px auto;
column-gap: 15px;
row-gap: 12px;
align-items: center;
}

.bloque-justicia {
grid-template-columns: 55px 470px 230px;
}

.bloque-equidad {
grid-template-columns: 350px 80px 400px;
}

.titulo-valor {
font-size: 32px;
font-weight: 500;
color: #0c1e29;
margin: 0;
}



.numero-valor {
width: 100%;
height: 100%;
font-size: 65px;
color: #e0e0e0;
font-weight: 300;
}

.texto-valor {
color: #555;
font-size: 12px;
line-height: 18px;
max-width: 400px;
margin-left: 20px;
}

.mas-detalles {
color: #000;
font-weight: 500;
text-decoration: none;
font-size: 12px;
}

.mas-detalles::after {
content: " →";
font-weight: normal;
color: #888;
}

.rombo-valor {
width: 150px;
height: 150px;
position: relative;
justify-self: center;
}

.borde-rombo {
position: absolute;
top: 0;
left: 6px;
width: 150px;
height: 150px;
border: 1.5px solid #f5a623;
border-radius: 15px;
transform: rotate(45deg);
z-index: 5;
}

.foto-rombo {
width: 150px;
height: 150px;
overflow: hidden;
transform: rotate(45deg);
border-radius: 15px;
position: relative;
z-index: 2;
}

.foto-rombo img {
width: 100%;
height: 100%;
transform: rotate(-45deg) scale(1.5);
}

@media (max-width: 768px) {

.bloque-valor {
width: 100%;
height: auto;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 50px 150px auto 30px;
row-gap: 20px;
}

.titulo-valor {
grid-column: 1 / 2 !important;
grid-row: 1 / 2 !important;
font-size: 24px;
}

.numero-valor {
grid-column: 1 / 2 !important;
grid-row: 2 / 3 !important;
font-size: 70px;
margin-top: 0;
}

.rombo-valor {
grid-column: 2 / 4 !important;
grid-row: 1 / 3 !important;
margin-top: 10px;
width: 150px;
height: 150px;
}

.texto-valor {
grid-column: 1 / 4 !important;
grid-row: 3 / 4 !important;
font-size: 14px;
line-height: 20px;
margin-left: 0 !important;
}

.mas-detalles {
grid-column: 1 / 4 !important;
grid-row: 4 / 5 !important;
font-size: 14px;
margin-top: 10px;
}
}

@keyframes deslizarIzquierda {
0% {
opacity: 0;
transform: translateX(-40px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.animar-foto,
.animar-contenido {
opacity: 0;
transform: translateX(-40px);
}

.animar-foto.visible,
.animar-contenido.visible {
transition: all 1.5s ease; 
opacity: 1;
transform: translateY(0);
}


.perfil-animado {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
animation: fadeInPerfil 0.3s ease forwards;
}

.rombo-perfil {
position: relative;
width: 150px;
height: 150px;
}

.rombo-perfil .foto-rombo {
width: 100%;
height: 100%;
transform: rotate(45deg);
overflow: hidden;
border-radius: 8px;
z-index: 2;
animation: aparecerFoto 0.6s ease forwards;
opacity: 0;
}

.rombo-perfil .foto-rombo img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.rombo-perfil .borde-rombo {
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305; 
border-radius: 8px;
transform: rotate(45deg) translateX(-20px);
opacity: 0;
animation: aparecerBorde 0.6s ease forwards;
animation-delay: 0.5s;
z-index: 4;
}

.contenido-perfil {
max-width: 600px;
text-align: center;
opacity: 0;
transform: translateY(20px);
animation: aparecerContenido 0.6s ease forwards;
animation-delay: 1s;
}

@keyframes aparecerFoto {
to {
opacity: 1;
transform: rotate(45deg);
}
}

@keyframes aparecerBorde {
to {
opacity: 1;
transform: rotate(45deg) translateX(0);
}
}

@keyframes aparecerContenido {
to {
opacity: 1;
transform: translateY(0);
}
}


.rombo-derecho {

position: relative;
transform: rotate(45deg);
overflow: hidden;
margin-left: -60px;
z-index: 1;
flex-shrink: 0;
}
.nombre-perfil .highlight {
display: inline;
border-bottom: 1.5px solid #e3a305;
padding-bottom: 1px;
}

.rombo-derecho::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 8px;
z-index: 1;
}


.rombo-derecho::after {
content: "";
position: absolute;
left: -50%;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
transform: rotate(-45deg);
}

.contenedor-perfil-juan {
display: flex;
justify-content: center; 
align-items: center;
gap: 0;
flex-wrap: nowrap;
margin: 40px auto;
}



#detalle-perfil.detalle-perfil-cajon {

opacity: 0;
width: 60%;
max-width: 600px;
height: auto;
overflow: hidden;
transition: opacity 0.6s ease;
display: flex;
align-items: center;
padding: 20px 30px;
background: white;
clip-path: none;
}


#detalle-perfil.detalle-perfil-cajon::after {
content: '';
position: absolute;
right: -35px;
top: 0;
width: 70px;
height: 100%;
border: 2px solid #e3a305;
border-left: none;
clip-path: polygon(0 0, 100% 50%, 0 100%);
}



#detalle-perfil.detalle-perfil-cajon {
opacity: 0;
width: 60%;
max-width: 600px;
height: auto;
overflow: hidden;
transition: opacity 0.6s ease;
display: flex;
align-items: center;
border-left: none;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
padding: 20px 30px;
margin-left: 30px;
}
#detalle-perfil2.detalle-perfil-cajon {
opacity: 0;
width: 60%;
max-width: 600px;
height: auto;
overflow: hidden;
transition: opacity 0.6s ease;
display: flex;
align-items: center;
border-left: none;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
padding: 20px 30px;
margin-left: 30px;
}
#detalle-perfil3.detalle-perfil-cajon {
opacity: 0;
width: 60%;
max-width: 600px;
height: auto;
overflow: hidden;
transition: opacity 0.6s ease;
display: flex;
align-items: center;
border-left: none;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
padding: 20px 30px;
margin-left: 30px;
}
#detalle-perfil4.detalle-perfil-cajon {
opacity: 0;
width: 60%;
max-width: 600px;
height: auto;
overflow: hidden;
transition: opacity 0.6s ease;
display: flex;
align-items: center;
border-left: none;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
padding: 20px 30px;
margin-left: 30px;
}
#detalle-perfil5.detalle-perfil-cajon {
opacity: 0;
width: 60%;
max-width: 600px;
height: auto;
overflow: hidden;
transition: opacity 0.6s ease;
display: flex;
align-items: center;
border-left: none;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
padding: 20px 30px;
margin-left: 30px;
}
#detalle-perfil6.detalle-perfil-cajon {
opacity: 0;
width: 60%;
max-width: 600px;
height: auto;
overflow: hidden;
transition: opacity 0.6s ease;
display: flex;
align-items: center;
border-left: none;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
padding: 20px 30px;
margin-left: 30px;
}


.info-contenido-perfil {
display: flex;
flex-direction: column;
gap: 10px;
text-align: left;
}

.nombre-perfil {
margin: 0;
color: #3b3b50;
font-weight: 600;
}

.cargo-perfil {
margin: 0;
color: #aaa;
font-size: 13px;
}

.linea-contacto {
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
font-size: 13px;
}

.linea-contacto img {
width: 20px;
height: 20px;
}

.boton-volver-contenedor {
text-align: center;
margin-top: 20px;
}

.boton-volver {
background: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
}
.detalle-perfil-cajon {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 0.8s ease, max-height 0.8s ease;
}
.perfil-individual {
margin-top: 70px;
padding-top: 40px;
border-top: 1px solid #ddd;
scroll-margin-top: 80px; 
}
.perfil-individual .contenedor-perfil-juan {
display: flex;
gap: 40px;
align-items: flex-start;
margin-bottom: 20px;
}
.perfil-individual > p.texto-descriptivo {
margin-top: 20px;
}
.texto-descriptivo {
opacity: 0;
transition: opacity 1s ease;
}
.texto-descriptivo.visible {
opacity: 1;
}

.detalle-perfil-cajon {
transition: all 0.5s ease;
overflow: hidden;
opacity: 1;
max-height: 1000px;
}
@media (max-width: 768px) {
.contenedor-perfil-juan {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}

.rombo-perfil {
margin: 0 auto;
}

.detalle-perfil-cajon {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}

.info-contenido-perfil {
align-items: flex-start;
}

.rombo-derecho {
display: none;
}
}

#Noticias{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#Noticias{
width: auto;
padding: 0 30px;
}
}
#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}

.seccion-blog {
padding: 40px 20px;
max-width: 800px;
margin: auto;
}

.grid-blog {
grid-template-areas:
"blog1 blog2"
;

display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 30px;
grid-auto-flow: column;
}


.blog-destacado {
background: #fff;
padding: 20px;
margin-bottom: 30px;
}

.blog-destacado .categoria {
color: #5a5264;
font-weight: 500;
font-size: 24px;
margin: 6px 0;
}

.blog-destacado .titulo {
font-size: 22px;
font-weight: 600
color: #2b2740;
margin: 10px 0;
line-height: 31px;
}

.blog-destacado .fecha {
font-size: 16px;
color: #888;
margin: 0 auto;
}
.fecha-blog{
font-family: "Montserrat", sans-serif;
color: #152c3d;
font-size: 13px;
margin-top: 16px;
}


.blog-card {
display: flex;
flex-direction: row;
border: 1px solid #ddd;
overflow: hidden;
background: #fff;
padding: 13px;
margin-bottom: 30px;
}
.blog-card-destacado {
border: 2px solid #f4b400; 
}

.blog-imagen img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 50%;
margin-right: 20px;
}

.blog-contenido {
display: flex;
flex-direction: column;
justify-content: center;
ç
gap: 1px;
}
.blog-contenido p{
font-size: 12px;
}
.leer-btn {
background-color: #f4b400;
border: none;
padding: 3px 9px;
font-weight: 400;
border-radius: 20px;
cursor: pointer;
align-self: baseline;
font-size: 9px;
}

.autor {
font-weight: 600
color: #2b2740;
position: relative;
font-size: 13px;
}

.autor::before {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 25px;
height: 1.5px;
background-color: #f4b400;
}

.blog-card:not(.blog-card-destacado) {
justify-content: space-between;
align-items: center;
gap: 20px;
}

.blog-card:not(.blog-card-destacado) .blog-contenido {
order: 1;
width: 60%;
border-right: 2px solid #f4b400;
padding-right: 20px;
}

.blog-card:not(.blog-card-destacado) .blog-imagen {
order: 2;
width: 40%;
display: flex;
justify-content: center;
}

.blog-card:not(.blog-card-destacado) .blog-imagen img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
}


@media (max-width: 768px) {
.grid-blog {
grid-template-areas:
"blog1 "
"blog2 "
"blog3 "
"blog4 "
"blog5 "  
"blog6 "
"blog7 "
"blog8 "
"blog9 "
"blog10 "   
"blog11";
grid-template-columns: 1fr;
}

}
.blog-card {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}

.blog-card.visible {
opacity: 1;
transform: translateY(0);
}

.blogSec_seccion {
padding: 40px 20px;
max-width: 800px;
margin: auto;
}
.blogSec_grid {
display: grid;
grid-template-areas:
"blog1 blog2"
"blog3 blog4"
"blog3 blog6"
"blog7 blog8"
"blog9 blog10"
"blog11 .";
grid-template-columns: repeat(2, 1fr);
gap: 30px 30px;
grid-auto-flow: column;
}
.blogSec_destacado {
background: #fff;
padding: 20px;
margin-bottom: 30px;
}
.blogSec_destacado .blogSec_categoria {
color: #5a5264;
font-weight: 500;
font-size: 24px;
margin: 6px 0;
}
.blogSec_destacado .blogSec_titulo {
font-size: 22px;
font-weight: 600
color: #2b2740;
margin: 10px 0;
line-height: 31px;
}
.blogSec_destacado .blogSec_fecha {
font-size: 16px;
color: #888;
margin: 0 auto;
}
.blogSec_card {
display: flex;
flex-direction: row;
border: 1px solid #ddd;
overflow: hidden;
background: #fff;
padding: 13px;
margin-bottom: 30px;
}
.blogSec_card-destacado {
border: 2px solid #f4b400;
}
.blogSec_img img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 50%;
margin-right: 20px;
}
.blogSec_contenido {
display: flex;
flex-direction: column;
justify-content: center;
gap: 1px;
}
.blogSec_contenido p {
font-size: 12px;
}
.blogSec_btn {
background-color: #f4b400;
border: none;
padding: 3px 9px;
font-weight: 400;
border-radius: 20px;
cursor: pointer;
align-self: baseline;
font-size: 9px;
}
.blogSec_autor {
font-weight: 600
color: #2b2740;
position: relative;
font-size: 13px;
}
.blogSec_autor::before {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 25px;
height: 1.5px;
background-color: #f4b400;
}
.blogSec_card:not(.blogSec_card-destacado) {
justify-content: space-between;
align-items: center;
gap: 20px;
}
.blogSec_card:not(.blogSec_card-destacado) .blogSec_contenido {
order: 1;
width: 60%;
border-right: 2px solid #f4b400;
padding-right: 20px;
}
.blogSec_card:not(.blogSec_card-destacado) .blogSec_img {
order: 2;
width: 40%;
display: flex;
justify-content: center;
}
.blogSec_card:not(.blogSec_card-destacado) .blogSec_img img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
}
@media (max-width: 768px) {
.blogSec_grid {
grid-template-areas:
"blog1"
"blog2"
"blog3"
"blog4"
"blog5"
"blog6"
"blog7"
"blog8"
"blog9"
"blog10";
grid-template-columns: 1fr;
}
}
.blog-link {
text-decoration: none;
color: inherit;
display: block;
}
.blogSec_card {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}

.blogSec_card.visible {
opacity: 1;
transform: translateY(0);
}


.pf-titulo-principal,
.pf-titulo-secundario {
font-family: "Montserrat", sans-serif;
color: #152c3d;
width: fit-content;
margin-top: 0;
}

.pf-titulo-principal {
font-weight: 500;
font-size: 35px;
margin-bottom: 10px;
scroll-margin-top: 100px;
}

.pf-titulo-secundario {
font-weight: 500;
font-size: 25px;
margin-bottom: 10px;
scroll-margin-top: 300px;
}

.pf-texto-general {
font-size: 12px;
color: #555;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}

.pf-subrayado {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.pf-contenedor {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.pf-fila-principal {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}

.pf-grid-secundaria {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}


.pf-tarjeta {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.pf-tarjeta.visible {
animation: pf-aparecer-izq 0.6s ease forwards;
}

@keyframes pf-aparecer-izq {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}


.pf-marco-rombo {
position: relative;
z-index: 1;
cursor: pointer;
}

.pf-marco-rombo .pf-overlay {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}

.pf-boton-info {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}

.pf-circulo-fondo {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}

.pf-boton-info img {
width: 28px;
height: auto;
}

.pf-marco-rombo:hover .pf-overlay,
.pf-marco-rombo:hover .pf-boton-info {
opacity: 1;
}

.pf-marco-rombo:hover .pf-foto-rombo img {
filter: brightness(1.4);
}

.pf-marco-rombo::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.pf-foto-rombo {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.pf-foto-rombo img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}


.pf-nombre {
margin: 45px 0 0;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
font-family: 'Montserrat', sans-serif;
}

.pf-cargo {
margin: 3px 0 10px;
font-size: 13px;
color: #777;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}


#pf-grupo-secundario {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#pf-grupo-secundario.visible {
display: block;
opacity: 1;
transform: translateY(0);
}

#pf-boton-ver-mas {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}


@media (max-width: 768px) {
.pf-grid-secundaria {
grid-template-columns: repeat(2, 1fr);
}

.pf-fila-principal {
flex-direction: column;
gap: 40px;
}

.pf-tarjeta {
margin: auto;
}
}

@media (max-width: 480px) {
.pf-grid-secundaria {
grid-template-columns: 1fr;
}
}
.grid-areas-practica button.activo-grilla {
background-color: #e3a305;
color: white;
font-weight: bold;
}
.btn-volver-areas {
background-color: #e3a305;
border: none;
padding: 10px 14px;
border-radius: 8px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
margin-bottom: 20px;
}

.btn-volver-areas:hover {
background-color: #c58d00;
}

.icono-volver {
width: 20px;
height: 20px;
display: block;
}



.titulo-general_ar01 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar01 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar01 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar01 .highlight_ar01 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar01 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar01 .highlight_ar01 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar01 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar01 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar01 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar01 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar01.visible_ar01 {
animation: fadeInLeft_ar01 0.6s ease forwards;
}
.seccion_ar01{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar01 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar01 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar01 .overlay_ar01 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5); 
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar01 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar01 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar01 img {
width: 28px;
height: auto;
}

.marco-rombo_ar01:hover .overlay_ar01,
.marco-rombo_ar01:hover .info-icon_ar01 {
opacity: 1;
}
.marco-rombo_ar01:hover .foto-rombo_ar01 img {
filter: brightness(1.4); 
}
.marco-rombo_ar01::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar01 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar01 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar01 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar01 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar01 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar01.visible_ar01 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar01 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;

border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar01 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar01 {
flex-direction: column;
gap: 40px;
}
.persona_ar01{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar01 {
grid-template-columns: 1fr;
}
}

.perfil-individual_ar01 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar01 {
display: flex;
align-items: flex-start;
justify-content: center;  
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar01 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar01 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar01 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar01 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar01 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;      
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar01-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar01-perfil_ar01 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar01 {
display: flex;
align-items: center;
gap: 12px;             
margin-bottom: 12px;  
font-size: 13px;
}

.linea-contacto_ar01 img {
width: 20px;
height: 20px;
}

.texto-general_ar01.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar01.texto-descriptivo.visible_ar01 {
opacity: 1;
}

.boton-volver_ar01-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar01 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar01 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar01.rotacion-neutral {
transform: rotate(0deg);
}




.titulo-general_ar01 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar01 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar01 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar01 .highlight_ar01 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar01 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar01 .highlight_ar01 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar01 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar01 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar01 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar01 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar01.visible_ar01 {
animation: fadeInLeft_ar01 0.6s ease forwards;
}
.seccion_ar01{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar01 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar01 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar01 .overlay_ar01 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar01 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar01 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar01 img {
width: 28px;
height: auto;
}

.marco-rombo_ar01:hover .overlay_ar01,
.marco-rombo_ar01:hover .info-icon_ar01 {
opacity: 1;
}
.marco-rombo_ar01:hover .foto-rombo_ar01 img {
filter: brightness(1.4); 
}
.marco-rombo_ar01::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar01 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar01 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar01 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar01 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar01 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar01.visible_ar01 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar01 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;

border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar01 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar01 {
flex-direction: column;
gap: 40px;
}
.persona_ar01{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar01 {
grid-template-columns: 1fr;
}
}

.perfil-individual_ar01 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar01 {
display: flex;
align-items: flex-start;
justify-content: center;  
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}
.contenedor-perfil-gen_ar01 {
  scroll-margin-top: 120px; 
}

.rombo-perfil_ar01 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar01 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar01 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar01 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar01 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;        
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar01-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar01-perfil_ar01 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar01 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar01 img {
width: 20px;
height: 20px;
}

.texto-general_ar01.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar01.texto-descriptivo.visible_ar01 {
opacity: 1;
}

.boton-volver_ar01-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar01 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar01 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar01.rotacion-neutral {
transform: rotate(0deg);
}
.perfil-individual_ar01 .rombo-derecho::before {
content: none !important;
display: none !important;
}
/********************PERFIL 2***********************/
#opcion2{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion2{
width: auto;
padding: 0 30px;
}
}
#opcion3{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion3{
width: auto;
padding: 0 30px;
}
}
#propiedad-intelectual{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#propiedad-intelectual{
width: auto;
padding: 0 30px;
}
}
#opcion5{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion5{
width: auto;
padding: 0 30px;
}
}
#opcion6{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion6{
width: auto;
padding: 0 30px;
}
}
#opcion7{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion7{
width: auto;
padding: 0 30px;
}
}
#opcion8{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion8{
width: auto;
padding: 0 30px;
}
}
#opcion9{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion9{
width: auto;
padding: 0 30px;
}
}
#opcion10{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion10{
width: auto;
padding: 0 30px;
	}}
#opcion11{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion11{
width: auto;
padding: 0 30px;
	}}
#opcion12{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#opcion12{
width: auto;
padding: 0 30px;
}

}
/*-----------------------------------------------------------------------*/
.titulo-general_ar02 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar02 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar02 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar02 .highlight_ar02 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar02 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar02 .highlight_ar02 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar02 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar02 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar02 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar02 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar02.visible_ar02 {
animation: fadeInLeft_ar02 0.6s ease forwards;
}
.seccion_ar02{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar02 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar02 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar02 .overlay_ar02 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar02 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar02 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar02 img {
width: 28px;
height: auto;
}

.marco-rombo_ar02:hover .overlay_ar02,
.marco-rombo_ar02:hover .info-icon_ar02 {
opacity: 1;
}
.marco-rombo_ar02:hover .foto-rombo_ar02 img {
filter: brightness(1.4); 
}
.marco-rombo_ar02::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar02 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar02 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar02 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar02 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar02 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar02.visible_ar02 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar02 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar02 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar02 {
flex-direction: column;
gap: 40px;
}
.persona_ar02{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar02 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar02 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar02 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar02 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar02 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar02 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar02 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar02 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar02-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar02-perfil_ar02 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar02 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar02 img {
width: 20px;
height: 20px;
}

.texto-general_ar02.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar02.texto-descriptivo.visible_ar02 {
opacity: 1;
}

.boton-volver_ar02-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar02 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar02 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar02.rotacion-neutral {
transform: rotate(0deg);
}
/*-----------------------------------------------------------------------*/
.titulo-general_ar03 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar03 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar03 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar03 .highlight_ar03 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar03 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar03 .highlight_ar03 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar03 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar03 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar03 {
max-width: 500px;
margin: auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px 0px;
}

.persona_ar03 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar03.visible_ar03 {
animation: fadeInLeft_ar03 0.6s ease forwards;
}
.seccion_ar03{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar03 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar03 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar03 .overlay_ar03 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar03 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar03 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar03 img {
width: 28px;
height: auto;
}

.marco-rombo_ar03:hover .overlay_ar03,
.marco-rombo_ar03:hover .info-icon_ar03 {
opacity: 1;
}
.marco-rombo_ar03:hover .foto-rombo_ar03 img {
filter: brightness(1.4); 
}
.marco-rombo_ar03::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar03 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar03 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar03 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar03 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar03 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar03.visible_ar03 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar03 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar03 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar03 {
flex-direction: column;
gap: 40px;
}
.persona_ar03{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar03 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar03 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar03 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar03 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar03 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar03 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar03 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar03 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar03-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar03-perfil_ar03 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar03 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar03 img {
width: 20px;
height: 20px;
}

.texto-general_ar03.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar03.texto-descriptivo.visible_ar03 {
opacity: 1;
}

.boton-volver_ar03-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar03 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar03 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar03.rotacion-neutral {
transform: rotate(0deg);
}
/*******************************************/
/*-----------------------------------------------------------------------*/
.titulo-general_ar04 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar04 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar04 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar04 .highlight_ar04 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar04 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar04 .highlight_ar04 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar04 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar04 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar04 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar04 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar04.visible_ar04 {
animation: fadeInLeft_ar04 0.6s ease forwards;
}
.seccion_ar04{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar04 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar04 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar04 .overlay_ar04 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar04 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar04 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar04 img {
width: 28px;
height: auto;
}

.marco-rombo_ar04:hover .overlay_ar04,
.marco-rombo_ar04:hover .info-icon_ar04 {
opacity: 1;
}
.marco-rombo_ar04:hover .foto-rombo_ar04 img {
filter: brightness(1.4); 
}
.marco-rombo_ar04::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar04 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar04 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar04 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar04 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar04 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar04.visible_ar04 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar04 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar04 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar04 {
flex-direction: column;
gap: 40px;
}
.persona_ar04{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar04 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar04 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar04 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar04 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar04 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar04 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar04 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar04 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar04-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar04-perfil_ar04 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar04 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar04 img {
width: 20px;
height: 20px;
}

.texto-general_ar04.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar04.texto-descriptivo.visible_ar04 {
opacity: 1;
}

.boton-volver_ar04-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar04 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar04 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar04.rotacion-neutral {
transform: rotate(0deg);
}
/*-----------------------------------------------------------------------*/
.titulo-general_ar05 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar05 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar05 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar05 .highlight_ar05 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar05 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar05 .highlight_ar05 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar05 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar05 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar05 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar05 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar05.visible_ar05 {
animation: fadeInLeft_ar05 0.6s ease forwards;
}
.seccion_ar05{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar05 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar05 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar05 .overlay_ar05 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar05 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar05 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar05 img {
width: 28px;
height: auto;
}

.marco-rombo_ar05:hover .overlay_ar05,
.marco-rombo_ar05:hover .info-icon_ar05 {
opacity: 1;
}
.marco-rombo_ar05:hover .foto-rombo_ar05 img {
filter: brightness(1.4); 
}
.marco-rombo_ar05::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar05 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar05 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar05 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar05 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar05 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar05.visible_ar05 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar05 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar05 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar05 {
flex-direction: column;
gap: 40px;
}
.persona_ar05{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar05 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar05 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar05 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar05 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar05 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar05 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar05 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar05 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar05-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar05-perfil_ar05 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar05 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar05 img {
width: 20px;
height: 20px;
}

.texto-general_ar05.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar05.texto-descriptivo.visible_ar05 {
opacity: 1;
}

.boton-volver_ar05-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar05 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar05 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar05.rotacion-neutral {
transform: rotate(0deg);
}
/*-----------------------------------------------------------------------*/
.titulo-general_ar06 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar06 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar06 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar06 .highlight_ar06 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar06 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar06 .highlight_ar06 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar06 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar06 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar06 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar06 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar06.visible_ar06 {
animation: fadeInLeft_ar06 0.6s ease forwards;
}
.seccion_ar06{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar06 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar06 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar06 .overlay_ar06 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar06 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar06 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar06 img {
width: 28px;
height: auto;
}

.marco-rombo_ar06:hover .overlay_ar06,
.marco-rombo_ar06:hover .info-icon_ar06 {
opacity: 1;
}
.marco-rombo_ar06:hover .foto-rombo_ar06 img {
filter: brightness(1.4); 
}
.marco-rombo_ar06::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar06 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar06 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar06 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar06 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar06 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar06.visible_ar06 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar06 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar06 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar06 {
flex-direction: column;
gap: 40px;
}
.persona_ar06{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar06 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar06 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar06 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar06 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar06 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar06 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar06 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar06 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar06-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar06-perfil_ar06 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar06 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar06 img {
width: 20px;
height: 20px;
}

.texto-general_ar06.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar06.texto-descriptivo.visible_ar06 {
opacity: 1;
}

.boton-volver_ar06-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar06 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar06 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar06.rotacion-neutral {
transform: rotate(0deg);
}
/*-----------------------------------------------------------------------*/
.titulo-general_ar07 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar07 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar07 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar07 .highlight_ar07 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar07 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar07 .highlight_ar07 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar07 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar07 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar07 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar07 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar07.visible_ar07 {
animation: fadeInLeft_ar07 0.6s ease forwards;
}
.seccion_ar07{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar07 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar07 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar07 .overlay_ar07 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar07 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar07 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar07 img {
width: 28px;
height: auto;
}

.marco-rombo_ar07:hover .overlay_ar07,
.marco-rombo_ar07:hover .info-icon_ar07 {
opacity: 1;
}
.marco-rombo_ar07:hover .foto-rombo_ar07 img {
filter: brightness(1.4); 
}
.marco-rombo_ar07::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar07 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar07 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar07 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar07 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar07 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar07.visible_ar07 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar07 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar07 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar07 {
flex-direction: column;
gap: 40px;
}
.persona_ar07{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar07 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar07 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar07 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar07 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar07 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar07 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar07 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar07 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar07-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar07-perfil_ar07 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar07 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar07 img {
width: 20px;
height: 20px;
}

.texto-general_ar07.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar07.texto-descriptivo.visible_ar07 {
opacity: 1;
}

.boton-volver_ar07-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar07 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar07 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar07.rotacion-neutral {
transform: rotate(0deg);
}
/*-----------------------------------------------------------------------*/
.titulo-general_ar08 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar08 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar08 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar08 .highlight_ar08 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar08 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar08 .highlight_ar08 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar08 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar08 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar08 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar08 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar08.visible_ar08 {
animation: fadeInLeft_ar08 0.6s ease forwards;
}
.seccion_ar08{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar08 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar08 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar08 .overlay_ar08 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar08 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar08 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar08 img {
width: 28px;
height: auto;
}

.marco-rombo_ar08:hover .overlay_ar08,
.marco-rombo_ar08:hover .info-icon_ar08 {
opacity: 1;
}
.marco-rombo_ar08:hover .foto-rombo_ar08 img {
filter: brightness(1.4); 
}
.marco-rombo_ar08::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar08 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar08 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar08 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar08 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar08 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar08.visible_ar08 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar08 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar08 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar08 {
flex-direction: column;
gap: 40px;
}
.persona_ar08{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar08 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar08 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar08 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar08 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar08 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar08 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar08 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar08 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar08-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar08-perfil_ar08 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar08 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar08 img {
width: 20px;
height: 20px;
}

.texto-general_ar08.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar08.texto-descriptivo.visible_ar08 {
opacity: 1;
}

.boton-volver_ar08-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar08 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar08 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar08.rotacion-neutral {
transform: rotate(0deg);
}
/*-----------------------------------------------------------------------*/
.titulo-general_ar09 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar09 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar09 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar09 .highlight_ar09 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar09 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar09 .highlight_ar09 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar09 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar09 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar09 {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 50px 0px;
max-width: 250px;
margin: auto;

}

.persona_ar09 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar09.visible_ar09 {
animation: fadeInLeft_ar09 0.6s ease forwards;
}
.seccion_ar09{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar09 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar09 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar09 .overlay_ar09 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar09 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar09 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar09 img {
width: 28px;
height: auto;
}

.marco-rombo_ar09:hover .overlay_ar09,
.marco-rombo_ar09:hover .info-icon_ar09 {
opacity: 1;
}
.marco-rombo_ar09:hover .foto-rombo_ar09 img {
filter: brightness(1.4); 
}
.marco-rombo_ar09::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar09 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar09 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar09 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar09 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar09 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar09.visible_ar09 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar09 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar09 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar09 {
flex-direction: column;
gap: 40px;
}
.persona_ar09{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar09 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar09 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar09 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar09 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar09 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar09 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar09 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar09 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar09-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar09-perfil_ar09 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar09 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar09 img {
width: 20px;
height: 20px;
}

.texto-general_ar09.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar09.texto-descriptivo.visible_ar09 {
opacity: 1;
}

.boton-volver_ar09-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar09 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar09 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar09.rotacion-neutral {
transform: rotate(0deg);
}
/*-----------------------------------------------------------------------*/
.titulo-general_ar10 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar10 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar10 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar10 .highlight_ar10 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar10 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar10 .highlight_ar10 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar10 {
max-width: 500px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar10 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar10 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px 0px;
}

.persona_ar10 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar10.visible_ar10 {
animation: fadeInLeft_ar10 0.6s ease forwards;
}
.seccion_ar10{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar10 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar10 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar10 .overlay_ar10 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar10 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar10 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar10 img {
width: 28px;
height: auto;
}

.marco-rombo_ar10:hover .overlay_ar10,
.marco-rombo_ar10:hover .info-icon_ar10 {
opacity: 1;
}
.marco-rombo_ar10:hover .foto-rombo_ar10 img {
filter: brightness(1.4); 
}
.marco-rombo_ar10::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar10 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar10 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar10 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar10 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar10 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar10.visible_ar10 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar10 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar10 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar10 {
flex-direction: column;
gap: 40px;
}
.persona_ar10{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar10 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar10 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar10 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar10 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar10 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar10 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar10 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar10 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar10-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar10-perfil_ar10 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar10 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar10 img {
width: 20px;
height: 20px;
}

.texto-general_ar10.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar10.texto-descriptivo.visible_ar10 {
opacity: 1;
}

.boton-volver_ar10-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar10 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar10 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar10.rotacion-neutral {
transform: rotate(0deg);
}
/*******************************************/
/*-----------------------------------------------------------------------*/
.titulo-general_ar11 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar11 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar11 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar11 .highlight_ar11 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar11 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar11 .highlight_ar11 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar11 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar11 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar11 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar11 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar11.visible_ar11 {
animation: fadeInLeft_ar11 0.6s ease forwards;
}
.seccion_ar11{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar11 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar11 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar11 .overlay_ar11 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar11 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar11 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar11 img {
width: 28px;
height: auto;
}

.marco-rombo_ar11:hover .overlay_ar11,
.marco-rombo_ar11:hover .info-icon_ar11 {
opacity: 1;
}
.marco-rombo_ar11:hover .foto-rombo_ar11 img {
filter: brightness(1.4); 
}
.marco-rombo_ar11::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar11 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar11 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar11 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar11 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar11 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar11.visible_ar11 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar11 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar11 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar11 {
flex-direction: column;
gap: 40px;
}
.persona_ar11{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar11 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar11 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar11 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar11 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar11 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar11 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar11 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar11 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar11-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar11-perfil_ar11 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar11 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar11 img {
width: 20px;
height: 20px;
}

.texto-general_ar11.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar11.texto-descriptivo.visible_ar11 {
opacity: 1;
}

.boton-volver_ar11-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar11 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar11 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar11.rotacion-neutral {
transform: rotate(0deg);
}
/*******************************************/
/*-----------------------------------------------------------------------*/
.titulo-general_ar12 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 35px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 100px;
}
.titulo-general_ar12 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 25px;
color: #152c3d;
width: fit-content;
margin-bottom: 10px;
margin-top: 0;
scroll-margin-top: 300px;
}

.texto-general_ar12 {
font-size: 12px;
color: #555 ;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-align: left;
padding-bottom: 40px;
border-bottom: 0.5px solid #ccc;
}
.titulo-general_ar12 .highlight_ar12 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}
.highlight_ar12 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}


.titulo-general_ar12 .highlight_ar12 {
display: inline;
border-bottom: 2px solid #e3a305;
padding-bottom: 2px;
}

.equipo-container_ar12 {
max-width: 800px;
margin: 40px auto;
text-align: center;
}

.equipo-top_ar12 {
display: flex;
justify-content: center;
gap: 25px;
margin-bottom: 40px;
margin-top: 70px;
}


.equipo-grid_ar12 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 0px;
}

.persona_ar12 {
display: flex;
flex-direction: column;
align-items: center;
width: 230px;
margin: 0;
opacity: 0;
transform: translateX(-30px);
transition: all 1.5s ease;
}

.persona_ar12.visible_ar12 {
animation: fadeInLeft_ar12 0.6s ease forwards;
}
.seccion_ar12{
margin-top: 40px;
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@keyframes fadeInLeft_ar12 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.marco-rombo_ar12 {
position: relative;
z-index: 1;
cursor: pointer;
}
.marco-rombo_ar12 .overlay_ar12 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.5);
border-radius: 8px;
z-index: 8;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
transform: rotate(45deg);
}
.info-icon_ar12 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
width: 50px;
height: 50px;
}
.circulo-fondo_ar12 {
position: absolute;
width: 50px;
height: 50px;
background-color: white;
border-radius: 50%;
z-index: -1;
}
.info-icon_ar12 img {
width: 28px;
height: auto;
}

.marco-rombo_ar12:hover .overlay_ar12,
.marco-rombo_ar12:hover .info-icon_ar12 {
opacity: 1;
}
.marco-rombo_ar12:hover .foto-rombo_ar12 img {
filter: brightness(1.4); 
}
.marco-rombo_ar12::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 150px;
height: 150px;
border: 1.5px solid #e3a305;
transform: rotate(45deg);
border-radius: 8px;
z-index: 7;
}

.foto-rombo_ar12 {
position: relative;
width: 150px;
height: 150px;
transform: rotate(45deg) ;
overflow: hidden;
border-radius: 8px;
z-index: 2;
}

.foto-rombo_ar12 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4);
}

.nombre_ar12 {
margin: 0;
margin-top: 30px;
font-size: 14px;
font-weight: 600;
color: #152c3d;
text-align: center;
margin-top: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.cargo_ar12 {
margin: 3px 0 0;
font-size: 13px;
color: #777;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}

#grupo-secundario_ar12 {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

#grupo-secundario_ar12.visible_ar12 {
display: block;
opacity: 1;
transform: translateY(0);
}

#ver-mas-btn_ar12 {
margin: 30px auto;
padding: 10px 25px;
font-size: 14px;
background-color: #e3a305;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
display: block;
}

@media (max-width: 768px) {
.equipo-grid_ar12 {
grid-template-columns: repeat(2, 1fr);
}

.equipo-top_ar12 {
flex-direction: column;
gap: 40px;
}
.persona_ar12{
margin: auto
}
}

@media (max-width: 480px) {
.equipo-grid_ar12 {
grid-template-columns: 1fr;
}
}

#infraestructura{
width: 100%;
max-width: 800px;
margin: 40px auto;
}
@media(max-width: 768px){
#infraestructura{
width: auto;
padding: 0 30px;
}
}
.perfil-individual_ar12 {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ddd;
display: none;
}

.contenedor-perfil-gen_ar12 {
display: flex;
align-items: flex-start;
justify-content: center; 
gap: 40px;
margin: 0 auto 40px;
flex-wrap: wrap;
text-align: left;
}


.rombo-perfil_ar12 {
width: 150px;
height: 150px;
transform: rotate(45deg);
overflow: hidden;
border-radius: 12px;
position: relative;
}

.rombo-perfil_ar12 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg) scale(1.4); 
border-radius: 0;
}



.borde-rombo_ar12 {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border: 2px solid #e3a305;
border-radius: 10px;
box-sizing: border-box;
z-index: 4;
}

.detalle-perfil-cajon_ar12 {
max-width: 400px;       
opacity: 0;
transition: opacity 0.6s ease;
}




.info-contenido-perfil_ar12 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;       
color: #152c3d;         
line-height: 1.6;
}


.nombre_ar12-perfil {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
margin-top: 15px;
}

.cargo_ar12-perfil_ar12 {
font-size: 14px;
color: #777;
margin-bottom: 5px;
margin-top: 5px;
}

.linea-contacto_ar12 {
display: flex;
align-items: center;
gap: 12px;            
margin-bottom: 12px;   
font-size: 13px;
}

.linea-contacto_ar12 img {
width: 20px;
height: 20px;
}

.texto-general_ar12.texto-descriptivo {
opacity: 0;
transition: opacity 0.6s ease;
}

.texto-general_ar12.texto-descriptivo.visible_ar12 {
opacity: 1;
}

.boton-volver_ar12-contenedor {
margin-top: 20px;
text-align: center;
}

.boton-volver_ar12 {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
border-radius: 10px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px) rotate(45deg);
}
to {
opacity: 1;
transform: translateX(0) rotate(45deg);
}
}


.rombo-animado_ar12 {
animation: slideInLeft 0.8s ease forwards;
}
.foto-rombo_ar12.rotacion-neutral {
transform: rotate(0deg);
}
/*******************************************/

#inicio {
scroll-margin-top: 100px; 
}

/****************SUSCRIPCION*******************/

.boton-suscribir {
background-color: #e3a305;
color: white;
padding: 10px 20px;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
transition: background 0.3s;
}

.boton-suscribir:hover {
background-color: #c58d00;
}


.modal-suscripcion {
display: none;
position: fixed;
z-index: 999;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
}


.modal-contenido {
background: white;
padding: 30px;
border-radius: 8px;
width: 100%;
max-width: 400px;
position: relative;
text-align: center;
}

.modal-contenido input {
padding: 10px;
margin-top: 10px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 6px;
}

.boton-enviar {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 20px;
border-radius: 6px;
margin-top: 15px;
cursor: pointer;
font-weight: bold;
}

.cerrar-modal {
position: absolute;
top: 10px; right: 15px;
font-size: 20px;
color: #888;
cursor: pointer;
}

.bloque-cuentalo {
width: 300px;
max-width: 90%;
margin: 30px auto;
padding: 20px;
border: 1.5px solid #e3a305;
border-radius: 9px;
text-align: center;
font-family: 'Montserrat', sans-serif;
box-shadow: box-shadow: 1px 10px 31px -9px rgba(68,35,7,0.4);
-webkit-box-shadow: 1px 10px 31px -9px rgba(68,35,7,0.4);
-moz-box-shadow: 1px 10px 31px -9px rgba(68,35,7,0.4);
}

.bloque-cuentalo-texto {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px !important;
color: #152c3d;
margin-top: 5px !important;
text-align: center!important;
}

.bloque-cuentalo-boton {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.bloque-cuentalo-boton:hover {
background-color: #c99604;
}
.modal-cuentalo {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(21, 44, 61, 0.85);
}

.modal-cuentalo-contenido {
background-color: #fff;
margin: 10% auto;
padding: 30px;
border-radius: 10px;
max-width: 500px;
font-family: 'Montserrat', sans-serif;
position: relative;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.modal-cuentalo-contenido input,
.modal-cuentalo-contenido textarea {
width: 94%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
font-size: 14px;
border-radius: 5px;
font-family: 'Montserrat', sans-serif;
}

.modal-cuentalo-contenido button {
background-color: #e3a305;
color: white;
border: none;
padding: 10px 25px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
border-radius: 8px;
margin-top: 15px;
margin-bottom: 10px;
}

.modal-cuentalo-contenido button:hover {
background-color: #c99604;
}

.cerrar-cuentalo {
color: #152c3d;
position: absolute;
top: 6px;
right: 13px;
font-size: 17px;
font-weight: bold;
cursor: pointer;
z-index: 10000;
}
.modal-cuentalo-contenido .form-check {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: #152c3d;
margin: 15px 0;
flex-wrap: wrap;
}

.modal-cuentalo-contenido .form-check input[type="checkbox"] {
margin: 0;
transform: scale(1.1);
cursor: pointer;
width: 10px;
}

.modal-cuentalo-contenido .form-check a {
color: #e3a305;
text-decoration: none;
}

.modal-cuentalo-contenido .form-check a:hover {
text-decoration: underline;
}

.mensaje-exito {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
padding: 10px 20px;
border-radius: 5px;
font-size: 14px;
text-align: center;
margin-top: 15px;
font-family: 'Montserrat', sans-serif;
}
.separador-linea {
width: 100%;
height: 1px;
background-color: #e0e0e0;
margin: 40px 0;
}
.animar-premios {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease, transform 1s ease;
}

.animar-premios.visible {
  opacity: 1;
  transform: translateY(0);
}
/* Animación reveal para los textos de los años */
.years-column div {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.years-column div.reveal {
  opacity: 1;
  transform: translateY(0);
}
.tooltip-largo {
  display: none;
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 600px;
  width: 90%;
  background: white;
  border: 1px solid #ccc;
  padding: 20px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.tooltip-largo.activo-tooltip {
  display: block;
}

.scroll-texto {
  max-height: 300px;
  overflow-y: auto;
}
.tooltip-contacto {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333;
  background: #fff;
  border-radius: 8px;
}

.titulo-tooltip {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #4e4e4e;
  text-align: left;
}

.cuerpo-tooltip {
  line-height: 1.6;
  padding-right: 10px;
}
.tooltip-largo {
  width: 100%;
  max-width: 850px; /* o el ancho que estés usando para el cuadro */
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}

.scroll-texto {
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
  padding: 0; /* quita padding horizontal si lo hay */
  box-sizing: border-box;
}

.scroll-texto p {
  margin: 0 0 5px 0;
  line-height: 1.6;
}
.vigencia{
font-size: 12px;
font-weight: 600;
}
.texto-terminos{
font-size: 12px;
}
.cerrar-tooltip{
width: 100%;
display: flex;
position: relative;
justify-content: end;
font-weight: 900;
font-size: 20px;
right: 0;
cursor: pointer;
}
.lista-legal {
  padding-left: 20px;
  margin: 0;
}

.tabula {
  margin-bottom: 12px;
  text-align: justify;
	font-size: 12px;
}
.overlay-tooltip {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(2px);
  background-color: rgb(219 219 219 / 30%);
  z-index: 999;
  display: none;
}

/* Evitar scroll al estar activo */
body.tooltip-activo {
  overflow: hidden;
}
.blogSec_grid {
  align-items: stretch;
}

.blogSec_card {
  height: 100%;
  display: flex;
  align-items: center;
}