/* #Primary
================================================== */
:root{
    --primary-black:#161115;
    --primary-white:#FFFFFD;
    --verde:#58D090;
    --naranja:#FF8B3B;
    --rosa:#FFBCDD;
    --turquesa:#A6EAE0;
    --purpura:#A68EFF;
    --color-gray:#929192;
    --color-gray-light:#EAEAEA;
    --color-gray-light-2:#D7D7D7;
    --color-gray-light-3:#888888;
    --color-gray-light-4:#929192;
    --color-success:#83BA2C;
    --color-error:#FF573D;
    --primary-color:var(--verde);
    --bs-body-font-family:'Bricolage Grotesque';
    --bs-body-font-size: 1rem;
    --bs-body-color:var(--primary-black);
}
.text-white{
    color: var(--primary-white);
}
h6,h5,h4,h3,h2,h1,p,span,figure, small{ margin-bottom: 0;}

a{ text-decoration: none;color: inherit;transition: color .2s ease-in, background-color .2s ease-in, border-color .2s ease-in;}
.relativo{ position: relative;}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button-bevel;
}
:focus-visible{
    outline: none;
    outline-color: transparent;
}
:-internal-direct-focus {
    outline-color: transparent;
}
body{
    touch-action: manipulation;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--primary-black);
}
.gap-8 {gap: 8px;}
.gap-10 {gap: 10px;}
.gap-12 {gap: 12px;}
.gap-20 {gap: 20px;}
.gap-24 {gap: 24px;}
.gap-40 {gap: 40px;}
.mt-8 {margin-top: 8px;}
.mt-12 {margin-top: 12px;}
.mt-14 {margin-top: 14px;}
.mt-16 {margin-top: 16px;}
.mt-18 {margin-top: 18px;}
.mt-20 {margin-top: 20px;}
.mt-21 {margin-top: 21px;}
.mt-24 {margin-top: 24px;}
.mt-25 {margin-top: 25px;}
.mt-27 {margin-top: 27px;}
.mt-30 {margin-top: 30px;}
.mt-32 {margin-top: 32px;}
.mt-50 {margin-top: 50px;}
.mt-40 {margin-top: 40px;}
.mt-60 {margin-top: 60px;}
.mt-61 {margin-top: 61px;}
.mt-70 {margin-top: 70px;}
.mt-102 {margin-top: 102px;}
.mb-6 {margin-bottom: 6px;}
.mb-8 {margin-bottom: 8px;}
.mb-9 {margin-bottom: 9px;}
.mb-10 {margin-bottom: 10px;}
.mb-16 {margin-bottom: 16px;}
.mb-20 {margin-bottom: 20px;}
.mb-24 {margin-bottom: 24px;}
.mb-32 {margin-bottom: 32px;}
.mb-40 {margin-bottom: 40px;}
.mb-59 {margin-bottom: 59px;}
.mb-60 {margin-bottom: 60px;}
.mb-69 {margin-bottom: 69px;}
.mb-80 {margin-bottom: 80px;}
.pt-7 {padding-top: 7px;}
.pt-8 {padding-top: 8px;}
.pt-12 {padding-top: 12px;}
.pt-16 {padding-top: 16px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-69 {padding-top: 69px;}
.pt-85 {padding-top: 85px;}
.pt-100 {padding-top: 100px;}
.pb-23 {padding-bottom: 23px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
.pb-42 {padding-bottom: 42px;}
.pb-49 {padding-bottom: 49px;}
.w-90 {width: 90%;}
.w-80 {width: 93%;}
.h-30 {height: 30px;}
.text-w{color: var(--primary-white);}
.text-b{color: var(--primary-black);}
.pad-40{padding: 40px 0;}
.pad-60{padding: 60px 0;}
.pad-80{padding: 80px 0;}
.pad-20{padding: 20px 0;}
.bg-b{background-color: var(--primary-black);}
.bg-w{background-color: var(--primary-white);}
.bg-gray-light{background-color: var(--color-gray-light);}
.bg-rosa{background-color: var(--rosa);}
.bg-verde{background-color: var(--verde);}
.bg-turquesa{background-color: var(--turquesa);}
.bg-naranja{background-color: var(--naranja);}
.bg-purpura{background-color: var(--purpura);}
.relative{position: relative;}
.w-70{width: 70%;}
.radius-16{border-radius: 16px;}
.radius-16-b{border-radius: 0 0 16px 16px;}
.radius-16-t{border-radius: 16px 16px 0 0;}
/* #Header
================================================== */
@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    transition: height 0.3s ease-in-out, background-color .2s ease-in, box-shadow .2s ease-in;
    height: 60px;
}
header.scroll-on {
    position: fixed;
    top: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-in;
    z-index: 999;
    animation: slideDown 0.35s ease-out;
    background-color: var(--primary-black);
}
nav.navbar-expand-lg {
    background: transparent;
    transition: all 0.2s ease-in;
    padding: 0;
}
header .navbar-expand-lg > .container {
    display: block;
    height: 60px;
    transition: height 0.3s ease-in-out;
}
header .navbar > .container > .row {
    height: 100%;
    align-items: center;
}
.navbar-nav {
    gap: 70px;
}
.navbar .navbar-brand{
    width: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar .navbar-brand svg{
    width: 42px;
    height: auto;
}
.navbar .navbar-brand svg path{
    fill: var(--primary-white);
    transition: fill .2s ease-in;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    transition: color .2s ease-in, background-color .2s ease-in, border-color .2s ease-in;
    color: var(--primary-white);
}
.scroll-on nav.navbar-expand-lg {
    background: var(--second-color);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    padding: 16px 16px 24px 16px;
    background: #FFFFFF;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 6px 6px;
    border: 0;
    margin-top: 0;
    display: block;
    transition: all 0.25s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
}
.navbar-expand-lg .navbar-nav .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: block;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
    padding: 0;
    white-space: inherit;
}
.navbar-toggler-icon {
    background-image: none !important;
    width: 18px;
    height: 14px;
    display: inline-block;
    position: relative;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon > span {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--primary-white);
    border-radius: 2px;
    transition: transform 0.28s cubic-bezier(.2,.9,.2,1), opacity 0.2s ease, background-color 0.25s ease-in-out;
}
.navbar-toggler-icon > span { top: 50%; transform: translateY(-50%); }
.navbar-toggler-icon::before { top: 0; }  
.navbar-toggler-icon::after  { bottom: 0; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: translateY(8px) rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: translateY(-8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > span {
  opacity: 0;
  transform: scaleX(0.8);
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
  transform: translateY(6px) rotate(45deg);
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
  transform: translateY(-6px) rotate(-45deg);
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon > span {
  opacity: 0;
}
.navbar-toggler {
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-toggler:focus { box-shadow: none; outline: none; }
.header-dark.start-style .navbar .navbar-brand svg path { fill: var(--primary-black); }
.header-dark.start-style .navbar-expand-lg .navbar-nav .nav-link { color: var(--primary-black); }
.header-dark.start-style .navbar-toggler-icon::before,
.header-dark.start-style .navbar-toggler-icon::after,
.header-dark.start-style .navbar-toggler-icon > span { background-color: var(--primary-black); }
.header-dark.start-style .spi-btn.btn-white {
    background: var(--primary-black);
    color: var(--primary-white);
    border-color: var(--primary-black);
}
.navbar-collapse .menu-footer{
    display: none;
}
.navbar-collapse .menu-copy {
    display: none;
}
.underline-bottom {
    position: relative;
    text-decoration: none;
}
.underline-bottom::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
}
.text-underline {
    text-decoration: underline;
}

/* #Main
================================================== */
.hero-banner {
    position: relative;
    height: 90vh;
    display: flex;
    align-items: flex-end;
    padding-bottom: 80px;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}
.hero-banner-img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btn-line {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border: 1px solid currentColor;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.22s ease;
}

.deck {
    display: flex;
    height: 381px;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .7s ease, transform .7s ease;
}
.deck.in-view { opacity: 1; transform: translateY(0); }
.deck-card {
    position: relative;
    width: 62px;
    flex: 0 0 auto;
    height: 100%;
    margin-left: -18px;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: -8px 0 24px rgba(0, 0, 0, .18);
    transition: width .6s cubic-bezier(.4, 0, .2, 1), height .6s cubic-bezier(.4, 0, .2, 1);
}
.deck-card:first-child { margin-left: 0; }
.deck-card:nth-child(1) { z-index: 1; }
.deck-card:nth-child(2) { z-index: 2; }
.deck-card:nth-child(3) { z-index: 3; }
.deck-card:nth-child(4) { z-index: 4; }
.deck-card:nth-child(5) { z-index: 5; }
.deck-card.active {
    width: calc(100% - 4 * 44px);
    z-index: 100;
    cursor: default;
}
.card-verde    { background: var(--verde); }
.card-naranja  { background: var(--naranja); }
.card-rosa     { background: var(--rosa); }
.card-turquesa { background: var(--turquesa); }
.card-purpura  { background: var(--purpura); }
.deck-tab-label {
    position: absolute;
    bottom: 24px;
    right: 29px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    transition: opacity .2s ease .4s;
}
.deck-card.active .deck-tab-label { opacity: 0; transition: opacity .15s ease; }
.deck-card-body {
    position: absolute;
    inset: 0;
    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease-out;
}
@keyframes deckFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes deckFadeOut { from { opacity: 1; } to { opacity: 0; } }
.deck-card.active .deck-card-body {
    opacity: 1;
    pointer-events: auto;
    animation: deckFadeIn .35s ease .2s both;
}
.deck-card.leaving .deck-card-body { animation: deckFadeOut .3s ease-out both; }
.deck-card-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 35px 24px 40px;
}
.deck-card-logo { height: 26px; width: auto; margin-right: auto;}
.deck-card-desc { width: 402px; }
.deck-card-foot .btn-line { white-space: nowrap; }
.deck-card-media {
    position: relative;
    display: block;
    width: 453px;
    flex: 0 0 auto;
    overflow: hidden;
    cursor: pointer;
}
.deck-card-media img { width: 100%; height: 100%; object-fit: cover; }
.deck-card-arrow img { transition: transform .2s ease; width: 12px; height: 12px; }
.deck-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.deck-pleca {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease;
    background: linear-gradient(to right,
        transparent          0     7.1%,
        var(--primary-black) 7.1%  31.4%,
        transparent          31.4% 42.5%,
        var(--primary-black) 42.5% 49.6%,
        transparent          49.6% 53.9%,
        var(--primary-black) 53.9% 64.1%,
        transparent          64.1% 68.4%,
        var(--primary-black) 68.4% 92.5%,
        transparent          92.5% 100%);
}
.deck-card.active .deck-pleca { opacity: 1; transition: opacity .3s ease .3s; }
.deck-dots { display: flex; justify-content: center; gap: 16px; margin-top: 16px; }
.deck-dot {
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--dot);
    opacity: .35;
    cursor: pointer;
    transition: opacity .3s, transform .3s;
}
.deck-dot.active { opacity: 1; transform: scale(1.1); }
.marcas-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 32px;
    max-width: 928px;
    margin: 0 auto;
}
.row-break { flex: 0 0 100%; height: 0; }
.marca { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; padding: 3px 0; }
.marca img { display: block; width: auto; height: auto; }
.marca img[src$="/panini-comics.svg"] { height: 22px; }
.marca img[src$="/televisa.svg"] { height: 22px; }
.marca img[src$="/mens-health.svg"] { height: 22px; }
.marca img[src$="/design-hunter.svg"] { height: 22px; }
.marca img[src$="/ambar-editores.svg"] { height: 16px; }
.marca img[src$="/chilango.svg"] { height: 26px; }
.marca img[src$="/lbeaute.svg"] { height: 26px; }
.marca img[src$="/la-castellana.svg"] { height: 14px; }
.marca img[src$="/office-depot.svg"] { height: 16px; }
.marca img[src$="/3b.svg"] { height: 28px; }
.marca img[src$="/coppel.svg"] { height: 26px; }
.marca img[src$="/esperanza.svg"] { height: 22px; }
.marca img[src$="/invex.svg"] { height: 18px; }
.marca img[src$="/banamex.svg"] { height: 24px; }
.marca img[src$="/sura.svg"] { height: 23px; }
.marca img[src$="/dhl.svg"] { height: 13px; }
.marca img[src$="/bancoppel.svg"] { height: 18px; }
.marca img[src$="/truper.svg"] { height: 32px; }
.marca img[src$="/philips.svg"] { height: 14px; }
.marca img[src$="/mattilda.svg"] { height: 32px; }
.marca img[src$="/baco.svg"] { height: 22px; }
.marca img[src$="/stihl.svg"] { height: 22px; }
.marca img[src$="/consubanco.svg"] { height: 24px; }
.marca img[src$="/perro-verde.svg"] { height: 40px; }
.marca img[src$="/sanborns.svg"] { height: 22px; }
.marca img[src$="/concordia.svg"] { height: 34px; }
.marca img[src$="/bayer.svg"] { height: 42px; }
.marca img[src$="/johnson-johnson.svg"] { height: 24px; }
.marca img[src$="/gatopardo-ediciones.svg"] { height: 22px; }
.marca img[src$="/pfizer.svg"] { height: 34px; }
.marca img[src$="/listerine.svg"] { height: 16px; }
.marca img[src$="/cerave.svg"] { height: 34px; }
.marca img[src$="/genomma.svg"] { height: 44px; }
.marca img[src$="/sonamex.svg"] { height: 42px; }
.marca img[src$="/herbalife.svg"] { height: 22px; }
.marca img[src$="/blife.svg"] { height: 28px; }
.marca img[src$="/hm.svg"] { height: 26px; }
.marca img[src$="/kenvue.svg"] { height: 22px; }
.marca img[src$="/ds-labs.svg"] { height: 38px; }
.marca img[src$="/ilusion.svg"] { height: 26px; }
.marca img[src$="/figs.svg"] { height: 16px; }
.marca img[src$="/mega-shoes.svg"] { height: 28px; }
.marca img[src$="/ferragamo.svg"] { height: 16px; }

.exig-slider { border-radius: 16px; overflow: hidden; }
.exig-card { position: relative; height: 422px; overflow: hidden; }
.exig-card > picture img,
.exig-card > picture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.exig-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .2); }
.exig-arrow {
    position: absolute; top: 20px; right: 20px; z-index: 2;
    width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;
}
.exig-arrow img { filter: brightness(0) invert(1); }
.exig-info { position: absolute; left: 8px; right: 12px; bottom: 19.5px; z-index: 2; }
.exig-head { display: flex; align-items: baseline; gap: 4px; min-height: 38px; }
.exig-dot { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--primary-white); }
.exig-title, .exig-desc { color: var(--primary-white); }
.exig-desc { margin-top: 8px; }
.p-slider .swiper-pagination {
    position: relative;
    text-align: center;
    padding: 16px 0 0;
    bottom: 0 !important;
    font-size: 0;
    display: flex;
    justify-content: center;
    gap: 24px;
}
.swiper-dots .swiper-pagination {
    position: relative;
    text-align: center;
    padding: 16px 0 0;
    bottom: 0 !important;
    font-size: 0;
    display: flex;
    justify-content: center;
    gap: 24px;
}
.swiper-dots .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-dots .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet, .exig-section .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-right: 0;
    margin-left: 0;
}
.p-slider .swiper-dots .swiper-pagination-bullet-active {
    opacity: 1;
    width: 60px;
    border-radius: 20px;
    background: var(--primary-white);
}
.p-slider .swiper-dots .swiper-pagination-bullet {
    background: var(--primary-white);
}
.exig-slider .swiper-pagination-bullet,
.exig-pagination .swiper-pagination-bullet, .p-slider .swiper-dots .swiper-pagination-bullet, .pagination-dots .swiper-pagination-bullet{
    width: 24px; height: 5px; background: var(--color-gray); opacity: 1; border-radius: 20px; transition: width .3s ease, opacity .3s ease; margin: 0 !important; }
.exig-pagination.light .swiper-pagination-bullet{
    background: var(--color-gray-light-2);
}
.exig-pagination.light .swiper-pagination-bullet-active{
    background: var(--primary-black);
}
.exig-pagination .swiper-pagination-bullet-active, .p-slider .swiper-dots .swiper-pagination-bullet-active, .pagination-dots .swiper-pagination-bullet-active { 
    width: 60px; border-radius: 20px; opacity: 1; background: var(--primary-white); margin: 0 !important; }
.p-slider .swiper-dots .swiper-pagination-bullet-active {
    background-color: var(--primary-black);
}
.pagination-dots .dots-gray.dots-dark .swiper-pagination-bullet-active{ background-color: var(--primary-black); }
.pagination-dots .dots-gray.dots-dark .swiper-pagination-bullet {
    background-color: var(--color-gray-light-3);
}
.dots-gray .swiper-pagination-bullet-active, .pagination-dots .swiper-pagination-bullet-active {
    background-color: var(--primary-black);
}
.precision-item { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--color-gray-light); }
.precision-item:last-child{ margin-bottom: 0; }
.precision-dot { position: absolute; top: 4px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--primary-black); }
.precision-media { overflow: hidden; }
.precision-media img { display: block; width: 100%; height: auto; }
.precision-pleca {
    position: absolute; left: 0; bottom: 0; width: 100%; height: 6px;
    background: repeating-linear-gradient(to right,
        var(--rosa)     0     60px,  var(--naranja)  60px  140px, var(--turquesa) 140px 165px,
        var(--naranja)  165px 245px, var(--verde)    245px 325px, var(--purpura)  325px 405px);
}

.acabado-media { height: 280px; overflow: hidden; }
.acabado-media img { width: 100%; height: 100%; object-fit: cover; }

.acabado-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
    color: var(--primary-black);
    cursor: pointer;
}
.acabado-icon { position: relative; width: 24px; height: 24px; flex: 0 0 auto; }
.acabado-icon::before,
.acabado-icon::after,
.benef-icon::before,
.benef-icon::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: currentColor;
}
.acabado-icon::before { width: 14px; height: 1.5px; }
.acabado-icon::after  { width: 1.5px; height: 14px; transition: transform .3s ease; }
.acabado.open .acabado-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.benef-icon { position: relative; width: 18px; height: 18px; flex: 0 0 auto; }
.benef-icon::before { width: 12px; height: 1.5px; }
.benef-icon::after  { width: 1.5px; height: 12px; transition: transform .3s ease; }
.benef.open .benef-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.acabado-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.acabado.open .acabado-collapse { grid-template-rows: 1fr; }
.acabado-collapse ul { overflow: hidden; min-height: 0; margin: 0; padding: 0 0 0 21px; }
.acabado-list { color: var(--color-gray); }
.acabado-list li:first-child { padding-top: 8px; }

.anios-media { height: 422px; overflow: hidden; }
.anios-media img { width: 100%; height: 100%; object-fit: cover; }
.anios-pleca {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right,
        var(--verde)    0      16.9%, transparent     16.9% 22.3%, var(--rosa)     22.3% 31.1%,
        transparent     31.1%  35.7%, var(--naranja)  35.7% 38.5%, var(--turquesa) 38.5% 52.8%,
        var(--purpura)  52.8%  62.1%, transparent     62.1% 67.2%, var(--verde)    67.2% 68.8%,
        transparent     68.8%  70.7%, var(--purpura)  70.7% 72.3%, var(--turquesa) 72.3% 80.1%,
        var(--naranja)  80.1%  100%);
}

.spi-form label { display: block; line-height: 1.25;}
.spi-form .form-control {
    width: 100%;
    height: 33px;
    border: 0;
    border-bottom: 1px solid var(--primary-black);
    border-radius: 0;
    background: transparent;
    padding: 8px 0 11px 0;
    font-family: var(--font-primary);
    font-size: 12px;
    line-height: 14px;
    color: var(--primary-black);
    outline: none;
    box-shadow: none;
    transition: border-color .3s ease;
}
.spi-form .form-control::placeholder { color: #A9A9A9; }
.spi-form .form-control:focus { border-bottom-color: var(--primary-black); box-shadow: none; background: transparent; }
.spi-form textarea.form-control { height: 55px; resize: none; }
.custom-select-container { position: relative; width: 100%; user-select: none; }
.custom-select-trigger {
    position: relative;
    display: flex;
    align-items: center;
    height: 33px;
    padding: 8px 28px 8px 0;
    border-bottom: 1px solid var(--primary-black);
    font-size: 12px;
    color: #A9A9A9;
    cursor: pointer;
}
.custom-select-trigger::after {
    content: '';
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L6.5 6.5L12.5 0.5' stroke='%23161115' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px 7px no-repeat;
    transition: transform .2s ease;
}
.custom-select-container.open .custom-select-trigger::after { transform: translateY(-50%) rotate(180deg); }
.custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 4px 0;
    background: var(--primary-white);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: all .2s ease-in-out;
}
.custom-select-container.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}
.custom-option {
    display: flex;
    align-items: center;
    min-height: 28px;
    padding: 8px 16px;
    color: var(--primary-black);
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}
.custom-option:hover,
.custom-option.selected { background: var(--primary-black); color: var(--primary-white); }
.spi-form .form-control.valid,
.spi-form .custom-select-trigger.valid {
    border-bottom-color: var(--color-success);
    color: var(--color-success);
}
.spi-form .custom-select-trigger.valid::after {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L6.5 6.5L12.5 0.5' stroke='%2383BA2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.spi-form .form-control.error,
.spi-form .custom-select-trigger.error {
    border-bottom-color: var(--color-error);
    color: var(--color-error);
}
.spi-form .form-control.error::placeholder { color: var(--color-error); }
.spi-form .custom-select-trigger.error::after {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L6.5 6.5L12.5 0.5' stroke='%23FF573D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.spi-form .info-error { color: var(--color-error); margin-top: 0; }
.spi-form .spi-btn.disabled-btn { opacity: 0.6; pointer-events: none; }
.spi-btn.disabled-btn .pleca { animation-play-state: paused; }
.custom-select-trigger.selected { color: var(--primary-black); }
.form-white .custom-select-trigger.selected { color: var(--primary-white); }
.form-white .text-b,
.form-white .spi-form label,
.form-white .form-control { color: var(--primary-white); }
.form-white .form-control,
.form-white .custom-select-trigger { border-bottom-color: var(--primary-white); }
.form-white .form-control:focus { border-bottom-color: var(--primary-white); }
.form-white .custom-select-trigger::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L6.5 6.5L12.5 0.5' stroke='%23FFFFFD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.hero-banner.us{ padding-bottom: 62px;}
.hero-banner.cap{ padding-bottom: 60px;}
.hero-tag { display: flex; align-items: center; gap: 4px; }
.hero-tag-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.dot-8 {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    margin-right: 8px;
    vertical-align: middle;
}
.complejidad-row{
    gap: 60px;
    display: flex;
    flex-direction: column;
}
.hero-overlay-20 { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2); }
.video-banner {
    position: relative;
    height: 446px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 80px;
}
.video-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.certs-grid .cert:nth-child(n+4){margin-top: 56px;}
.cert { text-align: center; }
.cert img { display: block; height: 60px; width: auto; margin: 0 auto }
.cert-smeta img { width: 96px; height: 60px; object-fit: contain; }
.trabajar-video { width: 100%; height: 323px; margin-bottom: -6px; object-fit: cover; }
.trabajar-list { list-style: none; margin: 0; padding: 0; }
.trabajar-list li { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.trabajar-list li:last-child { margin-bottom: 0; }
.trabajar-list .dot-4 { flex: 0 0 auto; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }

/* #Footer
================================================== */
.footer-pleca {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right,
        var(--naranja)  0     13.1%, var(--rosa)     13.1% 19.6%, var(--turquesa) 19.6% 22.4%,
        transparent     22.4% 27.7%, var(--purpura)  27.7% 39.5%, var(--rosa)     39.5% 44.3%,
        var(--turquesa) 44.3% 69.0%, var(--naranja)  69.0% 70.3%, transparent     70.3% 75.7%,
        var(--rosa)     75.7% 78.5%, var(--verde)    78.5% 84.5%, var(--purpura)  84.5% 100%);
}
.footer-logo { display: inline-block; }
.footer-logo img { display: block; width: 55px; height: 60px; }

.footer-lists { --bs-gutter-x: 20px; }
.footer-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; line-height: 22px; }
.footer-contact { display: flex; align-items: center; gap: 8px; }
.footer-contact img { display: block; flex: 0 0 auto; width: 16px; height: 16px; }
.footer-social { display: flex; align-items: center; gap: 16px; }
.footer-top{padding-bottom: 40px;}
.footer-bottom {
    padding-top: 24px;
    border-top: 1px solid var(--primary-white);
}
.footer-copy a { color: var(--primary-white); }
.footer-cert { display: block; object-fit: contain; }

.gap-3-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; }
.benef-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
    color: inherit;
}
.etapa-info { border-bottom: 1px solid var(--primary-black); padding-bottom: 40px; }
.etapa-icon { width: 24px; height: 24px; }
.etapa-list { list-style: none; margin: 0; padding: 0; }
.etapa-list li { position: relative; padding-left: 12px; margin-bottom: 8px; }
.etapa-list li:last-child { margin-bottom: 0; }
.etapa-list li::before { content: ''; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.etapa-slider img { display: block; width: 100%; height: 388px; object-fit: cover; }
.ops-media img { display: block; width: 100%; height: 265px; object-fit: cover; }
.ops-list { margin: 0; padding-left: 21px; }
.ops-pagination { margin-top: 24px; }
.ops-pagination .swiper-pagination-bullet {
    width: 24px; height: 5px; background: var(--color-gray); opacity: 1; border-radius: 20px;
    transition: width .3s ease, opacity .3s ease;
}
.ops-pagination .swiper-pagination-bullet-active { width: 60px; background: var(--primary-black); }
.anios-cap-media img { display: block; width: 100%; height: 491px; object-fit: cover; }
.anios-cap-stats { position: absolute; top: 40px; right: 0; width: 292px; display: flex; flex-direction: column; gap: 31px; }
.hero-emp { overflow: hidden; }
.hero-emp-slider img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero-emp-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}
.hero-emp-arrow.prev { left: 30px; }
.hero-emp-arrow.next { right: 30px; }
.hero-emp-arrow img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hero-emp-pleca.mc {
    background: linear-gradient(to right,
        transparent 0 9.6%, var(--primary-black) 9.6% 14.4%, transparent 14.4% 21.7%,
        var(--primary-black) 21.7% 44.9%, transparent 44.9% 54.9%, var(--primary-black) 54.9% 78.3%,
        transparent 78.3% 88.3%, var(--primary-black) 88.3% 92.4%, transparent 92.4% 93.4%,
        var(--primary-black) 93.4% 97.5%, transparent 97.5% 100%);
}
.hero-emp-pleca.at {
    background: linear-gradient(to right,
        transparent 0 2.7%, var(--primary-black) 2.7% 19.2%, transparent 19.2% 36.7%,
        var(--primary-black) 36.7% 54.7%, transparent 54.7% 63.1%, var(--primary-black) 63.1% 69.0%,
        transparent 69.0% 73.5%, var(--primary-black) 73.5% 76.0%, transparent 76.0% 80.6%,
        var(--primary-black) 80.6% 96.6%, transparent 96.6% 100%);
}
.hero-emp-pleca.ed {
    background: linear-gradient(to right,
        transparent 0 2.7%, var(--primary-black) 2.7% 36.3%, transparent 36.3% 41.0%,
        var(--primary-black) 41.0% 44.9%, transparent 44.9% 68.7%, var(--primary-black) 68.7% 83.2%,
        transparent 83.2% 84.6%, var(--primary-black) 84.6% 97.5%, transparent 97.5% 100%);
}
.hero-emp-pleca {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    z-index: 2;
    background: linear-gradient(to right,
        transparent 0 9.58%,  var(--primary-black)  9.58% 30.9%,  transparent 30.9%  32.85%,
        var(--primary-black) 32.85% 42.15%, transparent 42.15% 49.44%, var(--primary-black) 49.44% 53.75%,
        transparent 53.75% 54.86%, var(--primary-black) 54.86% 57.64%, transparent 57.64% 65.35%,
        var(--primary-black) 65.35% 97.5%,  transparent 97.5% 100%);
}
.hero-pleca {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    z-index: 2;
    background: linear-gradient(to right,
        transparent      0    5%,   var(--purpura)   5%   35%,
        var(--turquesa)  35%  41%,  transparent      41%  45%,
        var(--turquesa)  45%  48%,  var(--rosa)      48%  62%,
        transparent      62%  67%,  var(--naranja)   67%  70%,
        var(--purpura)   70%  73%,  var(--verde)     73%  91%,
        transparent      91%  100%);
}
.legal-text p { margin-bottom: 19px; }
.legal-text p:last-child { margin-bottom: 0; }
.legal-list { margin: 0 0 19px; padding-left: 24px; }
.legal-list li { margin-bottom: 19px; }
.legal-list li:last-child { margin-bottom: 0; }
.sol-img { display: block; height: 265px; object-fit: cover; }
.sol-pleca { display: block; width: 100%; height: 5px; color: var(--rosa); }
.sol-pleca.green { color: var(--verde); }
.sol-pleca.turquesa { color: var(--turquesa); }
.sol-pleca.naranja { color: var(--naranja); }
.sol-pleca.purpura { color: var(--purpura); }
.sol-pleca-1 { background: linear-gradient(to right, currentColor 0.0% 21.4%, transparent 21.4% 38.9%, currentColor 38.9% 59.7%, transparent 59.7% 65.3%, currentColor 65.3% 68.3%, transparent 68.3% 70.8%, currentColor 70.8% 95.3%, transparent 95.3% 100%); }
.sol-pleca-2 { background: linear-gradient(to right, transparent 0.0% 5.3%, currentColor 5.3% 9.7%, transparent 9.7% 21.9%, currentColor 21.9% 26.4%, transparent 26.4% 31.9%, currentColor 31.9% 55.8%, transparent 55.8% 58.3%, currentColor 58.3% 70.8%, transparent 70.8% 73.3%, currentColor 73.3% 75.3%, transparent 75.3% 100%); }
.sol-pleca-3 { background: linear-gradient(to right, currentColor 0.0% 34.7%, transparent 34.7% 52.2%, currentColor 52.2% 59.7%, transparent 59.7% 65.3%, currentColor 65.3% 78.6%, transparent 78.6% 81.1%, currentColor 81.1% 100.0%); }
.sol-pleca-4 { background: linear-gradient(to right, transparent 0.0% 24.7%, currentColor 24.7% 26.7%, transparent 26.7% 29.2%, currentColor 29.2% 41.7%, transparent 41.7% 44.2%, currentColor 44.2% 68.1%, transparent 68.1% 73.6%, currentColor 73.6% 78.1%, transparent 78.1% 90.3%, currentColor 90.3% 94.7%, transparent 94.7% 100%); }
.sol-pleca-5 { background: linear-gradient(to right, transparent 0.0% 8.1%, currentColor 8.1% 22.8%, transparent 22.8% 25.3%, currentColor 25.3% 28.3%, transparent 28.3% 33.9%, currentColor 33.9% 54.7%, transparent 54.7% 78.6%, currentColor 78.6% 100.0%); }
.sol-pleca-6 { background: linear-gradient(to right, transparent 0.0% 5.6%, currentColor 5.6% 51.9%, transparent 51.9% 69.4%, currentColor 69.4% 71.9%, transparent 71.9% 74.4%, currentColor 74.4% 76.7%, transparent 76.7% 79.7%, currentColor 79.7% 81.4%, transparent 81.4% 100%); }
.sol-pleca-ed-1, .sol-pleca-ed-2, .sol-pleca-ed-3, .sol-pleca-ed-4 { height: 8px; }
.sol-pleca-ed-1 { background: linear-gradient(to right, currentColor 0.0% 14.0%, transparent 14.0% 25.5%, currentColor 25.5% 39.1%, transparent 39.1% 42.7%, currentColor 42.7% 44.7%, transparent 44.7% 46.4%, currentColor 46.4% 84.0%, transparent 84.0% 87.6%, currentColor 87.6% 97.5%, transparent 97.5% 100%); }
.sol-pleca-ed-2 { background: linear-gradient(to right, currentColor 0.0% 14.0%, transparent 14.0% 31.8%, currentColor 31.8% 70.2%, transparent 70.2% 73.8%, currentColor 73.8% 75.8%, transparent 75.8% 77.5%, currentColor 77.5% 93.5%, transparent 93.5% 100%); }
.sol-pleca-ed-3 { background: linear-gradient(to right, transparent 0.0% 3.5%, currentColor 3.5% 11.5%, transparent 11.5% 19.5%, currentColor 19.5% 34.5%, transparent 34.5% 40.5%, currentColor 40.5% 56.2%, transparent 56.2% 57.8%, currentColor 57.8% 66.0%, transparent 66.0% 74.7%, currentColor 74.7% 92.5%, transparent 92.5% 100%); }
.sol-pleca-ed-4 { background: linear-gradient(to right, transparent 0.0% 7.1%, currentColor 7.1% 45.5%, transparent 45.5% 47.1%, currentColor 47.1% 49.1%, transparent 49.1% 52.7%, currentColor 52.7% 70.4%, transparent 70.4% 86.0%, currentColor 86.0% 100%); }
.sol-pleca-at-1, .sol-pleca-at-2, .sol-pleca-at-3, .sol-pleca-at-4 { height: 8px; }
.sol-pleca-at-1 { background: linear-gradient(to right, transparent 0.0% 7.1%, currentColor 7.1% 12.4%, transparent 12.4% 27.9%, currentColor 27.9% 54.1%, transparent 54.1% 56.9%, currentColor 56.9% 83.0%, transparent 83.0% 94.3%, currentColor 94.3% 97.2%, transparent 97.2% 100%); }
.sol-pleca-at-2 { background: linear-gradient(to right, transparent 0.0% 13.8%, currentColor 13.8% 40.3%, transparent 40.3% 51.9%, currentColor 51.9% 56.5%, transparent 56.5% 59.4%, currentColor 59.4% 62.5%, transparent 62.5% 73.9%, currentColor 73.9% 94.0%, transparent 94.0% 100%); }
.sol-pleca-at-3 { background: linear-gradient(to right, transparent 0.0% 15.9%, currentColor 15.9% 25.8%, transparent 25.8% 28.6%, currentColor 28.6% 31.1%, transparent 31.1% 37.5%, currentColor 37.5% 54.4%, transparent 54.4% 65.7%, currentColor 65.7% 100%); }
.sol-pleca-at-4 { background: linear-gradient(to right, transparent 0.0% 4.6%, currentColor 4.6% 26.1%, transparent 26.1% 29.7%, currentColor 29.7% 55.8%, transparent 55.8% 62.5%, currentColor 62.5% 75.6%, transparent 75.6% 91.2%, currentColor 91.2% 92.9%, transparent 92.9% 100%); }
.hero-thanks { height: 586px; padding-top: 100px; overflow: hidden; }
.hero-thanks-img, .hero-thanks-img img { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-thanks-img img { display: block; object-fit: cover; }
.hero-thanks-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); }
.hero-ind { padding-top: 100px; }
.hero-ind .crumb-gray { color: var(--color-gray-light-4); gap: 8px; }
.hero-ind-hr { margin: 0; border: 0; border-top: 1px solid var(--primary-black); }
.hero-ind-media { margin-top: 40px; }
.hero-ind-media img { display: block; }
.proy-img { display: block; height: 387px; object-fit: cover; }
.proy-bar { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px; border-radius: 8px 8px 0 0; }
.proy-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: var(--primary-black);
    cursor: pointer;
}
.proy-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.proy-card.open .proy-collapse { grid-template-rows: 1fr; }
.proy-collapse-inner { overflow: hidden; min-height: 0; }
.proy-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: 0 0 auto; }
.proy-icon .proy-icon-minus, .proy-card.open .proy-icon .proy-icon-plus { display: none; }
.proy-card.open .proy-icon .proy-icon-minus { display: block; }
.proy-pleca { position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; color: var(--primary-black); }
.proy-pleca-1 { background: linear-gradient(to right, currentColor 0.0% 23.7%, transparent 23.7% 27.3%, currentColor 27.3% 37.7%, transparent 37.7% 66.3%, currentColor 66.3% 68.0%, transparent 68.0% 75.2%, currentColor 75.2% 94.9%, transparent 94.9% 100%); }
.proy-pleca-2 { background: linear-gradient(to right, currentColor 0.0% 20.2%, transparent 20.2% 29.0%, currentColor 29.0% 30.4%, transparent 30.4% 39.2%, currentColor 39.2% 40.6%, transparent 40.6% 59.4%, currentColor 59.4% 81.4%, transparent 81.4% 88.7%, currentColor 88.7% 100%); }
.proy-pleca-3 { background: linear-gradient(to right, currentColor 0.0% 1.5%, transparent 1.5% 8.0%, currentColor 8.0% 43.2%, transparent 43.2% 51.9%, currentColor 51.9% 65.8%, transparent 65.8% 73.0%, currentColor 73.0% 79.6%, transparent 79.6% 100%); }
.proy-pleca-4 { background: linear-gradient(to right, currentColor 0.0% 19.5%, transparent 19.5% 38.4%, currentColor 38.4% 44.8%, transparent 44.8% 47.2%, currentColor 47.2% 78.9%, transparent 78.9% 86.2%, currentColor 86.2% 88.5%, transparent 88.5% 100%); }
.proy-pleca-5 { background: linear-gradient(to right, currentColor 0.0% 20.2%, transparent 20.2% 29.0%, currentColor 29.0% 30.4%, transparent 30.4% 31.5%, currentColor 31.5% 33.0%, transparent 33.0% 34.1%, currentColor 34.1% 48.5%, transparent 48.5% 60.3%, currentColor 60.3% 93.4%, transparent 93.4% 96.9%, currentColor 96.9% 98.7%, transparent 98.7% 100%); }
.proy-pleca-6 { background: linear-gradient(to right, currentColor 0.0% 33.5%, transparent 33.5% 37.0%, currentColor 37.0% 49.2%, transparent 49.2% 62.1%, currentColor 62.1% 73.9%, transparent 73.9% 77.4%, currentColor 77.4% 89.3%, transparent 89.3% 100%); }
.proy-pleca-7 { background: linear-gradient(to right, transparent 0.0% 2.4%, currentColor 2.4% 9.7%, transparent 9.7% 10.7%, currentColor 10.7% 39.7%, transparent 39.7% 52.6%, currentColor 52.6% 54.3%, transparent 54.3% 57.6%, currentColor 57.6% 79.1%, transparent 79.1% 100%); }
.proy-pleca-8 { background: linear-gradient(to right, transparent 0.0% 2.4%, currentColor 2.4% 9.7%, transparent 9.7% 10.7%, currentColor 10.7% 18.0%, transparent 18.0% 31.0%, currentColor 31.0% 36.4%, transparent 36.4% 50.8%, currentColor 50.8% 90.2%, transparent 90.2% 100%); }
.proy-pleca-9 { background: linear-gradient(to right, currentColor 0.0% 20.2%, transparent 20.2% 29.0%, currentColor 29.0% 33.3%, transparent 33.3% 34.2%, currentColor 34.2% 35.7%, transparent 35.7% 54.5%, currentColor 54.5% 76.5%, transparent 76.5% 83.8%, currentColor 83.8% 95.1%, transparent 95.1% 100%); }
.pub-pleca { display: block; width: 100%; height: 8px; }
.pub-pleca-1 { background: linear-gradient(to right, transparent 0 7.1%, var(--rosa) 7.1% 12.4%, transparent 12.4% 19.1%, var(--naranja) 19.1% 27.9%, var(--verde) 27.9% 54.1%, transparent 54.1% 56.9%, var(--rosa) 56.9% 83.0%, var(--purpura) 83.0% 90.8%, transparent 90.8% 94.3%, var(--verde) 94.3% 97.2%, transparent 97.2% 100%); }
.pub-pleca-2 { background: linear-gradient(to right, transparent 0 7.1%, var(--turquesa) 7.1% 13.8%, var(--naranja) 13.8% 40.3%, transparent 40.3% 51.9%, var(--purpura) 51.9% 56.5%, transparent 56.5% 59.4%, var(--rosa) 59.4% 62.5%, transparent 62.5% 73.9%, var(--rosa) 73.9% 94.0%, transparent 94.0% 100%); }
.pub-pleca-3 { background: linear-gradient(to right, transparent 0 15.9%, var(--verde) 15.9% 25.8%, transparent 25.8% 28.6%, var(--rosa) 28.6% 31.1%, transparent 31.1% 37.5%, var(--purpura) 37.5% 54.4%, var(--turquesa) 54.4% 62.2%, transparent 62.2% 65.7%, var(--naranja) 65.7% 100%); }
.pub-pleca-4 { background: linear-gradient(to right, var(--verde) 0 41.0%, transparent 41.0% 48.1%, var(--rosa) 48.1% 53.4%, transparent 53.4% 56.5%, var(--turquesa) 56.5% 59.4%, var(--verde) 59.4% 68.6%, transparent 68.6% 76.3%, var(--purpura) 76.3% 79.9%, var(--naranja) 79.9% 100%); }
.pub-pleca-5 { background: linear-gradient(to right, transparent 0 4.6%, var(--turquesa) 4.6% 26.2%, transparent 26.2% 29.7%, var(--turquesa) 29.7% 55.8%, var(--purpura) 55.8% 62.5%, var(--rosa) 62.5% 75.6%, transparent 75.6% 91.2%, var(--rosa) 91.2% 92.9%, var(--verde) 92.9% 100%); }
.pub-pleca-6 { background: linear-gradient(to right, transparent 0 7.1%, var(--rosa) 7.1% 12.4%, transparent 12.4% 27.9%, var(--turquesa) 27.9% 37.8%, var(--purpura) 37.8% 40.6%, var(--verde) 40.6% 50.9%, transparent 50.9% 58.7%, var(--purpura) 58.7% 62.2%, var(--verde) 62.2% 65.0%, transparent 65.0% 72.8%, var(--naranja) 72.8% 98.2%, transparent 98.2% 100%); }
.acabados-dark .acabado-head { color: var(--primary-white); }
.acabados-dark .acabado-list { color: var(--color-gray-light-4); }
.percep-slider .swiper-slide { width: 222px; }
.percep-slider img { display: block; width: 100%; height: 296px; object-fit: cover; }
.certs-at-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 16px; }
.certs-at-grid .cert { width: 163px; }
.certs-at-grid .cert img { height: 50px; }
.certs-at-grid .cert p { margin-top: 8px; }
.pagination-bars .swiper-pagination-bullet { width: 24px; height: 5px; border-radius: 2.5px; }
.pagination-bars .swiper-pagination-bullet-active { width: 60px; }
.dif-pleca { position: absolute; bottom: 0; left: 0; z-index: 1; height: 8px; margin-top: 0; }
.tl-track { display: flex; flex-direction: column; gap: 40px; overflow-y: auto; scrollbar-width: none; }
.tl-track::-webkit-scrollbar { display: none; }
.tl-img { display: block; height: 215px; object-fit: cover; }
.tl-info { display: flex; flex-direction: column; justify-content: space-between; }
.tl-item { transition: opacity .2s linear; flex-wrap: nowrap; }
.exig-pagination-dark .swiper-pagination-bullet-active { background: var(--primary-black); }
.hero-tag-dot.pink { background-color: var(--rosa); }
.hero-tag-dot.green { background-color: var(--verde); }
.hero-tag-dot.turquesa { background-color: var(--turquesa); }
.hero-tag-dot.naranja { background-color: var(--naranja); }
.hero-tag-dot.purpura { background-color: var(--purpura); }