@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --tamanio-letras-parrafo: clamp(.8rem, 28.105px + 100vw * 0.0305, 1rem); /*1rem; 1.2rem;*/
    --tamanio-titulos-temas: 1.2rem;
    --tamanio-titulos-subtitulos: 1.5rem;
    --tamanio-titulos-titulos: 2.5rem;
    --interlineado-general: 1.3rem;

    --tipo-letra-principal: "Be Vietnam Pro", sans-serif;
    --color-principal:  #D71815;
    --color-principal-saturado: #de9732;
    --color-secundario: #124559;
    --color-basic-white:#ffffff;
    --color-basic-black:#000000;
    --color-basic-gris-claro: #d7d8da;
    --color-basic-gris-oscuro: #717173;
}

*{
    box-sizing: border-box;
    font-family: var(--tipo-letra-principal);
    font-optical-sizing: auto;
    /*font-size: var(--tamanio-letras-parrafo);*/
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    margin: 0;
    padding: 0;
}

html{
    font-size: 100%; /*62.5%*/
    scroll-behavior: smooth;
    transition: all .2s ease-out;
}

footer.majcargoPage {
    background: var(--color-secundario) !important;
    margin-top: 0 !important;
    color: var(--color-basic-white);
    z-index: 1;
}

header.majcargoPage {
    background-color: var(--color-basic-white) !important;
    box-shadow: 0 -26px 37px 5px var(--color-basic-black);
    display: flex;
    justify-content: space-between;
    /*padding: 1rem 2rem;
    position: absolute;*/
    top: 0;
    width: 100%;
    z-index: 10;
}

header.majcargoPage div {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0;
}


div#menuPrincipalMC {
    align-items: center;
    display: flex;
    justify-content: end;
    margin: 0 0 0 2rem;
}

div#menuPrincipalMC > div {
    padding: 0 !important;
    margin: 0;
    border: 0;
}

/*div#menuPrincipalMC ul li.lfr-nav-item a > span.text-truncate{
    color: var(--color-basic-white);
    font-weight: 100;
}*/


div.mascaraBannerMC {
    bottom: 0;
    overflow: hidden;
    /*padding: 0.9rem;*/
    position: absolute;
    width: 100%;    
    z-index: 2;

    animation: grow-progress-2 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 0% 10%;
    opacity: 0;
	transform-origin: 0 50%;
	transform: translateX(-20%);

}

div.mascaraBannerMC svg{
    transform: scale(1.3) translate(0, 25px);
    transform-origin: bottom;
    width: 100%;
}

div.mascaraBannerMC svg.linea-Banner:nth-of-type(1), svg.linea-Banner:nth-of-type(2) {
    bottom: 0;
    position: absolute;
    transform: scaleX(1.5);
    z-index: 2;
}


/* -----  Banner  ----- */

#textBannerMC{
    align-content: center;
    display: grid;
    height: 100vh;
}

#textBannerMC > div.mascaraMC{
    /*background: linear-gradient(0deg, rgba(055,255,255,0) 0%, rgba(255,67,57,1) 100%);*/
    height: 100vh;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100vw;
}


div#Opción41857488 {
    display: none !important;
}

section.bannersMajCar div#carousel-indicators {
    bottom: 2rem;
    gap: .5rem;
    justify-content: start;
    margin: 0;
    position: relative;
}

section.bannersMajCar div#carousel-indicators .active {
    background-color: var(--color-principal-saturado) !important;
}

section.bannersMajCar div#carousel-indicators [data-bs-target] {
    background-color: var(--color-basic-white);
    border-radius: 2rem;
    border: 0;
    height: 1rem;
    opacity: 1;
    width: 1rem;

}

section.bannersMajCar .carousel-fade button#carousel-control-next, section.bannersMajCar .carousel-fade button#carousel-control-prev {
    border-radius: 2rem;
    border: 0;
    display: inline-flex;
    margin: 0 .2rem;
    padding: 1rem;
    transition: all 1s ease-in;
}

section.bannersMajCar .carousel-fade button#carousel-control-next:hover, section.bannersMajCar .carousel-fade button#carousel-control-prev:hover {
    background: var(--color-terciario);
}

section.bannersMajCar .carousel-fade button#carousel-control-next:hover svg path, section.bannersMajCar .carousel-fade button#carousel-control-prev:hover svg path {
    fill: var(--color-basic-white);
}

section.bannersMajCar .carousel-fade button .carousel-control-next-icon, section.bannersMajCar .carousel-fade button .carousel-control-prev-icon {
    display: grid;
    height: .5rem;
    place-content: center;
    width: .5rem;
}

section.bannersMajCar .carousel-fade button .carousel-control-next-icon svg{
    transform: rotate(180deg);
}

section.bannersMajCar .carousel-caption {
    justify-self: end !important;
    place-self: center;
    left: 15rem !important;
    top: 0;
    width: 40%;
    z-index: 2;
}

section.bannersMajCar .carousel-caption h2 {
    /*font-family: 'Open Sans Condensed';*/
    font-size: 5rem;
    line-height: 4rem;
    text-align: start;
    text-shadow: 3px 6px 6px var(--color-basic-black);
}

section.bannersMajCar .carousel-caption p{
    /*font-family: 'Open Sans Condensed regular';*/
    font-size: var(--tamanio-titulos-temas);
    line-height: var(--interlineado-general);
    text-align: start;
}

section.bannersMajCar .carousel-caption.oculto {
    display: none !important;
}

section.bannersMajCar .carousel-caption h4, section.bannersMajCar .carousel-caption h3 {
    text-transform: uppercase;
}

/*.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    height: 100vh;
    overflow: hidden;
    position: relative;
    max-height: 80vh;
}*/






.carousel-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 1rem auto;
    -webkit-mask-image: url(/documents/d/optimates/fondo);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: url(/documents/d/optimates/fondo);
    mask-repeat: no-repeat;
    mask-size: cover;
    overflow: hidden;
    padding: 3rem;
    position: relative;
}
		
.carousel-track {
    display: flex;
    position: relative;
    transition: transform 0.5s ease-in-out;
    z-index: 2;
}

.carousel-slide {
    flex: 0 0 calc(100% / 5); /* 5 logos por vista */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.carousel-slide img {
    background-color: var(--color-basic-white);
    border-radius: 50rem;
    box-sizing: border-box;
    height: 12rem;
    /*max-width: 150px;
    max-height: 80px;*/
    object-fit: contain;
    padding: 1rem;
}

/* Botones */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: var(--color-basic-white);
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 2;
}

.carousel-btn.prev { left: 10px; }
.carousel-btn.next { right: 10px; }

/* Puntos */

.carousel-dots {
    text-align: center;
    margin: 3rem;
}

.carousel-dots button {
    border: none;
    background: var(--color-basic-gris-claro);
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    cursor: pointer;
}

.carousel-dots .active {
    background: var(--color-basic-gris-oscuro);
}






section.contenidoInternoArqUSA {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    /*justify-items: center;*/
    margin: 0 auto;
    /*max-width: 1366px;*/
    overflow: hidden;
    padding: 0 10%;
    position: relative;
}

div:has(section.contenidoInternoArqUSA) {
    background-color: var(--color-basic-white);
    overflow: clip;
}

div#\32{
    animation: grow-progress-3 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 0% 10%;
    opacity: 0;
	transform-origin: 10% 50%;
	transform: translateY(25%);
}

section.contenidoInternoArqUSA + svg{
    display: none;
}

section.contenidoInternoArqUSA cite a, section.bannersUsaArq .carousel-caption cite a{
    align-items: center;
    background: var(--color-basic-black);
    border: 1.5px solid var(--color-h4);
    border-radius: 2rem;
    color: var(--color-basic-white);
    display: flex;
    font-size: var(--tamanio-letras-parrafo);
    font-style: normal;
    justify-content: center;
    margin: 1rem 0;
    padding: 0.3rem 3rem;
    transition: all .5s ease-out;
    text-decoration: none;
    width: fit-content;
}

section.contenidoInternoArqUSA cite a:hover, section.bannersUsaArq .carousel-caption cite a:hover{
    background: var(--color-secundario);
    border: 1.5px solid var(--color-h4);
}

section.contenidoInternoArqUSA > article{
    /*align-content: center;*/
    align-items: center;
    /*box-shadow: inset 0 .9rem 0 var(--color-basic-white), inset 0 -.9rem 0 var(--color-basic-white);*/
    /*display: inline-grid;*/
    /*padding: 0rem 3rem; 1rem 3rem;*/
    position: relative;
    z-index: 1;
}

section.contenidoInternoArqUSA > svg:has(#miPath-1){
    position: fixed;

    animation: linea-1 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 50% 80%;
	transform-origin: 0 0;
}

section.contenidoInternoArqUSA > svg{
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100vh;
    z-index: 2;
}

section.contenidoInternoArqUSA > svg path{
    fill: none;
    stroke: var(--color-principal);
    stroke-width: 2;
    stroke-dasharray: 1677.81;
    stroke-dashoffset: 0;
}


div#\32 > div section.contenidoInternoArqUSA:nth-of-type(1) > article{
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 10% 20%;
    opacity: 0;
	transform-origin: 0 50%;
	transform: translateX(40%);
}

div#\32 > div section.contenidoInternoArqUSA:nth-of-type(2) > article{
    animation: grow-progress-2 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 10% 20%;
    opacity: 0;
	transform-origin: 0 50%;
	transform: translateY(80%);
}

div#\33 > div section.contenidoInternoArqUSA:nth-of-type(1) > article{
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 25% 40%;
    opacity: 0;
	transform-origin: 0 50%;
	transform: translateY(80%);
}

div#\33 > div section.contenidoInternoArqUSA:nth-of-type(2) > article:nth-of-type(1){
    animation: grow-progress-2 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 30% 50%;
    opacity: 0;
	transform-origin: 0 50%;
	transform: translateY(80%);
}

div#\33 > div section.contenidoInternoArqUSA:nth-of-type(2) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 40% 60%;
    opacity: 0;
	transform-origin: 0 50%;
	transform: translateY(40%);
}

div#\33 > div section.contenidoInternoArqUSA:nth-of-type(2) > article:nth-of-type(3){
    animation: grow-progress-2 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 50% 70%;
    opacity: 0;
	transform-origin: 0 50%;
	transform: translateY(80%);
}

div#\34 > div section.contenidoInternoArqUSA > article{
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 70% 90%;
    opacity: 0;
	transform-origin: 0 50%;
	transform: translateY(80%);
}

section.contenidoInternoArqUSA > article.Option17817159{
    grid-column: span 1;
}

section.contenidoInternoArqUSA > article.Opción86031131{
    grid-column: span 2;
}

section.contenidoInternoArqUSA > article.Opción10003233{
    grid-column: span 3;
}

section.contenidoInternoArqUSA > article > p:has(picture), section.contenidoInternoArqUSA > article > p:has(img) {
    margin: 0;
    padding: 0;
    z-index: 2;
}

section.contenidoInternoArqUSA > article > p:has(picture):after, section.contenidoInternoArqUSA > article > p:has(img):after {
    border-radius: 1.5rem 1.5rem 0 0;
    bottom: 0;
    content: '';
    display: block;
    height: 2.5rem;
    margin: 0 1rem;
    position: absolute;
    width: 95%;
    z-index: 2;
}

section.contenidoInternoArqUSA > article > h2, section.contenidoInternoArqUSA > article > h3, section.contenidoInternoArqUSA > article > h4 {
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: var(--tamanio-titulos-titulos);
    font-weight: 300;
    font-style: normal;
    padding: 0 3rem;
    text-transform: uppercase;
    width: 100%;
}

section.contenidoInternoArqUSA > article > h2::first-line, section.contenidoInternoArqUSA > article > h3::first-line, section.contenidoInternoArqUSA > article > h4::first-line{
    font-weight: 100;
}

section.contenidoInternoArqUSA > article > h2 {
    font-size: var(--tamanio-titulos-titulos);
    line-height: 1.2rem;
    margin: 0 auto 2rem;
    position: relative;
    width: fit-content;
}

section.contenidoInternoArqUSA > article > h3 {
    font-size: var(--tamanio-titulos-subtitulos);
    line-height: var(--tamanio-titulos-subtitulos);
}

section.contenidoInternoArqUSA > article > h4 {
    font-size: var(--tamanio-titulos-temas);
    line-height: var(--tamanio-titulos-temas);   
}

section.contenidoInternoArqUSA > article picture img, section.contenidoInternoArqUSA > article img{
    border-radius: 5rem 0;
    height: auto;
    -webkit-mask-image: url(/documents/d/optimates/fondo);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;    
    mask-image: url(/documents/d/optimates/fondo);
    mask-repeat: no-repeat;
    mask-size: cover;
    width: 100% !important;
}

section.contenidoInternoArqUSA > article picture img#limpia, section.contenidoInternoArqUSA > article img#limpia{
    border-radius: inherit;
    height: inherit;
    -webkit-mask-image: inherit;
    -webkit-mask-repeat: inherit;
    -webkit-mask-size: inherit;    
    mask-image: inherit;
    mask-repeat: inherit;
    mask-size: inherit;
    width: inherit !important;
}


section.contenidoInternoArqUSA > article > p{
    font-size: var(--tamanio-letras-parrafo);
    font-weight: 200;
    line-height: var(--interlineado-general);
    margin: 0;
    padding: 0 3rem;
    position: relative;   
    width: 100%; 
}

section.contenidoInternoArqUSA > article p video{
    height: 100%;
    width: 100% !important;
    display: block;
}

section.contenidoInternoArqUSA > article div.video-container{
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

section.contenidoInternoArqUSA article p video[autoplay] + button.boton-play-centro, section.contenidoInternoArqUSA article p video[autoplay] + div.controles {
  display: none;
}

section.contenidoInternoArqUSA > article > ul > li {
    /*hyphens: auto;*/
    line-height: var(--interlineado-general);
    /*list-style-image: url('/documents/d/arquibexperts/vinieta');*/
    padding: 0 0 0 1rem;
    width: 100%; 
}

section.contenidoInternoArqUSA > article > ul{
    padding: 1rem 2rem;/*1rem 4rem 3rem;*/
}

section.contenidoInternoArqUSA > svg#ondaTextCont_MC{
    bottom: -5%;
    left: -30%;
    opacity: .4;
    position: absolute;
    transform: rotate(0) scale(.5);
    transform-origin: bottom;
    z-index: 0;
}

/* ----- Fondo Azul Columna -----*/

section.contenidoInternoArqUSA.Opción32819153{
    background-color: var(--color-principal);
}

section.contenidoInternoArqUSA > article.Opción32819153{
    background-color: var(--color-principal);
}

section.contenidoInternoArqUSA > article.Opción32819153{
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Opción32819153 cite a{
    background: var(--color-degrade-secundario);
    border-color: var(--color-secundario);
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Opción32819153 cite a:hover{
    background-color: var(--color-secundario);
    border: 1.5px solid var(--color-basic-white);
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Opción32819153 > h2{
    color: var(--color-secundario);
}

section.contenidoInternoArqUSA > article.Opción32819153 > h2::first-line{
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Opción32819153 > h4{
    color: var(--color-h4);
    font-weight: 900;
}

/* ----- Fondo Azul Columna -----*/

/* ----- Fondo Blanco Columna -----*/

section.contenidoInternoArqUSA.Option00709324{
    background-color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Option11466194{
    background-color: var(--color-basic-white);
    color: var(--color-basic-gris-oscuro);
}

section.contenidoInternoArqUSA > article.Option11466194 > p:has(picture):after, section.contenidoInternoArqUSA > article.Option11466194 > p:has(img):after {
    background: var(--color-basic-white);
}

/*section.contenidoInternoMC > article.Opción83434637 > p img, section.contenidoInternoMC > article.Opción09502701 > p img, section.contenidoInternoMC > article.Opción19621357 > p img{
    background: var(--color-degrade-borde2);
}*/

section.contenidoInternoArqUSA > article.Option11466194 cite a, section.bannersMajCar .carousel-caption cite a{
    background: var(--color-secundario);
    border-color: var(--color-principal-saturado);
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Option11466194 cite a:hover, section.bannersMajCar .carousel-caption cite a:hover{
    background: var(--color-principal-saturado);
    border: 1.5px solid var(--color-basic-white);
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Option11466194 > h2, section.contenidoInternoArqUSA > article.Option11466194 > h3, section.contenidoInternoArqUSA > article.Option11466194 > h4{
    color: var(--color-secundario);
}

section.contenidoInternoArqUSA > article.Option11466194 > h2::first-line, section.contenidoInternoArqUSA > article.Option11466194 > h3::first-line, section.contenidoInternoArqUSA > article.Option11466194 > h4::first-line{
    color: var(--color-basic-gris-oscuro);
}

section.contenidoInternoArqUSA > article.Option11466194 > h2::after {
    content: '';
    position: absolute;
    background-color: var(--color-secundario);
    height: .6rem;
    width: .6rem;
    border-radius: 2rem;
    top: 50%;
    right: -2rem;
}

section.contenidoInternoArqUSA > article.Option11466194 > h2:before {
    content: '';
    position: absolute;
    background-color: var(--color-secundario);
    height: .6rem;
    width: .6rem;
    border-radius: 2rem;
    left: -2rem;
    top: 50%;
}

section.contenidoInternoArqUSA.Option00709324 + svg#lineasPieContenido {
    width: 100%;
    background-color: transparent;
    display: block;
}

svg#lineasPieContenido {
    transform: scaleX(1.3) translateY(40%);
    padding: 0 0 10px 0;


    animation: grow-progress-4 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 25% 45%;
    opacity: 0;
	transform-origin: 0 50%;
}

/* ----- Fondo Blanco Columna -----*/


/* ----- Fondo Naranja Columna -----*/


section.contenidoInternoArqUSA.Option00248685{
    background-color: var(--color-principal-saturado);
}

section.contenidoInternoArqUSA > article.Option44087620{
    background-color: var(--color-principal-saturado);
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Option44087620 > p:has(picture):after, section.contenidoInternoArqUSA > article.Option44087620 > p:has(img):after {
    background: var(--color-principal-saturado);
}

/*section.contenidoInternoMC > article.Opción83434637 > p img, section.contenidoInternoMC > article.Opción09502701 > p img, section.contenidoInternoMC > article.Opción19621357 > p img{
    background: var(--color-degrade-borde2);
}*/

section.contenidoInternoArqUSA > article.Option44087620 cite a, section.bannersMajCar .carousel-caption cite a{
    background: var(--color-basic-black);
    border-color: var(--color-principal-saturado);
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Option44087620 cite a:hover, section.bannersMajCar .carousel-caption cite a:hover{
    background: var(--color-principal-saturado);
    border: 1.5px solid var(--color-basic-white);
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Option44087620 > h2, section.contenidoInternoArqUSA > article.Option44087620 > h3, section.contenidoInternoArqUSA > article.Option44087620 > h4{
    color: var(--color-basic-gris-claro);
}

section.contenidoInternoArqUSA > article.Option44087620 > h2::first-line, section.contenidoInternoArqUSA > article.Option44087620 > h3::first-line, section.contenidoInternoArqUSA > article.Option44087620 > h4::first-line{
    color: var(--color-basic-white);
}

section.contenidoInternoArqUSA > article.Option44087620 > h2::after {
    content: '';
    position: absolute;
    background-color: var(--color-basic-white);
    height: .6rem;
    width: .6rem;
    border-radius: 2rem;
    top: 50%;
    left: -2rem;
}

section.contenidoInternoArqUSA > article.Option44087620 > h2:before {
    content: '';
    position: absolute;
    background-color: var(--color-basic-white);
    height: .6rem;
    width: .6rem;
    border-radius: 2rem;
    right: -2rem;
    top: 50%;
}

section.contenidoInternoArqUSA.Option00248685 + svg#ondaPieContenido {
    width: 100%;
    background-color: transparent;
    display: block;
}

/*section.contenidoInternoArqUSA:nth-of-type(2n):has(svg):not(.lineasPieContenido):not(.ondaPieContenido){
	background: #FFFFFF;
    background: linear-gradient(324deg,rgba(255, 255, 255, 1) 0%, rgba(215, 216, 218, 1) 100%);
}*/

section.contenidoInternoArqUSA:has(p.intra1) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 1% 7%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra1) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 1% 7%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

section.contenidoInternoArqUSA:has(p.intra2) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 12% 18%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra2) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 12% 18%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

section.contenidoInternoArqUSA:has(p.intra3) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 23% 29%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra3) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 23% 29%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

section.contenidoInternoArqUSA:has(p.intra4) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 34% 40%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra4) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 34% 40%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

section.contenidoInternoArqUSA:has(p.intra5) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 45% 51%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra5) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 45% 51%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

section.contenidoInternoArqUSA:has(p.intra6) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 56% 62%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra6) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 56% 62%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

section.contenidoInternoArqUSA:has(p.intra7) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 67% 73%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra7) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 67% 73%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

section.contenidoInternoArqUSA:has(p.intra8) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 78% 84%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra8) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 78% 84%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

section.contenidoInternoArqUSA:has(p.intra9) > article:nth-of-type(1){
    animation: grow-progress-8 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 89% 95%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}
section.contenidoInternoArqUSA:has(p.intra9) > article:nth-of-type(2){
    animation: grow-progress auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 89% 95%;
    opacity: 0;
	transform-origin: 0 0;
    transform: translateY(80%);
}

svg#ondaPieContenido {
    transform: scale(1.3) translate(0);
    padding: 0 0 9px 0;
}


/* ----- Fondo Naranja Columna -----*/





nav.ExpUsuAP {
    border-left: 1px solid var(--color-basic-black);
    padding: 0 1rem;
}

nav.ExpUsuAP ul {
    align-items: center;
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.ExpUsuAP ul li a {
    color: var(--color-basic-white);
    cursor: pointer;
    padding: 0 .2rem;
    text-decoration: none;
    transition: all .2s ease-out;
}

nav.ExpUsuAP ul li a:hover {
    color: var(--color-principal) !important;
}

nav.ExpUsuAP ul li svg#tamanioLetra{
    cursor: pointer;
    height: auto;
    width: 0.8rem;
}

nav.ExpUsuAP ul li a.letraP svg#tamanioLetra {
    width: 0.6rem;
}

nav.ExpUsuAP ul li svg{
    fill: var(--color-basic-black);
}

nav.ExpUsuAP ul li svg.contrastePage{
    cursor: pointer;
    height: auto;
    width: 1rem;
}

nav.ExpUsuAP ul li svg .iconoCabezote{
    fill: var(--color-secundario);
    transition: all .2s ease-out;
}

nav.ExpUsuAP ul li svg .iconoCabezote:hover{
    fill: var(--color-principal);
}
		
.filtroFondoLogo{
    background-color: rgba(187, 206, 168, 0.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

section.footerUSAPage > article {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
    position: relative;
    z-index: 2;
}

nav.redesSocialesUSA {
    position: relative;
    right: .5rem;
    top: 30%;
    z-index: 12;
    width: max-content;    
}

nav.redesSocialesUSA li{
    background-color: var(--color-secundario);
    border-radius: 2rem;
    list-style: none;
    margin: 0.2rem;
    transition: all .5s ease-out;
}

nav.redesSocialesUSA li:hover{
    background-color: var(--color-principal);
}

nav.redesSocialesUSA li a {
    padding: 0.5rem;
    display: block;
}

nav.redesSocialesUSA li a img {
    width: 1.5rem;
}

video.videoBannersMajCar, img.imagenBannersMajCar {
    width: 100%;
    height: auto;
    /*object-fit: cover;
    object-position: bottom center;
    position: absolute;
    top: 0;
    left: 0;*/
}





/*  ----- Videos  -----  */

section.contenidoInternoMP1 > article p:has(video) {
  position: relative;
  width: 100%;
  /*max-width: 800px;*/
  margin: auto;
  background-color: var(--color-secundario);
/*  border-radius: 10px;*/
  overflow: hidden;
}

/*video {
  width: 100%;
  display: block;
}*/

/* Botón de play centrado */
.boton-play-centro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  background: rgba(215, 24, 21, 0.6);
  border: none;
  color: var(--color-basic-white);
  /*border-radius: 50%;*/
  width: 101%;
  height: 100%;
  cursor: pointer;
  transition: 0.3s ease;
  z-index: 2;
}

.boton-play-centro:hover {
  background: rgba(233, 68, 131, 0.6);
}

/* Controles personalizados */
.controles {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: var(--color-basic-white);
  display: flex;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  font-family: 'Arial', sans-serif;
  z-index: 1;
}

.boton-play {
  background: none;
  border: none;
  color: var(--color-basic-white);
  font-size: 24px;
  cursor: pointer;
  margin-right: 10px;
}

.barra-progreso {
  flex: 1;
  margin: 0 10px;
  appearance: none;
  height: 5px;
  background: var(--color-principal);
  border-radius: 5px;
  cursor: pointer;
}

.barra-progreso::-webkit-slider-thumb {
  appearance: none;
  width: 10px;
  height: 10px;
  background: var(--color-basic-white);
  border-radius: 50%;
  cursor: pointer;
}

.barra-progreso::-moz-range-thumb {
  width: 10px;
  height: 10px;
  background: var(--color-basic-white);
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

.tiempo-actual,
.duracion-total {
  font-size: 14px;
}




/*   ----- CSS externo -----   */

/*#main-content > div:nth-of-type(odd) {
    display: none;
}*/

.portlet-decorate .portlet-content {
    background: none !important;
    border: none !important;
    margin: 0 auto;
    /*max-width: 1280px;*/
    padding: 0 !important;
}

.portlet-decorate .portlet {
     margin-bottom: 0px !important;
}

/*span.sign-in.text-default {
    display: none;
}*/


div#main-content > div {
    position: relative;
}

div#main-content > div:nth-of-type(4n+1):after {
    content: url(/documents/d/optimates/mancha-1);
    position: absolute;
    mix-blend-mode: multiply;
    bottom: 0;
    transform: scale(.6) translate(0rem, 100rem);
    left: 0;
    z-index: 2;



    animation: grow-progress-5 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 0% 60%;
	transform-origin: 0 0;

}

div#main-content > div:nth-of-type(4n+2):after {
    content: url(/documents/d/optimates/mancha-2);
    position: absolute;
    mix-blend-mode: multiply;
    bottom: 0;
    transform: scale(.6) translate(4rem, -60rem);
    right: 0;
    z-index: 2;


    animation: grow-progress-6 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 0% 50%;
	/*transform-origin: 0 0;*/

}

div#main-content > div:nth-of-type(4n+3):after {
    content: url(/documents/d/optimates/mancha-3);
    position: absolute;
    mix-blend-mode: multiply;
    bottom: 0;
    transform: scale(.7) translate(-2rem, 0rem);
    left: 0;
    z-index: 1;


    animation: grow-progress-7 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 50% 80%;
	transform-origin: 0 0;
}

div#main-content > div:nth-of-type(4n):after {
    content: url(/documents/d/optimates/mancha-4);
    position: absolute;
    mix-blend-mode: multiply;
    bottom: 0;
    transform: scale(.6) translate(4rem, -30rem);
    right: 0;
    z-index: 1;

    animation: grow-progress-6 auto linear forwards;
	animation-timeline: scroll(block root);
    animation-range: 80% 100%;
	/*transform-origin: 0 0;*/
}


img[alt="Optimates"]{
    width: 13rem;
    height: auto;
}


@keyframes grow-progress {
	from {
        opacity: 0;
		transform: translateX(40%);
	}
	to {
        opacity: 1;
		transform: translateX(0%);
	}
}

@keyframes grow-progress-2 {
	from {
        opacity: 0;
		transform: translateY(80%);
	}
	to {
        opacity: 1;
		transform: translateY(0%);
	}
}

@keyframes grow-progress-3 {
	from {
        opacity: 0;
		transform: translateY(25%);
	}
	to {
        opacity: 1;
		transform: translateY(0%);
	}
}

@keyframes grow-progress-4 {
	from {
        opacity: 0;
		transform: scaleX(1.3) translateY(40%);
	}
	to {
        opacity: 1;
		transform: scaleX(1.3) translateY(0%);
	}
}

@keyframes grow-progress-5 {
	from {
		transform: scale(.6) translate(0rem, 100rem);
	}
	to {
		transform: scale(.6) translate(0rem, 30rem);
	}
}

@keyframes grow-progress-6 {
	from {
		transform: scale(.6) translate(4rem, -30rem);
	}
	to {
		transform: scale(.6) translate(4rem, 10rem);
	}
}

@keyframes grow-progress-7 {
	from {
		transform: scale(.7) translate(-2rem, 0rem);
	}
	to {
		transform: scale(.7) translate(-2rem, -50rem);
	}
}

@keyframes grow-progress-8 {
	from {
        opacity: 0;
		transform: translateX(-40%);
	}
	to {
        opacity: 1;
		transform: translateX(0%);
	}
}


@keyframes linea-1 {
	from {
        opacity: 1;
	}
	to {
        opacity: 0;
	}
}













/* -----     Diseño adaptable     ----- */

@media (min-width: 340px) and (max-width: 600px){

    html{
        font-size: 90%;
    }


    section.contenidoInternoAE:has(#formElemento){
        margin-top: 3rem;
    }

    section.contenidoInternoMC {
        display: grid;
        gap: 2rem;
    }

    section.contenidoInternoMC cite a.contacto {
        font-size: 1.5rem;
    }

    .contactoWrapper {
        display: inline !important;
    }   

    .enviarWrapper {
        text-align: center;
    }   

    footer.majcargoPage > div.container {
        display: block;
    }

    div.mascaraBannerMC svg:nth-of-type(4) {
        display: none;
    }   

    div#pruebaFondo {
        background-size: inherit;
        background-position: 70%;
        mask-size: inherit;
    }

    section.bannersMajCar .carousel-item{
        height: 80vh;
    }

    section.bannersMajCar .carousel-item img {
        transform: scale(4);
        transform-origin: inherit;
    }

    section.bannersMajCar .carousel-item img {
        transform: scale(4);
        transform-origin: inherit;
    }

    div#menuPrincipalMC > div ul[role="menubar"] {
        background-color: var(--color-principal);
    }

    section.contenidoInternoArqUSA {
        display: block;
        padding: 0 5%;
    }

    section.contenidoInternoArqUSA > article > p {
        width: 100% !important;
    }

    section.contenidoInternoArqUSA > article > h2 {
        font-size: 2rem;
    }

    section.contenidoInternoArqUSA > article picture img, section.contenidoInternoArqUSA > article img {
        width: fit-content !important;
    }

    section.footerUSAPage > article {
        display: block;
    }
    
    section.footerUSAPage > article > div > p {
        text-align: center !important;
    } 

    section.footerUSAPage > article > div > p > img {
        width: 40% !important;
    } 

    svg#ondaPieContenido {
        transform: scale(3.3) translate(0);
    }    

    nav.redesSocialesUSA {
        margin: 0 auto;
    }    
        
}

@media (min-width: 340px) and (max-width: 911px){

}

@media (max-width: 480px) {

    section.bannersMajCar .carousel-item{
        height: 65vh;
    }

    section.bannersMajCar .carousel-caption h2 {
        font-size: 2.5rem;
        line-height: 2rem;
    }  
    
 }

@media (min-width: 480px) and (max-width: 767px) {

    section.bannersMajCar .carousel-item{
        height: 80vh;
    }

    div#menuPrincipalMC > div ul[role="menubar"] {
        background-color: var(--color-principal);
    }

 } 

@media (max-width: 768px){

    section.bannersMajCar .carousel-caption {
        display: block !important;
        justify-self: start !important;
        left: 20% !important;
        right: 0;        
        width: 70%;
    } 

    section.bannersMajCar .carousel-item > video {
        display: none;
    }

    section.bannersMajCar .carousel-item > picture{
        display: block !important;
    }

    section.bannersMajCar .carousel-caption.oculto, section.bannersMajCar .carousel-caption a, div#textBannerGA > picture {
        display: block !important;
    }

    
    section.contenidoInternoAE:has(#formElemento){
        margin-top: 3rem;
    }       

    footer.majcargoPage > div.container {
        display: block;
    }

    div#menuPrincipalMC {
        justify-content: space-between;
        margin: 0;
        width: 100%;
    }

    div#menuPrincipalMC > div {
        width: 100%;
    }

    div#menuPrincipalMC > div.autofit-col {
        display: none;
    }
    
    header.majcargoPage > div:nth-of-type(1) {
        display: none;
    }    

    .navbar-light .navbar-toggler-icon {
        filter: brightness(200%);
    }

    .navbar-light .navbar-toggler {
        border-color: var(--color-basic-white);
    }

    .navbar-expand-md .navbar-collapse {
        justify-content: end;
    }

    div#menuPrincipal .d-md-none {
        display: block !important;
    } 

    div.mascaraBannerMC {
        bottom: -8px;
    }    

}

@media (min-width: 711px) and (max-width: 853px){ 

    section.bannersMajCar .carousel-item{
        height: 60vh;
    }

    section.bannersMajCar .carousel-item img {
        transform: scale(3);
        transform-origin: inherit;
    }

    section.bannersMajCar .carousel-caption {
        display: block !important;
        width: 70%;
    }

    section.bannersMajCar .carousel-item > video {
        display: none;
    }

    section.bannersMajCar .carousel-caption.oculto, section.bannersMajCar .carousel-caption a, div#textBannerGA > picture {
        display: block !important;
    }

}

@media (min-width: 540px) and (max-width: 911px){

}


@media (min-width: 540px) and (max-width: 1279px){
    
}


@media (min-width: 912px) and (max-width: 1024px){
    section.bannersMajCar .carousel-item img {
        transform: scale(3);
        transform-origin: inherit;
    }

    /*div.mascaraBannerMC svg {
        transform: scale(1.3) translate(0, 11px);
    }*/
}


@media (min-width: 1100px) and (max-width: 1280px) {

    section.bannersMajCar .carousel-item img {
        transform: scale(1.2);
        transform-origin: inherit;
    }
} 

@media (min-width: 1200px) and (max-width: 1369px) { 
    
    html{
        font-size: 80%;
    }

    section.contenidoInternoMC{
        flex-wrap: nowrap !important;
    }

    section.contenidoInternoMC > article {
        flex: 1;
    }

}

@media (min-width: 1370px) { 

}

  /* -----     Diseño adaptable     ----- */