:root
{
--color-primary:#EB2046;
--color-secondary:#151B38;
--color-red1:#ff0030;
--color-red2:rgba(235, 32, 70, 0.5);
--color-red3:rgba(235, 32, 70, 0.4);
--color-red4:rgba(235, 32, 70, 0.8);
--color-red5:rgba(235, 32, 70, 0.6);
--color-red6:#c34141;
--color-white1: #fff;
--color-white2:rgba(255, 255, 255, 0.8);
--color-white3:#f3f3f3;
--color-grey1:#ebeef0;
--color-grey2: #ccc;
--color-grey3: #444;
--color-grey4: #bdbdbd;
--color-grey5: #6c696c;
--color-grey6: #ddd;
--color-grey7: #525557;
--color-black1:#000;
--color-black2: 0 0 15px rgba(0,0,0,0.3);
--color-black3:rgba(0, 0, 0, 0.8);
--color-black4:rgba(37, 211, 102, 0);
--color-black5:rgba(37, 211, 102, 0);
--color-black6:var(--color-black6);
--color-black7: #333;
--color-black8: rgba(0, 0, 0, 0.2);
--color-black9: rgba(0, 0, 0, 0.9);
--color-black10: #3f3f3f;
--color-black11: rgba(0,0,0,.6);
--color-black12: rgba(0,0,0,.1);
--color-black13: rgba(0,0,0,0.15);
--color-black14: #353332;
--color-black15: #17141d;
--color-green1:#1FD365;
--color-green2:rgba(37, 211, 102, 0.6);
--color-green3:#71c341;
--color-yellow1:#ebca56;
--color-blue1:#2bb5ee;
--color-blue2:#4181c3;
--featured-bannens: url('../../images/banners_destacados/img-1.png');
--featured-bannens-movil: url('../../images/banners_destacados/img-2.png');
--cta-banner: url('../../images/banners/img-1.png');
--cta-banner-movil: url('../../images/banners/img-2.png');
}

/* # VARIOS
================================================== */
html{overflow-y:scroll;scrollbar-color: var(--color-primary);scrollbar-width:thin;}
body {font-family: "bebas-mono"; font-size: 16px; line-height: 22px; background: var(--color-white1); color: var(--color-grey7);}
@media (max-width:767px){body {font-size: 14px;}}
*, :before, :after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
::-webkit-scrollbar{background: var(--color-gray-g1);}
::-webkit-scrollbar-thumb{background: var(--color-primary);}
::-webkit-scrollbar{height:4px; width: 15px;}
a{ background-color: transparent; text-decoration: none; }
.page-wrapper {width: 100%;max-width: 1330px;margin: 0 auto;min-width: 310px;padding: 0 10px;}
.ui-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-black3); z-index: 3; display: none;}

/* # MAGNIFIPOPUP
================================================== */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:var(--color-black6)!important;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{text-indent: -999em;color: var(--color-grey2);position: absolute;top: 50%;width: auto;text-align: center;left: 0px;right: 0px;z-index: 1044;background-color: var(--color-white1);width: 80px;margin: 0px auto;height: 50px;margin-top: -40px;border-radius: 5px;font-size: 30px;line-height: 81px;background-repeat: no-repeat;background-position: center center;}.mfp-preloader a{color:var(--color-grey2)}.mfp-preloader a:hover{color:var(--color-white1)}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:var(--color-white1);font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:var(--color-black7)}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:var(--color-white1);right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:var(--color-grey2);font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid var(--color-white1);margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid var(--color-black10)}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid var(--color-white1);margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid var(--color-black10)}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px var(--color-black11);background:var(--color-black1)}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px var(--color-black6);background:var(--color-grey3)}.mfp-figure small{color:var(--color-grey4);display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:var(--color-white3);word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:var(--color-black6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:var(--color-black6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding:0px;}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} .my-mfp-zoom-in .zoom-anim-dialog{opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);opacity: 0;}.my-mfp-zoom-in.mfp-bg{opacity: 0.001; /* Chrome opacity transition bug */-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity: 0.8;}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity: 0;}.mfp-bg-load{background: transparent !important;}

/* # ALERT
================================================== */
.alert{ background: var(--color-white1); -webkit-box-shadow: 0 1px 1px 0 var(--color-black12); box-shadow: 0 1px 1px 0 var(--color-black12); margin: 0px auto; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; padding: 60px 20px 20px 20px; -webkit-box-orient: vertical; -webkit-transition: 200ms -webkit-transform; box-shadow: 0 4px 23px 5px var(--color-black8), 0 2px 6px var(--color-black13); display: -webkit-box; position: relative; z-index: 2; max-width: 780px; text-align: center; min-width: 300px; }
.alert .titl{ font-size: 23px; line-height: 23px; padding-bottom: 14px; color: var(--color-black14); }
.alert .text{ font-size: 18px; line-height: 22px; color: var(--color-grey5); }
.alert .text a{ color: var(--color-blue1); }
.alert .bton{ display: inline-block; margin: 0px auto; font-size: 16px; line-height: 16px; color: var(--color-white1); text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; padding: 11px 19px 9px; margin-top: 20px; cursor: pointer; }
.alert:before{ position: absolute; z-index: 4; display: inline-block; font: normal normal normal 14px/1 'Font Awesome 6 Pro'; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: var(--color-white1); font-size: 59px; line-height: 60px; left: 50%;  font-weight: bold;}
.alert:after{ content: ""; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; position: absolute; top: -37px; left: 50%; margin-left: -40px; width: 80px; height: 80px; z-index: 3; }
.alert.info .bton,.alert.info:after{background: var(--color-blue2);}
.alert.info:before{top: -29px; margin-left: -9px; content: "\f129"; font-size: 50px;}
.alert.success .bton,.alert.success:after{background: var(--color-green3);}
.alert.success:before{top: -27px; margin-left: -29px; content: "\f00c";}
.alert.error .bton,.alert.error:after{background: var(--color-red6);}
.alert.error:before{ top: -28px; margin-left: -20px; content: "\f00d";}
.alert.warning .bton,.alert.warning:after{background: var(--color-yellow1);}
.alert.warning:before{top: -25px; margin-left: -11px; content: "\f12a"}
.alert_ovrl{ background: var(--color-black6) !important; }
.alert_ovrl.no{ -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
.mfp-preloader{ background: var(--color-white1); margin: -35px auto 0px; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; width: 50px !important; height: 50px; text-indent: -9999em; -webkit-box-shadow: 0 1px 1px 0 var(--color-black12); box-shadow: 0 1px 1px 0 var(--color-black12); }
.mfp-preloader:after{ font-size: 25px; color: var(--color-grey3); line-height: 25px; position: absolute; left: 13px; top: 12px; text-indent: 0px; }
.mfp-preloader:after{animation: fa-spin 1s infinite steps(8); content: "\f110"; font-size: 25px; color: var(--color-grey3); line-height: 25px; position: absolute; left: 13px; top: 12px; text-indent: 0px; }

/* # SLICK
================================================== */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-arrow{color: var(--color-black1);cursor:pointer;font-size: 17px;left: -10px;margin-top: -15px;position:absolute;top:50%;z-index:2;}
.slick-arrow.fa-chevron-right{left:inherit;right: -10px;}
.slick-dots{width:100%;margin: 0px;list-style: none;text-align: center;}
.slick-dots .slick-active button,#home-slde .slick-dots button:hover{background:var(--color-black15);}
.slick-dots button{background: var(--color-grey6);border:0;border-radius:0;cursor:pointer;height:5px;text-indent:-999em;width:45px;}
.slick-dots li{margin:0 6px;display: inline;}

/* # ANIMATIONS
================================================== */
@keyframes animation__slide-right-keyframes {from {transform: translateX(100%); opacity: 1;} to {transform: translateX(0); opacity: 1;}}
@keyframes animation__slide-left-keyframes {from {transform: translateX(-100%);opacity: 1;}  to {transform: translateX(0);opacity: 1;}}
@keyframes animation__fade-in-keyframes {from {opacity: 0;} to {opacity: 1;}}
@keyframes animation__slide--fade-in-upscale {from {opacity: 0; transform: translateY(20px) scale(0);} to {opacity: 1; transform: translateY(0) scale(1);}}
@keyframes animation__slide-down-keyframes {from {transform: translateY(-100%); opacity: 1;} to { transform: translateY(0); opacity: 1;}}
@keyframes smoothScroll {0% {transform: translateY(-94px);} 100% {transform: translateY(0px);}}
@keyframes animation__hover-line--left {from { transform: scaleX(0); } to { transform: scaleX(1);}}
@keyframes animation__hover-line--center {from { transform: scaleX(0); } to { transform: scaleX(1);}}
@keyframes animation__glow-shadow {0% {box-shadow: 0 0 14px var(--color-red2), 0 0 20px var(--color-red3);} 50% { box-shadow: 0 0 22px var(--color-red4), 0 0 35px var(--color-red5);} 100% { box-shadow: 0 0 16px var(--color-red5), 0 0 25px var(--color-red2);}}
@keyframes animation__icon-move-x {0% { transform: translateX(0);} 50% {transform: translateX(1px);} 100% {transform: translateX(0);}}
@keyframes animation__floating-pulse {0% { transform: scale(1); box-shadow: 0 0 0 0 var(--color-green2); }70% { transform: scale(1.08); box-shadow: 0 0 0 15px var(--color-black4); } 100% { transform: scale(1); box-shadow: 0 0 0 0 var(--color-black5); }}
@keyframes animation__pulse {0% {transform: translate(-50%, -50%) scale(1);}50% {transform: translate(-50%, -50%) scale(1.15);}100% {transform: translate(-50%, -50%) scale(1);}}
@keyframes animation__overlay-fadeln {from { opacity: 0; }to { opacity: 1; }}
@keyframes animation__flip {0% { transform: rotateX(0deg); } 50% { transform: rotateX(90deg); opacity: 0.6; } 100% { transform: rotateX(0deg); opacity: 1; }}
.animation__slide--right {animation-duration: 2s; animation-name: animation__slide-right-keyframes; animation-fill-mode: forwards;}
.animation__slide--left {animation-duration: 2s; animation-name: animation__slide-left-keyframes; animation-fill-mode: forwards;}
.animation__slide--fade-in-upscale { animation: animation__slide--fade-in-upscale 1s forwards; }
.animation__slide--down {animation-duration: 2s;animation-name: animation__slide-down-keyframes;animation-fill-mode: forwards;}
.animation__hover--glow:hover {transform: scale(1.05);border-color: var(--color-primary); animation: animation__glow-shadow 1.5s infinite alternate;}
.animation__hover--glow:hover .header__button-icon {animation: animation__icon-move-x 1s ease-in-out infinite;}
.animation__hover-line--left {position: relative;}
.animation__hover-line--left::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 0s ease;}
.animation__hover-line--left:hover::after {animation: animation__hover-line--left 0.3s ease forwards;}
.animation__hover-line--left.hover-active::after {animation: animation__hover-line--center 0.3s ease forwards;}
.animation__floating--pulse {animation: animation__floating-pulse 2s infinite;}

/* # GENERAL BUTTON
================================================== */
.c-button__cntn {border: 2px solid var(--color-primary); border-radius: 15px; height: 88px; width: 336px; display: flex; align-items: center; justify-content: center; overflow: hidden;transition: transform 0.3s ease;}
.c-button__cntn:hover {transform: scale(1.05);}
.c-button__text {font-family: 'bebas-neue-bold'; background-color: var(--color-primary); color: var(--color-white1); border-radius: 8px; display: flex; align-items: center; justify-content: center; width: 100%; height: -webkit-fill-available; font-size: 38px; text-decoration: none; cursor: pointer; margin: 5px; border: 1px solid var(--color-primary);}
.c-button__cntn:hover .c-button__text{background-color: var(--color-red1);}

@media (max-width:767px){
.c-button__cntn {height: 60px; width: 280px;}
.c-button__text {font-size: 20px;}
}

/* # BOTÓN DE SOPORTE / CONTACTO
================================================== */
.button-contact {width: 65px; height: 65px; border-radius: 5%; background-color: var(--color-green1); display: flex; align-items: center; justify-content: center; transition: opacity 0.8s, top 0.8s; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);}
.button-contact__floating--fixed {position: fixed; z-index: 11; right: 25px; bottom: 25px; }
.button-contact__icon {color: var(--color-white1); font-size: 36px;}
.button-contact:hover {transform: scale(1.1);}

@media (max-width: 767px) {
.button-contact {width: 50px; height: 50px;}
.button-contact__icon {font-size: 32px;}
}

/* # PANEL MENU PRINCIPAL
================================================== */
.menu-panel {transition:opacity 0.6s ease-in-out;padding:0;margin:0;position:fixed;z-index:303;width:100%;opacity:0;top:0px;}
.menu-panel-content {transition:left 0.45s ease-out;background:var(--color-primary);width:100%;left:-100%;position:fixed;top:0px;z-index:100;height:593px;display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding-bottom: 80px; padding-top: 40px;}
.menu-panel__header {width: 389px; max-width: 389px; display: grid; min-width: 389px; grid-template-columns: 60px 1fr;padding-left: 20px;}
.menu-panel__list {list-style: none; width: 389px; max-width: 389px; min-width: 389px;}
.menu-panel__cntn-icon {text-align: left; display: flex; align-items: flex-start; justify-content: flex-start;}
.menu-panel__icon {color: var(--color-white1); transform: rotate(45deg); font-size: 35px;}
.menu-panel__logo-img {width: 142px;}
.menu-panel__link {display: flex; text-transform: uppercase; color: var(--color-white1); padding-left: 25px; font-size: 22px; font-family: 'bebas-neue-bold'; line-height: 1; padding: 8px 25px;}
.menu-panel__link:hover {color: var(--color-secondary);}
.menu-panel__support {background-color: var(--color-primary); display: flex; align-items: center; justify-content: center;}
.menu-panel__btn {width: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; background-color: var(--color-primary); transition: transform 0.3s ease; padding: 20px; height: 50px; border: 2px solid var(--color-white1); border-radius: 12px; gap: 5px;}
.menu-panel__btn:hover {transform: scale(1.05);}
.menu-panel__button-icon {width: 32px; margin-bottom: 4px;}
.menu-panel__button-cntn {display: flex; align-items: center; justify-content: center;}
.menu-panel__button-text {font-family: "bebas-neue-bold"; font-size: 28.4px; color: var(--color-white1); transition: transform 0.3s ease;}
.menu-panel__general-close {background-color: var(--color-white1) ;opacity:0.9;height:100%;width:100%;position:absolute;z-index:1;bottom:0px;left:0px;}
html.menu-panel-open .menu-panel{height:100%;opacity:1;}
html.menu-panel-open .menu-panel-content{left:0px;}
html.menu-panel-open {overflow:hidden;}

/* # HEADER
================================================== */
.header {padding-top: 20px;background-color: var(--color-white1);padding-bottom: 16px;}
body.fixed-head .header {margin-left: 0px;position: fixed;top: 0px;left: 0px;z-index: 11;width: 100%;animation: smoothScroll 1s forwards;border-bottom: 1px solid var(--color-primary);box-shadow: 0 0 20px rgb(0 0 0 / 20%); background-color: var(--color-white1);}
.header__cntn {display: grid; grid-template-columns: 1fr 540px 1fr; align-items: center;height: 140px; max-height: 140px; min-height: 140px;}
.header__logo-img {display: block; transition: transform 0.3s ease, filter 0.3s ease, drop-shadow 0.3s ease;}
.header__logo:hover .header__logo-img {transform: translateY(-3px) scale(1.03); filter: brightness(1.1); }
.header__section {margin: 0px;}
.header__section--center {display: grid; grid-template-columns: 95px 186px 1fr 1fr; text-align: center; margin-top: 53px;}
.header__link {color: var(--color-primary); text-transform: uppercase; cursor: pointer; font-weight: bolder; padding-bottom: 17px; text-decoration: none; display: flex; justify-content: center; width: 100%;}
.header__button {display: flex; align-items: center; justify-content: center; gap: 10px; height: 70px; width: 330px; border: 2px solid var(--color-primary); border-radius: 5px; cursor: pointer; text-decoration: none; background-color: var(--color-white1); color: var(--color-primary); font-family: "bebas-neue-bold"; font-size: 48px; transition: transform 0.3s ease;}
.header__section--right {display: flex;justify-content: end;}
.header__button-text {font-family: "bebas-neue-bold"; font-size: 48px; color: var(--color-primary); transition: transform 0.3s ease;}
.header__button-icon {transition: transform 0.3s ease;}
.header__cntn-submenu {display: none; justify-content: center; align-items: center; width: 100%; position: absolute; left: 0; border: 1px solid var(--color-primary); visibility: visible; transition: all 0.25s ease; color: var(--color-white1); background-color: var(--color-primary); z-index: 3;}
.header__submenu {display: grid; grid-template-columns: 406px 454px 1fr;  text-align: left; align-items: center; width: 100%; max-width: 1330px; margin: 0 auto; min-width: 310px; padding: 0 10px;row-gap: 20px;}
.header__submenu-link {font-family: 'bebas-neue-bold'; font-size: 30px; color: var(--color-white1); line-height: 1;}
.header__submenu-link:hover {color: var(--color-secondary);}
.header__button-cntn {display: flex; align-items: center; justify-content: center;}
.header__is-dimmed.header{position: relative; z-index: 333;} 
.header__is-dimmed .header__section--left, .header__is-dimmed .header__section--right, .header__is-dimmed .header__item {opacity: 0.5; transition: opacity 0.3s ease;}
.header__is-dimmed .header__item.header__is-active-item {opacity: 1;}
.header__hamburguesa {display: none;}
.header__hamburguesa-line {width: 45px; height: 5px; transition: 0.4s; background-color: var(--color-primary);}
.header__hamburguesa--active .header__hamburguesa-line {background-color: var(--color-primary);}
.header__hamburguesa--active .header__hamburguesa--line-top {transform:rotate(-45deg) translate(-10px, 15px);}
.header__hamburguesa--active .header__hamburguesa--line-middle {opacity: 0;}
.header__hamburguesa--active .header__hamburguesa--line-bottom {transform: rotate(45deg) translate(-6px, -12px);}

@media only screen and (min-width: 992px) and (max-width: 1200px){
.header__button {width: 225px;}
.header__button-text {font-size: 30px;}
.header__section--center {margin-top: 0px;}
.header__submenu {grid-template-columns: 1fr 1fr 1fr; row-gap: 10px;}
.header__cntn-submenu {height: 140px;top: 106px;}
.header__submenu-link {font-size: 22.5px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.header {padding: 0px;}
.header__hamburguesa {display: flex; flex-direction: column; cursor: pointer; gap: 12px; margin-top: 6px;}
.header__logo {width: 145px;}
.header__cntn {grid-template-columns: 1fr 1fr;}
.header__section--left {display: flex; align-items: center; gap: 25px;}
.header__section--center {display: none;}
.header__hamburguesa--active .header__hamburguesa--line-top {transform: rotate(-45deg) translate(-14px, 17px);}
}

@media (max-width:767px){
.header {padding-top: 10px;border-top: 2px solid var(--color-primary);padding-bottom: 10px;}
.header__cntn {grid-template-columns: 1fr 1fr; height: 60px; max-height: 60px; min-height: 60px;}
.header__logo-img {width: 113px;}
.header__hamburguesa {display: flex; flex-direction: column; cursor: pointer; gap: 8px; margin-top: 2px;}
.header__logo {width: 110px;}
.header__section--left {display: flex; align-items: center; gap: 20px;}
.header__section--center {display: none;}
.header__button {height: 39px; width: 150px; border: 2px solid var(--color-primary); border-radius: 12px; gap: 5px; padding-top: 2px;}
.header__button-icon {width: 32px; margin-bottom: 4px;}
.header__button-text {font-size: 21px;}
.header__hamburguesa-line {width: 33px; height: 4px;}
.header__hamburguesa--active .header__hamburguesa--line-top {transform: rotate(-45deg) translate(-6px, 11px);}
}

/* # FEATURED BANNER
================================================== */
.featured-banner {background-image: var(--featured-bannens); background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--color-white1); display: flex; height: 512px;}
.featured-banner__cntn {display: grid; grid-template-columns: 1fr 338px; align-items: center;}
.featured-banner__cntn-title{display: flex; align-items: center; justify-content: center; padding-bottom: 34px;}
.featured-banner__title {font-family: "andale-mono-italic"; font-size: 40px; font-weight: 100; line-height: 1; margin: 0px;width: 85%; text-align: center; padding-left: 82px; }
.featured-banner__cntn-list {display: flex; flex-direction: column; align-items: end; gap: 20px;}
.featured-banner__list {display: flex; padding-right: 22px !important; flex-direction: column; gap: 18px;}
.featured-banner__item {font-family: 'bebas-neue-bold'; font-size: 32px; display: flex; align-items: center;}
.featured-banner__item:hover .featured-banner__icon {transform: scale(1.2); filter: drop-shadow(0 0 10px var(--color-white1));}
.featured-banner__icon {margin-right: 8px; transform: scale(1); transition: transform 0.3s ease, filter 0.3s ease; margin-bottom: 7px;}

@media only screen and (min-width: 992px) and (max-width: 1200px),
screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.featured-banner__title {width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.featured-banner__cntn {gap: 20px;}
.featured-banner__title {font-size: 30px;}
}

@media (max-width:767px){
.featured-banner {background-image: var(--featured-bannens-movil); background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--color-white1); display: flex; height: 512px;}
.featured-banner__title {font-size: 19px; padding-left: 0px;}
.featured-banner__title br {display: none;}
.featured-banner__cntn {display: flex; flex-direction: column; justify-content: space-between; width: 340px; padding-top: 70px; padding-bottom: 46px;}
.featured-banner__cntn-title {padding-bottom: 0px;}
.featured-banner__item {font-size: 22.45px;}
.featured-banner__cntn-list {align-items: unset;}
.featured-banner__list {padding: 0px !important;gap: 5px;}   
}

/* # STATS
================================================== */
.stats {display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 70px; gap: 20px;}
.stats-section__item {display: flex; flex-direction: column; justify-content: space-between; gap: 19px; color: var(--color-primary);border-bottom: 2px solid;font-family: "bebas-neue-bold"; }
.stats-section__number {font-size: 100px; padding-top: 30px; padding-bottom: 19px;display: inline-block; perspective: 600px; transition: transform 0.3s ease, color 0.3s ease;}
.stats-section__label {text-transform: uppercase; font-size: 20px; padding-bottom: 30px;}
.stats-section__number.is-flipping {animation: animation__flip 0.4s ease;}

@media (max-width:767px){
.stats{grid-template-columns: repeat(2, 1fr); row-gap: 10px; margin-top: 10px;}
.stats-section__item {gap: 0px;}
.stats-section__number {font-size: 54px;}
.stats-section__label{font-size: 16px;padding-bottom: 5px;}
}

/* # SOLUTIONS
================================================== */
.solutions {margin-top: 75px; display: grid; gap: 20px; grid-template-columns: 65% 34%;}
.solutions__left {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.solutions__item--exterior {grid-column: 1 / 3;}
.solutions__item--interior {grid-column: 3 / 4;}
.solutions__item--waterproofing {grid-column: 1 / 2;}
.solutions__item--safety {grid-column: 2 / 4;}
.solutions__img {width: 100%;  height: 100%;  object-fit: cover; transition: transform 0.6s ease, filter 0.4s ease;}
.solutions__img--vertical-work { height: 494px;}
.solutions__group {display: flex; justify-content: space-between;}
.solutions__item  {display: flex;position: relative;}
.solutions__item:hover .solutions__img {transform: scale(1.07); filter: brightness(0.8);}
.solutions__item:hover .solutions__cntn-icon {transform: translateY(0) scale(1.1);}
.solutions__cntn-icon {position: absolute; transform: translateY(10px) scale(1); transition: all 0.4s ease; width: 65px; height: 65px; border-radius: 5%; display: flex; align-items: center; justify-content: center; background-color: var(--color-primary);}
.solutions__item--exterior .solutions__cntn-icon {left: 18px; top: -33px;}
.solutions__item--interior .solutions__cntn-icon {right: 18px; top: -33px;}
.solutions__item--vertical-work .solutions__cntn-icon {right: 18px; top: -33px;}
.solutions__item--waterproofing .solutions__cntn-icon {left: -30px; top: 16px;}
.solutions__item--safety .solutions__cntn-icon {bottom: -38px; right: 18px;} 

@media only screen and (min-width: 992px) and (max-width: 1200px),
screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.solutions__item--exterior .solutions__cntn-icon {left: 10px; top: 10px;}
.solutions__item--waterproofing .solutions__cntn-icon {left: 10px; top: 10px;}
.solutions__item--interior .solutions__cntn-icon {left: 10px; top: 10px;}  
.solutions__item--safety .solutions__cntn-icon {bottom: 10px; right: 10px;}    
.solutions__item--vertical-work .solutions__cntn-icon {top: 10px; left: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.solutions {display: grid; grid-template-columns: 1fr; gap: 20px;}
.solutions__left {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 20px;}
.solutions__item--exterior {grid-column: 1 / 3;}
.solutions__item--interior {grid-column: 1 / 2;}
.solutions__item--waterproofing {grid-column: 2 / 3;}
.solutions__item--safety {grid-column: 1 / 3;}
.solutions__img {width: 100%;height: 100%;}
}

@media (max-width:767px){
.solutions {margin-top: 35px;}
.solutions__icon {width: 20px;}
.solutions__cntn-icon {width: 45px; height: 45px;}
}

/* # INSTAGRAM
================================================== */
.instagram {margin-top: 87px;}
.instagram__title {display: flex; align-items: baseline; gap: 10px;margin-bottom: 30px;}
.instagram__label {font-family: 'bebas-neue-bold'; font-size: 48px; text-transform: uppercase; color: var(--color-black1); line-height: 1;}
.instagram__handle {font-family: 'andale-mono-italic'; font-size: 18px; color: var(--color-primary);font-weight: normal;}
.instagram__list {overflow: auto; margin: 0; padding: 0; list-style: none;white-space: nowrap; font-size: 0; margin-bottom: 30px;}
.instagram__item {display: inline-block; vertical-align: top; white-space: normal; margin-right: 10px; position: relative;}
.instagram__img {width: 320px; height: 437px; transition: transform 0.3s ease;}
.instagram__cntn-img {position: relative; overflow: hidden;}
.instagram__cntn-img a {display: block; width: 100%; height: 100%;}
.instagram__play-button {display: flex; align-items: center; justify-content: center; cursor: pointer;  z-index: 1; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--color-white1); border-radius: 50%; padding: 10px 14px; transition: transform 0.3s ease;}
.instagram__play-button i {font-size: 36px; color: var(--color-red1);}
.instagram__item:hover .instagram__img {transform: scale(1.1);}
.instagram__item:hover .instagram__play-button {animation: animation__pulse 0.6s ease-in-out infinite;}

@media (max-width:767px){
.instagram {margin-top: 40px;}
.instagram__title {flex-direction: column; align-items: center; gap: 0px;}
.instagram__item {margin-left: 0px; margin-right: 0px;}
.instagram__img {height:318px}
}

/* # TESTIMONIOS
================================================== */
.testimonials {display: flex; margin-top: 120px; margin-bottom: 69px; overflow: hidden;}
.testimonials .slick-slide {display: flex; justify-content: center;}
.testimonials__title {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2rem; width: 20%;}
.testimonials__label {font-family: 'bebas-neue-bold'; font-size: 48px; text-transform: uppercase; color: var(--color-black1); line-height: 1; width: 179px;}
.testimonials__cntn-img {height: 100%;}
.testimonials__list {width: 80%; margin: 0 auto;}
.testimonials__item {padding: 0 15px; box-sizing: border-box;}
.testimonial__cntn {border-radius: 12px; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}
.testimonial__stars {display: flex; justify-content: center; gap: 5px; margin-bottom: 1rem;}
.testimonials__paragraph {height: 135px; max-height: 135px; min-height: 135px; line-height: 1.4; text-align: center;}
.testimonial__author {margin-top: 0.8rem; text-align: center; color: var(--color-primary); line-height: 1.2}

@media only screen and (min-width: 992px) and (max-width: 1200px){
.testimonials__list {width: 78%;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.testimonials__list {width: 66%;}
}

@media (max-width:767px){
.testimonials {margin-top: 60px; flex-direction: column; align-items: center; margin-bottom: 50px;}
.testimonials__title {position: relative;}
.testimonials__label {font-size: 30px;}
.testimonials__title, .testimonials__label {width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.testimonials__cntn-img {position: absolute; right: 10px; top: 0px;}
.testimonial__cntn {gap: 0px;}
.testimonials__item {padding: 0px; }
.testimonials__img {max-width: 257.59px;}
.testimonials__list {width: 80%;}
.testimonials__paragraph {height: 70px; max-height: 70px; min-height: 70px;}
.testimonial__author {margin-top: 30px;}
}

/* # CTA - BANNER
================================================== */
.cta-banner {background-image: var(--cta-banner); background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--color-white1); display: flex; height: 573px;}
.cta-banner__wrapper {display: flex; flex-direction: column; justify-content: center; gap: 69px;align-items: center; overflow: hidden;}
.cta-banner__cntn {display: flex; flex-direction: column; text-align: center; gap: 30px;}
.cta-banner__title {font-family: 'bebas-neue-bold'; font-size: 48px; color: var(--color-black1); margin: 0px; line-height: 1;}
.cta-banner__subtitle {font-family: "andale-mono-italic"; font-size: 40px; line-height: 1; color: var(--color-black1);}

@media only screen and (min-width: 992px) and (max-width: 1200px),
screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.cta-banner__subtitle {font-size: 30px;}
.testimonials__title {width: 30%;}
}

@media (max-width:767px){
.cta-banner {background-image: var(--cta-banner-movil); background-position: bottom; height: 510px;}
.cta-banner__wrapper {justify-content: flex-start; padding-top: 60px; gap: 30px;}
.cta-banner__cntn {gap: 20px;}
.cta-banner__title {font-size: 30px;}
.cta-banner__subtitle {font-size: 19px;}
.testimonials__title {width: 100%;}
}

/* # INTRO
================================================== */
.intro {margin-top: 40px; gap: 29px; display: flex; flex-direction: column;}
.intro__title {font-size: 16px; color: var(--color-black1); margin: 0px; font-weight: normal;}
.intro__text {display: grid; font-size: 36px; color: var(--color-primary); border-bottom: 2px solid var(--color-red1);line-height: 1; height: 140px; font-weight: bold;}
.intro__text--grid {grid-template-columns: repeat(2, 1fr); }

@media only screen and (min-width: 992px) and (max-width: 1200px),
screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.intro {gap:20px; padding: 0px;}
.intro__title {font-size: 12.8px;}
.intro__title, .intro__text {padding-left: 10px; padding-right: 10px;}
.intro__text--grid {grid-template-columns: 1fr; }
.intro__text {font-size: 24px; padding-bottom: 40px; height: 100%;}
}

/* # ABOUT
================================================== */
.about {overflow: hidden;}
.about__content {display: grid; grid-template-columns: 240px 1fr;margin-top: 76px; margin-bottom: 94px;}
.about__cntn-text {display: flex; flex-direction: column; gap: 20px; padding-left: 25px; margin-top: 77px;}
.about__img-banner {width: 100%;}
.about__img {width: 195px; max-width: 195px; min-width: 195px}
.about__list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px;padding-left: 25px;}

@media (max-width:767px){
.about__content{grid-template-columns: 1fr; margin-top: 30px; margin-bottom: 70px;}
.about__cntn-img-banner {padding: 0px;}
.about__cntn-img {display: none;}
.about__cntn-text {padding-left: 0px; margin-top: 0px; gap: 30px;}
.about__list {padding-left: 0px; gap: 10px;}
.about__paragraph--title {margin-top: 25px;}
}

/* # SERVICES
================================================== */
.services {display: flex; flex-direction: column; margin-bottom: 100px; overflow: hidden;}
.services__card {display: grid;}
.services__content {padding-bottom: 94px; padding-top: 92px;}
.services__card--lefth {grid-template-columns: 60% 1fr}
.services__card--lefth .services__content{padding-left: 44px; }
.services__card--right {grid-template-columns: 1fr 60%;}
.services__card--right .services__content{padding-right: 44px;}
.services__content {display: flex; flex-direction: column; justify-content: space-between;}
.services__title {display: flex; flex-direction: column; gap: 30px;}
.services__text {font-family: 'bebas-neue-bold'; font-size: 40px; text-transform: uppercase; color: var(--color-black1); line-height: 1;}
.services__text-inf {display: flex; align-items: center;font-weight: bold;}
.services__item {list-style: none; padding: 0; margin: 0; display: flex;gap: 15px; font-size: 15px;}
.services__description {display: flex; flex-direction: column; margin: 0px; gap: 15px; margin-bottom: 40px;}
.services__img-main {height: 100%; width: 100%; height: auto; max-width: 100%; object-fit: contain; display: block;}
.services__img {gap: 15px;}
.services__card--border {border-bottom: 2px solid var(--color-primary);}
.services__support {margin-left: 44px;}
.services__support.c-button__cntn {width: 273px; height: 68px;}
.services__support .c-button__text {font-size: 30.32px;}

@media only screen and (min-width: 992px) and (max-width: 1200px){
.services {gap: 50px; padding-top: 30px;}
.services__card--right, .services__card--lefth {grid-template-columns: 1fr 1fr; gap: 50px;}
.services__card--right .services__content, .services__card--lefth .services__content {padding: 0px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.services {gap: 40px; padding: 0px;}
.services__card {display: flex; flex-direction: column;}
.services__card--right, .services__card--lefth {grid-template-columns: 1fr; gap: 30px;}
.services__card--right .services__content, .services__card--lefth .services__content {padding: 0px 10px;}
.services__content {order: 2;gap: 25px;}
.services__img-main {order: 1;}
.services__card--border {padding-bottom: 50px;}
.services__text {font-size: 32px;}
.services__title {gap:15px;}
.services__description {margin-bottom: 0px;}
}

/* # CONTACT
================================================== */
.contact {display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 60px;overflow: hidden;}
.contact__left {display: flex; flex-direction: column; justify-content: space-between; padding-top: 60px;}
.contact__form {padding-right: 170px;}
.contact__group {display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px;}
.contact__field {width: 100%;}
.contact__field--message {margin: 30px 0 20px;}
.contact__label {display: block; margin-bottom: 4px;}
.contact__input {width: 100%; border: none; border-bottom: 1px solid var(--color-black1); background: transparent; padding: 8px 0; outline: none; transition: border-color 0.3s ease;}
.contact__textarea {height: 166px; width: 100%; border: 1px solid var(--color-black1); background: transparent; padding: 10px; outline: none; font-size: 16px; transition: border-color 0.3s ease; resize: vertical; margin-top: 15px;}
.contact__textarea--message {min-height: 120px;}
.contact__link-phone {color: var(--color-red1);}
.contact__link-bold {font-weight: bold;}
.contact__icon {font-size: 18px; margin-bottom: 4px; margin-right: 4px;}
.contact__link-whatsapp {color: var(--color-green1);}
.contact__input:hover, .contact__input:focus, .contact__textarea:hover, .contact__textarea:focus {border-color: var(--color-primary);}
.contact__info {font-size: 15px;}
.contact__image {width: 100%; height: auto; max-width: 100%; object-fit: contain; display: block;}

@media only screen and (min-width: 992px) and (max-width: 1200px),
screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.contact__info {margin-top: 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.contact__form {padding-right: 20px;}
}

@media (max-width:767px){
.contact__group {gap: 10px; display: flex; flex-direction: column;}
.contact {grid-template-columns: repeat(1, 1fr);margin-bottom: 100px; padding: 0px;}
.contact__form {padding-right: 0px;}
.contact__left {order: 2;padding: 0px 10px;width: 95%; margin-top: 20px;}
.contact__right {order: 1;}
}

/* # POPUP FORMULARIO
================================================== */
.popup-form__overlay {position: fixed; inset: 0; background: rgba(235, 32, 70, 0.9); z-index: 12; display: none; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease;}
.popup-form__overlay.active {display: flex; opacity: 1; animation: animation__overlay-fadeln 0.3s ease forwards;}
.popup-form__container {background: var(--color-white1); border-radius: 10px; padding: 80px; width: 840px; box-shadow: 0 8px 25px rgba(235, 32, 70, 0.5); position: relative; transform: scale(0.8); opacity: 0; transition: all 0.35s ease;}
.popup-form__overlay.active .popup-form__container {transform: scale(1); opacity: 1;}
.popup-form__overlay.closing .popup-form__container {transform: scale(0.8); opacity: 0; transition: all 0.3s ease;}
.popup-form__close {position: absolute; top: 40px; right: 82px; font-size: 30px; cursor: pointer;}
.popup-form__title {display: grid; font-size: 36px; color: var(--color-primary); border-bottom: 2px solid var(--color-red1);line-height: 1; height: 90px;}
.popup-form__form {display: grid; grid-template-columns: repeat(2, 1fr);margin-top: 50px; gap: 46px}
.popup-form__field--full-width {grid-column: 1 / 3;}
.popup-form__buttons {display: grid; justify-content: space-between; grid-template-columns: repeat(2, 1fr);}
.popup-form__cntn-btn {display: flex; align-items: center; justify-content: end;}
.popup-form__cntn-support {display: grid; grid-template-columns: 79% 1fr; align-items: center;}
.popup-form__text-inf {text-align: right; padding-right: 20px;}
.popup-form__textarea {width: 100%; min-height: 140px; padding: 12px 14px; border: 1px solid var(--color-black1); font-size: 1rem; background-color: var(--color-white1); resize: vertical; transition: border-color 0.3s ease;}
.popup-form__field {display: flex; flex-direction: column;}
.popup-form__input{width: 100%; border: none; border-bottom: 1px solid var(--color-black1); background: transparent; padding: 8px 0; outline: none; transition: border-color 0.3s ease;}
.popup-form__input:hover, .popup-form__input:focus, .popup-form__textarea:hover, .popup-form__textarea:focus {border-color: var(--color-primary);}
.popup-form__orden {display: flex; justify-content: space-between; margin: 30px auto;}
.popup-form__opciones {font-size: 16px; color: var(--color-black); display: grid; grid-template-columns: 107px minmax(111px, 1fr);gap: 10px;}
.popup-form__dropdown {position: relative;}
.popup-form__cntn-select {background-color: var(--color-white1); cursor: pointer;display: flex; flex-direction: column; height: 100%;   justify-content: space-between; }
.popup-form__select {background-color: var(--color-grey1); display: flex; margin-top: 10px; justify-content: space-between; padding: 10px 20px 10px 26px;}
.popup-form__cntn-icon{width: 35px; display: flex; align-items: center; justify-content: flex-end; border-left: 1px solid var(--color-black1);}
.popup-form__icono {transition: transform 0.5s ease; display: inline-block;transform: rotate(90deg); font-size: 12px; font-weight: bold;}
.popup-form__list {position: absolute;background-color: var(--color-primary); border: 1px solid var(--color-primary); color: var(--color-white1); z-index: 1; width: 100%; box-sizing: border-box; padding: 10px 0px 10px 0px; margin-left: 0px;}
.popup-form__item {cursor: pointer;height: auto;display: flex; align-items: center; justify-content: flex-start;padding-left: 5px;}
.popup-form__item:hover {background-color: var(--color-secondary);}
.popup-form__link { color: var(--color-white1); padding: 5px;}
.popup-form__list--hiden {display: none;}
.popup-form__titulo {width: max-content;padding-right: 10px;}
.popup-form__toggle-arrow.popup-form__icono{transform: rotate(270deg);}

@media only screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.popup-form__title {font-size: 24px; height: auto; padding-bottom: 20px;}
.popup-form__container {width: 90%; padding: 20px;}
.popup-form__form {display: flex; flex-direction: column; gap: 20px;}
.popup-form__close {top: 20px; right: 30px;}
.popup-form__cntn-btn {width: 100%;}
.popup-form__buttons {grid-template-columns: 1fr;gap: 20px;}
.popup-form__text-inf br {display: none;}
.popup-form__cntn-support {display: flex; justify-content: space-between;}
.popup-form__textarea {min-height: auto;}
.popup-form__form {margin-top: 20px; gap: 10px;}
}

/* # FOOTER
================================================== */
.footer__section {display: flex; justify-content: center; align-items: center;}
.footer__section--nav {background-color: var(--color-secondary); height: 109px; padding-top: 17px;}
.footer__nav {display: flex; justify-content: center; align-items: center;}
.footer__menu {display: flex; align-items: center; justify-content: center; gap: 80px;list-style: none;}
.footer__menu-item {padding-bottom: 17px; cursor: pointer;}
.footer__menu-item:hover, .footer__menu-item:hover a {color: var(--color-primary);}
.footer__link {color: var(--color-white1);}
.footer__link--menu {text-transform: uppercase;}
.footer__section--info {background-color: var(--color-primary); flex-direction: column; gap: 20px; padding: 25px;}
.footer__link--legal-credits {font-size: 14px;}
.footer__legal .footer__link:not(:last-child)::after {content: " |"; margin: 0 0.5em; color: inherit;}
.footer__legal .footer__link:hover {color: var(--color-secondary); font-weight: bold;}
.footer__cntn-img { text-align: center;transition: transform 0.3s ease}
.footer__cntn-img:hover {transform: translateY(-3px) scale(1.03); filter: brightness(1.1);}
.footer__legal-credits {display: flex; justify-content: center; align-items: center;flex-direction: column; gap: 20px;}
.footer__legal-cntn {display: flex; align-items: center; justify-content: center; gap: 80px;}
.footer__legal {gap: 80px;}
.footer__credits-cntn {gap: 20px;}

@media only screen and (min-width: 992px) and (max-width: 1200px),
screen and (min-width: 768px) and (max-width: 991px),
screen and (max-width:767px){
.footer__legal-cntn {flex-direction: column; gap: 20px;}
}

@media (max-width:767px){
.footer__menu {flex-wrap: wrap; gap: 0px;}
.footer__menu-item {margin-right: 10px;}
.footer__section--nav {height: 90px}
.footer__img {width: 150px;}
.footer__legal-cntn {gap: 10px; align-items: center; text-align: center}
}