@font-face{
    font-family:"Inter";
    font-display:swap;
    font-style:normal;
    font-weight:400;
    src:local("Inter Regular"),local("Inter-Regular"),url(a56307f9c62ed9bba128.woff2) format("woff2"),url(2e3d2d89837bafe0fcb2.woff) format("woff")
}
@font-face{
    font-family:"Inter";
    font-display:swap;
    font-style:normal;
    font-weight:700;
    src:local("Inter Bold"),local("Inter-Bold"),url(36a650f426faae9edc53.woff2) format("woff2"),url(b755d2e570b1329b527d.woff) format("woff")
}
@font-face{
    font-family:"Inter";
    font-display:swap;
    font-style:normal;
    font-weight:400;
    src:local("Inter Regular"),local("Inter-Regular"),url(a56307f9c62ed9bba128.woff2) format("woff2"),url(2e3d2d89837bafe0fcb2.woff) format("woff")
}
@font-face{
    font-family:"Montserrat";
    font-display:swap;
    font-style:normal;
    font-weight:900;
    src:local("Montserrat Black"),local("Montserrat-Black"),url(b74f8a3d3e04ebc41217.woff2) format("woff2"),url(e91f5d3f9680c5357abf.woff) format("woff")
}
@font-face{
    font-family:"Montserrat";
    font-display:swap;
    font-style:normal;
    font-weight:700;
    src:local("Montserrat Bold"),local("Montserrat-Bold"),url(ecfa764eb0b93b220c63.woff2) format("woff2"),url(87be09dc15290961c6f0.woff) format("woff")
}
*,*::before,*::after{
    box-sizing:border-box
}
:root,body{
    height:100%
}
:root{
    --primary: #8d2e48;
    --scroll-bg: #f6f3f3;
    --scroll-bgcolor: rgb(255, 255, 255);
    --scroll-shadow-color: rgba(34, 34, 34, 0.25);
    --scroll-shadow-size: 0.5em;
    --transparent: rgba(255, 255, 255, 0);
    --white: #fff;
    --black: #000;
    --gray-51: #838383;
    --ff-primary: "Inter";
    --ff-secondary: "Montserrat";
    accent-color:var(--primary);
    text-rendering:optimizeLegibility;
    text-size-adjust:none;
    -moz-text-size-adjust:none;
    -webkit-text-size-adjust:none;
    scrollbar-color:var(--primary) var(--scroll-bg)
}
:root:focus-within{
    scroll-behavior:smooth
}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{
    margin-block:0
}
body{
    background-color:var(--white);
    color:var(--gray-51);
    display:flex;
    flex-direction:column;
    font:1rem/1.5 var(--ff-primary);
    margin:unset;
    min-height:100vh;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    -webkit-tap-highlight-color:var(--transparent);
    -webkit-text-size-adjust:100%
}
h1,h2,h3,h4,h5,h6,button,input,label{
    line-height:1.2
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{
    outline:1px solid color-mix(in srgb, var(--white) 50%, var(--primary)) !important
}
a{
    color:var(--primary);
    text-decoration-thickness:1px
}
a:hover{
    color:color-mix(in srgb, var(--black) 20%, var(--primary));
    text-decoration-thickness:2px
}
a:not([class]){
    color:currentColor;
    text-decoration-skip-ink:auto
}
p,h1,h2,h3,h4,h5,h6{
    overflow-wrap:break-word
}
h1,h2,h3,h4,h5,h6{
    text-wrap:balance
}
img,picture,video,canvas,svg,iframe{
    display:block;
    max-width:100%
}
img{
    height:auto
}
input,button,textarea,select{
    font:inherit
}
textarea:not([rows]){
    min-height:10em
}
button{
    overflow:visible;
    text-transform:none;
    appearance:button
}
button::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring{
    outline:1px dotted ButtonText
}
:is(ul,ol)[class]{
    list-style-type:""
}
pre{
    max-width:100%;
    overflow:auto;
    scrollbar-width:thin
}
pre::-webkit-scrollbar{
    height:5px;
    width:5px
}
pre::-webkit-scrollbar-track{
    border-radius:10px
}
::-webkit-scrollbar{
    width:10px
}
::-webkit-scrollbar-button{
    height:0;
    width:0
}
::-webkit-scrollbar-thumb{
    background:#8d2e48;
    border-radius:10px
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{
    background:#a03452
}
::-webkit-scrollbar-track{
    background:#f6f3f3
}
::selection{
    background-color:rgba(141,46,72,.5)
}
:target{
    scroll-margin-block:5ex
}
@media(prefers-reduced-motion: reduce){
    *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        scroll-behavior:auto !important;
        transition-duration:.01ms !important
    }
    :root:focus-within{
        scroll-behavior:auto
    }
    img,video{
        display:none
    }
}
.btn{
    background-color:#8d2e48;
    border:1px solid #8d2e48;
    border-radius:5rem;
    box-shadow:0 6px 6px 0 rgba(0,0,0,.25);
    color:var(--white);
    display:inline-block;
    font-size:2.1875rem;
    font-weight:700;
    line-height:1.2;
    padding:1.25rem 6rem;
    text-align:center;
    text-decoration:none;
    transition:all .15s ease-in-out;
    user-select:none
}
.btn:hover{
    background-color:#78273d;
    border-color:#78273d;
    color:#fff
}
.btn:focus-visible{
    box-shadow:0 6px 6px 0 rgba(0,0,0,.25),0 0 0 .25rem rgba(141,46,72,.25);
    outline:0
}
.btn:active{
    box-shadow:0 6px 6px 0 rgba(0,0,0,.25),inset 0 3px 5px rgba(0,0,0,.125)
}
.btn:active:focus-visible{
    box-shadow:0 6px 6px 0 rgba(0,0,0,.25),0 0 0 .25rem rgba(141,46,72,.25),inset 0 3px 5px rgba(0,0,0,.125)
}
@media(max-width: 569.98px){
    .btn{
        padding-left:3rem;
        padding-right:3rem
    }
}
.card{
    align-items:center;
    display:flex;
    gap:2.5rem
}
.card-bg{
    background-color:#f4f4f4;
    border-radius:13px;
    font-size:1.25rem;
    padding:calc(1.325rem + 0.9vw)
}
@media(min-width: 1200px){
    .card-bg{
        padding:2rem
    }
}
.card-bg h3{
    color:#ab8d63;
    font-family:"Montserrat";
    margin-bottom:1.5rem;
    font-size:calc(1.3rem + 0.6vw)
}
@media(min-width: 1200px){
    .card-bg h3{
        font-size:1.75rem
    }
}
.card-bg li{
    break-inside:avoid
}
.card-bg li+li{
    margin-top:1rem
}
@media(max-width: 990.98px){
    .card{
        flex-direction:column
    }
}
@media(min-width: 768px){
    .card-bg ul{
        columns:2;
        column-gap:5.625rem
    }
}
@media(max-width: 575.98px){
    .card-bg ul{
        padding-left:.875rem
    }
}
.footer{
    background:url(e6d0e52af07c0ed865e5.png) bottom center/auto repeat-x #10322c;
    color:#fff;
    margin-top:auto;
    padding:2.25rem 0 2.5rem
}
.footer ul{
    list-style:none;
    padding-left:0
}
.footer a{
    color:inherit
}
.footer h6{
    font-size:.9375rem
}
.footer_wrapper{
    align-items:flex-start;
    display:flex;
    gap:.75rem;
    justify-content:space-between;
    margin-bottom:2rem
}
.footer_logo{
    height:52px;
    width:auto
}
.footer_logo-link{
    justify-self:start
}
.footer_social{
    align-items:center;
    display:flex
}
.footer_social img{
    height:1.5rem;
    object-fit:contain;
    width:1.5rem
}
.footer_datos{
    align-items:center;
    background:url(224b4e3e2d8bb2c9bbcb.png) center/cover no-repeat #10322c;
    background-blend-mode:multiply;
    border-radius:.375rem;
    display:flex;
    flex-direction:column;
    padding:.6rem .875rem;
    text-align:center;
    text-decoration:none
}
.footer_datos img{
    margin-bottom:.75rem
}
.footer_datos h6{
    font-size:.8125rem;
    margin-bottom:.4rem
}
.footer_datos p{
    line-height:1.25
}
.footer_datos a{
    text-decoration:none
}
.footer_emergencies{
    font-size:.8125rem
}
@media(min-width: 991px){
    .footer .footer_emergencies{
        flex-basis:150px
    }
    .footer .footer_datos{
        flex-basis:260px
    }
}
@media(min-width: 768px)and (max-width: 990.98px){
    .footer .footer_wrapper{
        grid-template:auto auto/repeat(3, 1fr)
    }
}
@media(min-width: 576px)and (max-width: 990.98px){
    .footer .footer_wrapper{
        display:grid;
        grid-gap:2rem 1rem
    }
}
@media(min-width: 576px)and (max-width: 767.98px){
    .footer .footer_wrapper{
        grid-template:auto auto/1fr 1fr
    }
    .footer .footer_datos{
        grid-column:1/3;
        justify-self:center
    }
}
@media(max-width: 575.98px){
    .footer{
        padding-top:1.5rem
    }
    .footer .footer_wrapper{
        flex-direction:column
    }
    .footer .footer_datos,.footer .footer_logo{
        align-self:center
    }
    .footer .footer_datos{
        margin-top:2rem
    }
    .footer .footer_logo{
        margin-bottom:1.5rem
    }
    .footer .footer_emergencies{
        margin-bottom:1.5rem
    }
    .footer .footer_emergencies li:first-child{
        margin-bottom:1rem
    }
    .footer .footer_social{
        margin-bottom:1rem
    }
}
.header{
    padding:1.25rem 0
}
.header img{
    min-width:0;
    width:auto
}
.header_logo{
    height:64px
}
.header_logo-right{
    height:40px
}
.header .container{
    align-items:center;
    display:flex;
    gap:2rem;
    justify-content:space-between
}
.hero{
    background:url(82398e4197d8fdc340a9.jpg) center/cover no-repeat;
    color:#fff;
    font-family:"Montserrat";
    text-align:center;
    text-transform:uppercase;
    font-size:calc(1.4375rem + 2.25vw);
    padding:calc(1.625rem + 4.5vw) 0 calc(1.775rem + 6.3vw)
}
@media(min-width: 1200px){
    .hero{
        font-size:3.125rem
    }
}
@media(min-width: 1200px){
    .hero{
        padding:5rem 0 6.5rem
    }
}
.hero .container{
    position:relative
}
.hero h1,.hero h2{
    font-weight:900;
    margin:0
}
.hero h1{
    border:2px solid #fff;
    clip-path:polygon(0% 0%, 0% 100%, 25% 100%, 25% 90%, 75% 90%, 75% 100%, 100% 100%, 100% 0%);
    display:inline-block;
    padding:calc(1.4375rem + 2.25vw)
}
@media(min-width: 1200px){
    .hero h1{
        padding:3.125rem
    }
}
.hero h2{
    left:50%;
    position:absolute;
    top:calc(100% - 2.5rem);
    transform:translateX(-50%);
    font-size:calc(1.41875rem + 2.025vw)
}
@media(min-width: 1200px){
    .hero h2{
        font-size:2.9375rem
    }
}
@media(min-width: 570px)and (max-width: 990.98px){
    .hero h1{
        clip-path:polygon(0% 0%, 0% 100%, 20% 100%, 20% 90%, 80% 90%, 80% 100%, 100% 100%, 100% 0%)
    }
}
@media(max-width: 569.98px){
    .hero h1{
        padding:.75rem .5rem 4rem .5rem;
        font-size: 40px;
    }
    .hero h2{
        top:calc(100% - 3.5rem)
    }
}
.list-dates>div{
    align-items:flex-start;
    display:flex;
    font-size:1.25rem;
    gap:2rem;
    margin-bottom:1.5rem;
    padding-bottom:2.625rem
}
.list-dates>div h3{
    color:#8d2e48;
    font-family:"Montserrat";
    font-weight:700;
    font-size:calc(1.375rem + 1.5vw)
}
.list-dates>div ul{
    list-style:none
}
.list-dates>div li{
    display:flex;
    gap:2rem
}
.list-dates>div li+li{
    border-top:3px solid #ededed;
    margin-top:2rem;
    padding-top:2rem
}
@media(min-width: 1200px){
    .list-dates>div h3{
        font-size:2.5rem
    }
}
@media(max-width: 990.98px){
    .list-dates>div{
        align-items:center;
        flex-direction:column
    }
}
@media(max-width: 569.98px){
    .list-dates>div ul{
        padding:0
    }
    .list-dates>div li{
        flex-direction:column
    }
}
.list-steps{
    counter-reset:item;
    display:flex;
    list-style:none;
    padding-left:0
}
.list-steps li{
    align-items:center;
    display:flex;
    flex-direction:column;
    padding:1rem 1.5rem;
    text-align:center
}
.list-steps li::before{
    background-color:#ab8d63;
    border-radius:50%;
    color:#fff;
    content:counter(item);
    counter-increment:item;
    display:grid;
    font-weight:700;
    height:54px;
    margin-bottom:.5rem;
    place-content:center;
    width:54px
}
.list-steps dt{
    font-weight:700
}
.list-steps dd{
    margin:0
}
@media(min-width: 991px){
    .list-steps li+li{
        border-left:3px solid #e8e8e8
    }
}
@media(max-width: 990.98px){
    .list-steps{
        gap:3rem 0
    }
}
@media(min-width: 570px)and (max-width: 990.98px){
    .list-steps{
        display:grid;
        grid-template:1fr 1fr/1fr 1fr
    }
}
@media(max-width: 569.98px){
    .list-steps{
        flex-direction:column
    }
}
.list-brands{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    font-size:1.5rem;
    font-weight:700;
    gap:2rem 0;
    justify-content:center;
    list-style:none;
    padding-left:0;
    text-transform:uppercase
}
.list-brands li+li{
    border-left:2px solid #afafaf;
    margin-left:1rem;
    padding-left:1rem
}
.list-brands li:last-child{
    font-size:1.125rem;
    line-height:1
}
.list-brands img{
    height:64px;
    width:auto
}
.ribbon{
    background:#f9f9f9;
    margin-bottom:calc(1.65rem + 4.8vw)
}
@media(min-width: 1200px){
    .ribbon{
        margin-bottom:5.25rem
    }
}
.ribbon .container{
    align-items:center;
    display:grid;
    grid-template-columns:auto 1fr;
    justify-items:center;
    gap:calc(1.40625rem + 1.875vw)
}
@media(min-width: 1200px){
    .ribbon .container{
        gap:2.8125rem
    }
}
.ribbon .container div{
    display:flex;
    flex-direction:column
}
.ribbon h2{
    text-align:center;
    margin-bottom:calc(1.325rem + 0.9vw)
}
@media(min-width: 1200px){
    .ribbon h2{
        margin-bottom:2rem
    }
}
.ribbon p{
    font-weight:700;
    line-height:1.3;
    font-size:calc(1.275rem + .3vw);
    font-size:calc(1.275rem + 0.3vw)
}
@media(min-width: 1200px){
    .ribbon p{
        font-size:1.5rem
    }
}
.ribbon img{
    aspect-ratio:151/94;
    border-radius:1rem;
    object-fit:cover;
    width:755px
}
@media(min-width: 991px){
    .ribbon .container{
        margin-bottom:2rem;
        margin-top:2rem
    }
    .ribbon img{
        margin:-4rem 0
    }
}
@media(max-width: 990.98px){
    .ribbon{
        padding:2.5rem 0;
        margin-bottom:1.5rem
    }
    .ribbon .container{
        grid-template-columns:auto
    }
}
.container{
    margin-inline:auto;
    max-width:1440px;
    width:100%;
    padding:0 calc(1.325rem + 0.9vw)
}
@media(min-width: 1200px){
    .container{
        padding:0 2rem
    }
}
@media(max-width: 575.98px){
    .container{
        padding-left:1rem;
        padding-right:1rem
    }
}
.grid{
    display:grid;
    grid-template:auto/1fr 1fr 1fr;
    padding:0 calc(1.325rem + 0.9vw);
    gap:calc(1.325rem + 0.9vw)
}
@media(min-width: 1200px){
    .grid{
        padding:0 2rem
    }
}
@media(min-width: 1200px){
    .grid{
        gap:2rem
    }
}
.grid img{
    aspect-ratio:16/11;
    background-color:#d3d3d3;
    border-radius:20px;
    box-shadow:0 4px 10px 0 rgba(0,0,0,.1);
    margin-bottom:.75rem;
    transition:all .15s ease-in-out;
    width:100%
}
.grid h3{
    transition:color .15s ease-in-out;
    font-size:calc(1.2625rem + 0.15vw)
}
@media(min-width: 1200px){
    .grid h3{
        font-size:1.375rem
    }
}
.grid a{
    text-decoration:none
}
.grid a:hover img{
    box-shadow:0 6px 15px 0 rgba(0,0,0,.2);
    filter:brightness(1.125)
}
.grid a:hover h3{
    color:color-mix(in srgb, var(--black) 20%, var(--gray-51))
}
@media(min-width: 576px)and (max-width: 767.98px){
    .grid{
        grid-template-columns:1fr 1fr
    }
}
@media(max-width: 575.98px){
    .grid{
        grid-template-columns:100%
    }
}
.section{
    border-bottom:3px solid #ab8d63
}
.mb-54{
    margin-bottom:calc(1.4625rem + 2.55vw)
}
@media(min-width: 1200px){
    .mb-54{
        margin-bottom:3.375rem
    }
}
.mb-48{
    margin-bottom:calc(1.425rem + 2.1vw)
}
@media(min-width: 1200px){
    .mb-48{
        margin-bottom:3rem
    }
}
.mb-32{
    margin-bottom:calc(1.325rem + 0.9vw)
}
@media(min-width: 1200px){
    .mb-32{
        margin-bottom:2rem
    }
}
.mb-28{
    margin-bottom:calc(1.3rem + 0.6vw)
}
@media(min-width: 1200px){
    .mb-28{
        margin-bottom:1.75rem
    }
}
.mr-24{
    margin-right:calc(1.275rem + 0.3vw)
}
@media(min-width: 1200px){
    .mr-24{
        margin-right:1.5rem
    }
}
.mb-24{
    margin-bottom:calc(1.275rem + 0.3vw)
}
@media(min-width: 1200px){
    .mb-24{
        margin-bottom:1.5rem
    }
}
.mb-16{
    margin-bottom:1rem
}
.mb-12{
    margin-bottom:.75rem
}
.pb-74{
    padding-bottom:calc(1.5875rem + 4.05vw)
}
@media(min-width: 1200px){
    .pb-74{
        padding-bottom:4.625rem
    }
}
.pb-58{
    padding-bottom:calc(1.4875rem + 2.85vw)
}
@media(min-width: 1200px){
    .pb-58{
        padding-bottom:3.625rem
    }
}
.pb-36{
    padding-bottom:calc(1.35rem + 1.2vw)
}
@media(min-width: 1200px){
    .pb-36{
        padding-bottom:2.25rem
    }
}
.pb-32{
    padding-bottom:calc(1.325rem + 0.9vw)
}
@media(min-width: 1200px){
    .pb-32{
        padding-bottom:2rem
    }
}
@media(max-width: 1199.98px){
    .pb-74{
        padding-bottom:calc(1.5875rem + 4.05vw)
    }
    .pb-58{
        padding-bottom:calc(1.4875rem + 2.85vw)
    }
}
.pl-md-48{
    padding-left:calc(1.425rem + 2.1vw)
}
@media(min-width: 1200px){
    .pl-md-48{
        padding-left:3rem
    }
}
@media(max-width: 767.98px){
    .pl-md-48{
        padding-left:0
    }
}
.title-2{
    font-family:"Montserrat";
    text-transform:uppercase;
    font-size:calc(1.325rem + .9vw)
}
@media(min-width: 1200px){
    .title-2{
        font-size:2rem
    }
}
.title-3{
    font-family:"Montserrat";
    color:#ab8d63;
    font-size:calc(1.34375rem + 1.125vw)
}
@media(min-width: 1200px){
    .title-3{
        font-size:2.1875rem
    }
}
.title-section{
    align-self:center;
    border-bottom:2px solid #a1a1a1;
    color:#8d2e48;
    display:inline-block;
    font-family:var(--ff-secondary);
    text-transform:uppercase;
    font-size:calc(1.43125rem + 2.175vw)
}
@media(min-width: 1200px){
    .title-section{
        font-size:3.0625rem
    }
}
@media(max-width: 575.98px){
    .title-section{
        width:min-content
    }
}
.excerpt{
    font-size:1.25rem
}
.text-center{
    text-align:center
}
.text-uppercase{
    text-transform:uppercase
}
.fs-24{
    font-size:1.5rem
}