a { color: #51408E; } @media (max-width: 767px) { .elementor-accordion .elementor-tab-title { border-bottom: 1px solid #333 !important; } .mobile-menu .elementor-nav-menu, .mobile-menu .elementor-nav-menu li, .mobile-menu .elementor-nav-menu ul { display: flex !important; } .mobile-menu .elementor-nav-menu li a { border-radius: 5px; line-height: 1.2; margin: 0 2px; padding: 5px !important; text-align: center !important; } .uael-nav-menu__layout-horizontal .uael-nav-menu > li.menu-item:not(:last-child){ margin-right: 0px !important; } .uael-menu-item{ justify-items: center !important; } } @media (min-width: 1024px), (min-width: 768px) and (max-width: 1023px) { .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right { display: none; } } .c-banners { transform: rotate(-5deg); } .c-banners .elementor-column { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; transform: skew(-10deg); } .b-colum-1 { position: relative; right: -5px; z-index: 99; top: -5px; z-index: 2; } .b-colum-2 { position: relative; right: 5px; z-index: 99; top: 15px; z-index: 1; } .icon-tabs .elementor-icon { position: relative; top: 2px; } .elementor-control-dynamic-switcher-wrapper:before { content="" position: absolute; } /*nuevo codigo header*/ /*nuevo codigo*/ a{color:#007bff;} *,:after,:before{box-sizing:border-box;} p{margin-bottom:1rem;margin-top:0;} ul{padding-left:2rem;} ul{margin-bottom:1rem;margin-top:0;} ul ul{margin-bottom:0;} strong{font-weight:bolder;} a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:none;} a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb);text-decoration:underline;} img{vertical-align:middle;} button{border-radius:0;} button:focus:not(:focus-visible){outline:0;color:#000;} button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;} button{text-transform:none;} [role=button]{cursor:pointer;} button{-webkit-appearance:button;} button:not(:disabled){cursor:pointer;} .list-unstyled{list-style:none;padding-left:0;} .container,.container-fluid{--bs-gutter-x:30px;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%;} @media (min-width:576px){ .container{max-width:540px;} } @media (min-width:768px){ .container{max-width:720px;} } @media (min-width:992px){ .container{max-width:960px;} } @media (min-width:1280px){ .container{max-width:1280px;} } .row{--bs-gutter-x:30px;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1);} .row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%;} .col-12{flex:0 0 auto;width:100%;} @media (min-width:768px){ .col-md-6{flex:0 0 auto;width:50%;} } .dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:rgba(0,0,0,.15);--bs-dropdown-border-radius:0.25rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.25rem - 1px);--bs-dropdown-divider-bg:#e9ecef;--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0,0,0,.175);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#16181b;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#ea0074;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1.5rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1.5rem;--bs-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--bs-dropdown-bg);border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);color:var(--bs-dropdown-color);display:none;font-size:var(--bs-dropdown-font-size);list-style:none;margin:0;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);position:absolute;text-align:left;z-index:var(--bs-dropdown-zindex);} .navbar-brand{color:var(--bs-navbar-brand-color);font-size:var(--bs-navbar-brand-font-size);margin-right:var(--bs-navbar-brand-margin-end);padding-bottom:var(--bs-navbar-brand-padding-y);padding-top:var(--bs-navbar-brand-padding-y);white-space:nowrap;} .navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color);text-decoration:none;} .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .d-block{display:block!important;} .d-flex{display:flex!important;} .d-none{display:none!important;} .shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important;} .position-relative{position:relative!important;} .justify-content-center{justify-content:center!important;} .justify-content-between{justify-content:space-between!important;} .align-items-center{align-items:center!important;} .order-1{order:1!important;} .order-2{order:2!important;} .order-3{order:3!important;} .mx-2{margin-left:.5rem!important;margin-right:.5rem!important;} .my-2{margin-bottom:.5rem!important;margin-top:.5rem!important;} .mt-2{margin-top:.5rem!important;} .me-1{margin-right:.25rem!important;} .mb-0{margin-bottom:0!important;} .mb-2{margin-bottom:.5rem!important;} .mb-3{margin-bottom:1rem!important;} .ms-2{margin-left:.5rem!important;} .ms-4{margin-left:1.5rem!important;} .p-2{padding:.5rem!important;} .px-0{padding-left:0!important;padding-right:0!important;} .px-2{padding-left:.5rem!important;padding-right:.5rem!important;} .px-3{padding-left:1rem!important;padding-right:1rem!important;} .px-4{padding-left:1.5rem!important;padding-right:1.5rem!important;} .px-5{padding-left:3rem!important;padding-right:3rem!important;} .py-1{padding-bottom:.25rem!important;padding-top:.25rem!important;} .py-2{padding-bottom:.5rem!important;padding-top:.5rem!important;} .py-3{padding-bottom:1rem!important;padding-top:1rem!important;} .py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important;} .pt-3{padding-top:1rem!important;} .pt-4{padding-top:1.5rem!important;} .pb-0{padding-bottom:0!important;} .pb-2{padding-bottom:.5rem!important;} .pb-3{padding-bottom:1rem!important;} .pb-4{padding-bottom:1.5rem!important;} .ps-2{padding-left:.5rem!important;} .ps-3{padding-left:1rem!important;} .gap-3{gap:1rem!important;} .fw-bold{font-weight:700!important;} .text-center{text-align:center!important;} .text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important;font-size:14px !important;} .bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important;} .rounded{border-radius:var(--bs-border-radius)!important;} @media (min-width:768px){ .d-md-flex{display:flex!important;} .d-md-none{display:none!important;} .order-md-1{order:1!important;} .order-md-2{order:2!important;} .order-md-3{order:3!important;} .mx-md-2{margin-left:.5rem!important;margin-right:.5rem!important;} .mt-md-0{margin-top:0!important;} .mb-md-0{margin-bottom:0!important;} .ms-md-2{margin-left:.5rem!important;} .p-md-0{padding:0!important;} .px-md-0{padding-left:0!important;padding-right:0!important;} .px-md-3{padding-left:1rem!important;padding-right:1rem!important;} .py-md-0{padding-bottom:0!important;padding-top:0!important;} .py-md-2{padding-bottom:.5rem!important;padding-top:.5rem!important;} .pt-md-0{padding-top:0!important;} .pt-md-2{padding-top:.5rem!important;} .pt-md-3{padding-top:1rem!important;} .pb-md-0{padding-bottom:0!important;} .pb-md-2{padding-bottom:.5rem!important;} } @media (min-width:992px){ .d-lg-block{display:block!important;} .mx-lg-2{margin-left:.5rem!important;margin-right:.5rem!important;} .my-lg-2{margin-bottom:.5rem!important;margin-top: .5rem!important;} .ms-lg-2{margin-left:.5rem!important;} .pe-lg-0{padding-right:0!important;} } .font-bold{font-weight:700;} strong{font-weight:700;} @media (max-width:767px){ .hide-xs{display:none;} } @media ((min-width:768px) and (max-width:990px)){ .hide-md{display:none;} } @media (min-width:1280px){ .hide-lg{display:none;} } @media (min-width:992px) and (max-width:1024px){ .hide-md-pro{display:none;} } .fw-bold,strong{font-weight:700!important;} .font-18{font-size:18px!important;} .font-20{font-size:20px;} .font-22{font-size:22px!important;} .font-24{font-size:24px!important;} .font-30{font-size:30px!important;} .font-40{font-size:40px!important;} @media (min-width:1400px){ .container{max-width:1140px;} } @media (min-width:576px){ .container{max-width:540px!important;} } @media (min-width:768px){ .container{max-width:720px!important;} } @media (min-width:992px){ .container{max-width:960px!important;} } @media (min-width:1280px){ .container{max-width:1280px!important;} } .login { background-color: #eeebf7!important; color: #003b98; gap: .5rem; padding: .5rem .75rem; } .btn { font-size: 15px; /*color:#000;*/ } .btn2color{ color:#000; } .mybuttonlogin { } /*:{cursor:pointer;}*/ #btnlogin:not(:disabled){ color: #5c469c; } #btnlogin:hover{ color: black !important; background-color:#eeebf7; } .header-top-desk{height:60.84px;} .header_navbar_dropdown ul li a{color:#1a1a1a;display:flex;font-size:.875rem;padding:6px 0;} .header_navbar_btn-user-logged{background-color:transparent;border:none;color:#000;} .header_navbar_btn-user-logged .header_navbar_btn-user-logged_pic{align-items:center;background-color:#78b43c;background-position:50%;background-size:contain;border-radius:50%;color:#000;display:flex;font-size:14px !important;height:45px;justify-content:center;text-transform:capitalize;width:45px;} .header_navbar_btn-user-logged{background-color:transparent;border:none;} .header_navbar_btn-user-logged .header_navbar_btn-user-logged_pic{align-items:center;background-color:#78b43c;background-position:50%;background-size:contain;border-radius:50%;color:#fff;display:flex;font-size:14px !important;height:45px;justify-content:center;text-transform:capitalize;width:45px;} @media (max-width:767px){ .tabs-header{padding:20px!important;} .tabs{padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:4rem!important;} } @media (min-width:768px){ .header_navbar_btn-user-logged{align-items:center;background-color:#f7f7f8;border-radius:6px;color:#4d4d52;display:flex;font-size:.875rem;gap:8px;height:54px;padding:6px 0 6px 12px;} .header_navbar_btn-user-logged .header_navbar_btn-user-logged_name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:87px;} .header_navbar_btn-user-logged .divider{background-color:#e4e4e7;height:24px;width:1px;} } @media (min-width:992px){ .header_navbar_btn-user-logged{width:195px;} } .user-logged{inset:-3px auto auto 0!important;min-width:100%!important;padding:0;} .window_closeBtn{color:#fff !important;} .window_closeBtn{cursor:pointer;position:relative;z-index:2;} .header_navbar_dropdown ul{animation:growDown .3s ease-in-out forwards;background-color:#fff;border-radius:0 0 6px 6px;box-shadow:0 8px 8px rgba(0,0,0,.35);list-style:none;margin:0;padding:0;transform-origin:top center;} .header_navbar_dropdown{border:none!important;position:absolute;top:65px;z-index:2;} .header_navbar_dropdown ul li{padding:0 15px;} @media ((min-width:768px) and (max-width:990px)){ .header_navbar_dropdown ul li{padding:0 8px!important;} } @media (min-width:992px){ .logo-tb{width:69px;} } @media (max-width:991px){ .logo-tb{height:auto;width:60px;} } @media (min-width:768px){ .cntb-header{z-index:99;} } .cntb-header .chd-footer{background-color:#f0f6ff;border-radius:0 0 6px;bottom:0;left:0;position:fixed;right:0;z-index:99;} .cntb-header .chd-footer .icon{top:4px;} .cntb-header .chd-footer-sm{background-color:#f0f6ff;border-radius:0 0 6px 6px;z-index:99;} .cntb-header .chd-footer-sm .icon{top:2px;} .cntb-header .cn-logo{background-size:cover;height:90px;width:90px;} @media ((min-width:768px) and (max-width:990px)){ .cntb-header .cn-logo .logo-tb{height:55px;width:60px;} .cntb-header .cn-logo{height:64px;width:64px;} } .cntb-header .ch-menu-up ul li{border-radius:6px;display:inline-block;font-size:14px;} @media (max-width:767px){ .cntb-header .ch-menu-up ul li{width:100%;} } .cntb-header .ch-menu-up ul li .i-arrow{font-size:24px;position:relative;right:4px;} .cntb-header .ch-menu-up ul li .icon-phone{font-size:16px;position:relative;top:-1px;} .cntb-header .ch-menu-up ul li:hover{background-color:#eeebf7;cursor:pointer;} @media (max-width:767px){ .cntb-header .ch-menu-up ul li:hover{background-color:transparent;} } .cntb-header .ch-menu-up ul li span{font:"400 0.875rem/150% -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,system-ui";} .cntb-header .ch-menu-up ul li.log-out:hover{background-color:transparent!important;cursor:default!important;} .cntb-header .ch-menu-up .ch-btn-mobile{position:relative;top:4px;} .cntb-header .ch-menu-up .ch-dropdown{border-radius:0 0 6px 6px;left:-260px;right:0;top:41px;z-index:1;} @media (min-width:1025px),(min-width:768px) and (max-width:990px),(min-width:991px) and (max-width:1024px){ .cntb-header .ch-menu-up .ch-dropdown{background-color:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;position:absolute;} } @media (max-width:767px){ .cntb-header .ch-menu-up .ch-dropdown ul{border-bottom:1px solid #ccc;} } .cntb-header .ch-menu-up .ch-dropdown ul li{display:block;} @media (max-width:767px){ .cntb-header .ch-menu-up .ch-dropdown{overflow-x:hidden;overflow-y:auto;} .cntb-header .ch-menu-up .ch-dropdown ul li a{font-size:14px !important;} } .cntb-header .ch-menu-up .tabs li a{font-size:14px;} @media (max-width:767px){ .cntb-header .ch-menu-up .ch-dropdown.d-xs{display:block!important;} .cntb-header .ch-menu-up .cd-title *{font-size:16px !important;; } .cntb-header .ch-menu-up .cd-title span{font-weight: 500;} } .cd-title a { text-decoration: none; } .cntb-header .ch-menu-up .chd-default{left:auto;} .cntb-header .ch-menu-up .chd-default ul li:hover{border-radius:0;} @media (max-width:767px){ .cd-title .icon{position:relative;top:-3px;} .cd-title .icon-help{top:-2px;} } .cd-title .icon-suitecase{font-size:16px;top:-3px;} @media (max-width:767px){ .cd-title .icon-suitecase{font-size:18px;} } .cd-title .icon-suitecase{font-size:18px;} @media (max-width:767px){ .cd-title .icon-suitecase{font-size:22px;} } @media (min-width:768px){ .cd-title .icon-fav,.cd-title .icon-help{top:-2px;} } @media (max-width:767px){ .ch-mobile-menu{background-color:#fff;bottom:0;left:0;position:fixed;right:0;top:0;} } .ch-mobile-menu .icon-airplane-vertical:before,.ch-mobile-menu .icon-bed:before{color:#0350ac!important;font-size:22px;inset:-3px 0 0 0!important;position:relative;} .ch-mobile-menu .icon-big-bag:before{color:#0350ac!important;font-size:17px;inset:-3px 0 0 0!important;margin-left:4px;margin-right:3px;position:relative;} .ch-mobile-menu .icon-disney:before{color:#0350ac!important;font-size:20px;inset:-3px 0 0 0!important;position:relative;} .ch-mobile-menu .icon-flame:before{color:#d93616!important;font-size:20px;inset:-3px 0 0 0!important;position:relative;} @media (max-width:767px){ .chd-mobile{bottom:0;left:0!important;position:fixed;right:0;top:0!important;z-index:10;} } @media ((min-width:768px) and (max-width:990px)){ .chd-mobile{left:-100px!important;right:-241px!important;} } .c-menu-mobile .icon-close{font-size:30px;position:absolute;right:15px;top:15px;z-index:3;} .c-menu-mobile a:hover{text-decoration:none;} @media (max-width:767px){ .c-menu-mobile{display:flex;flex-direction:column!important;overflow-x:hidden;z-index:99;} } .navi-tabs{border-bottom:2px solid transparent;border-radius:.5rem .5rem 0 0;font-size:14px!important;position:relative;transition:background .35s ease-in-out;will-change:background; text-decoration: none;} .navi-tabs:before{background-color:#5c469c;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .35s ease-in-out;width:100%;} .navi-tabs:hover:before{transform:scaleX(1);} .navi-tabs:not(:hover):before{transform:scaleX(0);} @media (max-width:767px){ .cm-head{background:#fff;left:0;position:relative;right:0;top:0;z-index:1;} } .m-active{background-color:#eeebf7;border-bottom:2px solid #5c469c;color:#5c469c;cursor:pointer;position:relative;} .c-submenu li{border-radius:6px 6px 0 0;display:inline-block;font-size:14px !important;} .c-submenu li:hover{background-color:#eeebf7;cursor:pointer;color:#5c469c;} .c-submenu li .icon{color:#003b98;font-size:20px;position:relative;top:-2px;} .c-submenu li .icon-flame{color:#d93616;} .c-submenu a:hover{text-decoration:none;} @media (max-width:767px){ .c-submenu{display:flex;overflow-x:auto;white-space:nowrap;} } .cm-ctrl{bottom:5px;left:0;position:absolute;right:0;} .cm-ctrl .cm-ctrl-right.ccr-blur:before{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 28%,#fff);bottom:0;content:"";height:40px;position:absolute;right:0;width:80px;z-index:1;} .a-link,.color-link{color:#f00;} .a-link:hover{color:#186bdf;cursor:pointer;} .a-link:hover{text-decoration:underline;} @media (max-width:767px){ .a-link-xs{color:#186bdf;} .a-link-xs:hover{color:#186bdf;cursor:pointer;} .a-link-xs:hover{text-decoration:underline;} } .link-int:hover{background-color:#eeebf7;text-decoration:none;} @media (max-width:767px),(min-width:768px) and (max-width:990px){ .justify-content-center-xs{justify-content:start!important;} } @media (max-width:767px){ .hide-xs{display:none!important;} } @media ((min-width:768px) and (max-width:990px)){ .hide-md{display:none!important;} } @media (min-width:991px) and (max-width:1279px){ .hide-medium{display:none!important;} } @media (min-width:1280px){ .hide-lg{display:none!important;} } @media (min-width:1025px) and (max-width:1279px){ .hide-lg-pro{display:none!important;} } .icon-airplane-vertical:before,.icon-bed:before{color:#0350ac!important;font-size:22px;inset:-1px 0 0 0!important;position:relative;} .icon-big-bag:before{font-size:17px;margin-left:4px;margin-right:3px;} .icon-big-bag:before,.icon-disney:before{color:#0350ac!important;inset:-1px 0 0 0!important;position:relative;} .icon-disney:before{font-size:20px;} .icon-flame:before{color:#d93616!important;font-size:20px;inset:-1px 0 0 0!important;position:relative;} .tabs{border-bottom:1px solid #ccc;} @media (min-width:768px){ .cmh-login{display:none!important;} } @media (max-width:767px){ .cmh-login{background: linear-gradient(90deg, #3c0067, #583da6);padding:1.5rem 1rem;} .cmh-login *,.cmh-login .icon-close{color:#fff;} .cmh-login .icon-person-black{position:relative;top:-3px;} .cmh-login .icon-keyboard-right{position:relative;right:4px;top:-1px;} } @media (max-width:767px) and (min-width:768px){ .cmh-login{display:none!important;} } @media (max-width:767px){ .cmh-login .window_closeBtn{color:#fff!important;} .cmh-login .session-title{margin-bottom:1rem;} } .a-link{color:#186cdf;font-family:Roboto-Regular;text-decoration:underline;} .a-link:hover{text-decoration:none;} @media (max-width:767px){ .a-link:hover{text-decoration:none;} } /*menu*/ a{color:#007bff;} .btn-primary{--bs-btn-color:#000;--bs-btn-bg:#EA0074;--bs-btn-border-color:#EA0074;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ed2689;--bs-btn-hover-border-color:#ec1a82;--bs-btn-focus-shadow-rgb:199, 0, 99;--bs-btn-active-color:#000;--bs-btn-active-bg:#ee3390;--bs-btn-active-border-color:#ec1a82;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#EA0074;--bs-btn-disabled-border-color:#EA0074;} .btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:0, 105, 217;text-decoration:none;} .btn-link:hover{text-decoration:underline;} .btn-link:hover{color:var(--bs-btn-hover-color);} .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center;} *,*::before,*::after{box-sizing:border-box;} p{margin-top:0;margin-bottom:1rem;} a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:none;} a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb);text-decoration:underline;} img{vertical-align:middle;} *,*::before,*::after{box-sizing:border-box;} p{margin-top:0;margin-bottom:1rem;} a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:none;} a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb);text-decoration:underline;} img{vertical-align:middle;} .btn-primary{--bs-btn-color:#000;--bs-btn-bg:#EA0074;--bs-btn-border-color:#EA0074;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ed2689;--bs-btn-hover-border-color:#ec1a82;--bs-btn-focus-shadow-rgb:199, 0, 99;--bs-btn-active-color:#000;--bs-btn-active-bg:#ee3390;--bs-btn-active-border-color:#ec1a82;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#EA0074;--bs-btn-disabled-border-color:#EA0074;} .btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:0, 105, 217;text-decoration:none;} .btn-link:hover{text-decoration:underline;} .btn-link:hover{color:var(--bs-btn-hover-color);} .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center;} .my-3{margin-top:1rem!important;margin-bottom:1rem!important;} .mb-0{margin-bottom:0!important;} .mb-3{margin-bottom:1rem!important;} .my-3{margin-top:1rem!important;margin-bottom:1rem!important;} .mb-0{margin-bottom:0!important;} .mb-3{margin-bottom:1rem!important;} .btn-primary:focus,.btn-primary:active{background-color:#2196f3!important;border-color:#2196f3!important;box-shadow:none!important;color:#000!important;} .btn-primary{background-color:#2196f3!important;border-color:#2196f3!important;box-shadow:none!important;color:#fff!important;transition:all 0.2s linear;} .btn-primary:hover{background-color:#1d87da!important;} .btn-link{color:#2196f3;} .btn-link:hover{color:#1d87da;text-decoration:none;} .btn-link:focus{box-shadow:none;} .header_navbar_dropdown_pt{position:absolute;z-index:99;right:0;top:40px;} .header_navbar_dropdown_pt .header_navbar_dropdown_window{background-color:#fff;padding:20px;margin:auto;width:300px;max-width:100%;border-radius:12px;box-shadow:0 8px 8px rgba(0, 0, 0, 0.35);display:flex;flex-direction:column;align-items:center;text-align:center;font-size:1.125rem;font-weight:600;font-family:"Poppins", sans-serif;color:#333338;} .header_navbar_dropdown_pt .header_navbar_dropdown_window .btn-primary{padding:12px;width:185px;border-radius:4px;border:none;font-size:1rem;background-color:#e50072!important;color:#fff;} .header_navbar_dropdown_pt .header_navbar_dropdown_window .btn-primary:hover{text-decoration:none;background-color: #800d46!important; } .header_navbar_dropdown_pt .header_navbar_dropdown_window .btn-link{padding:0;background-color:transparent;border:none;color:#e50072!important;font-size:1rem;} .header_navbar_dropdown_pt .header_navbar_dropdown_window .btn-link:hover{color:#800d46!important;} .c-menu-mobile a:hover{text-decoration:none;} /*! CSS Used fontfaces */ @font-face{font-family:Poppins;src:url(https://www.pricetravel.com/assets-pt/fonts/Poppins-Regular.woff2?id=0946062e-5336-437f-84a9-f57653d8e341) format("woff2");font-weight:400;font-style:normal;font-display:swap;} .bi--airplane-fill { display: inline-block; width: 1em; height: 1em; color: #5c469c; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918l-.375 2.253l1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318l-.376-2.253l-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .material-symbols--hotel { display: inline-block; width: 1em; height: 1em; color: #5c469c; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M1 19V4h2v10h8V6h8q1.65 0 2.825 1.175T23 10v9h-2v-3H3v3zm6-6q-1.25 0-2.125-.875T4 10t.875-2.125T7 7t2.125.875T10 10t-.875 2.125T7 13'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .fa6-solid--suitcase-rolling { display: inline-block; width: 0.75em; height: 1em; color: #5c469c; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M144 56c0-4.4 3.6-8 8-8h80c4.4 0 8 3.6 8 8v72h-96zm176 72h-32V56c0-30.9-25.1-56-56-56h-80c-30.9 0-56 25.1-56 56v72H64c-35.3 0-64 28.7-64 64v224c0 35.3 28.7 64 64 64c0 17.7 14.3 32 32 32s32-14.3 32-32h128c0 17.7 14.3 32 32 32s32-14.3 32-32c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64m-208 96h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16m0 128h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .la--hotjar { display: inline-block; width: 1em; height: 1em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m9 4l1.727 1.908c.015.017 1.454 1.681 1.22 3.63c-.149 1.243-.96 2.392-2.402 3.403c-4.24 2.872-5.525 6.736-3.768 10.485C7.1 26.248 9.997 28 13.113 28h1.815l-1.137-1.611c-.908-1.174-.89-2.516-.674-3.516c1.545 1.169 3.35 1.02 4.604.22c1.15-.733 1.965-2.055 1.992-3.632c.258.408.47.883.623 1.41c.442 1.531.388 3.866-1.215 5.408L17.451 28h1.574c.891 0 1.785-.166 2.582-.563c2.49-1.235 4.17-3.49 5.055-6.751c.721-2.655.26-6.162-1.266-8.891C21.857 5.444 12 4.298 11.582 4.252zm4.453 2.615c2.907.654 8.061 2.319 10.2 6.155c1.262 2.257 1.674 5.098 1.074 7.418c-.497 1.94-1.279 3.39-2.397 4.412c.395-1.498.286-3.042-.072-4.284c-.655-2.268-2.208-3.913-4.055-4.295L16 15.561l1.143 1.95c1.06 1.785.485 3.27-.497 3.895c-.783.5-2.062.547-3.095-.968l-.953-1.4l-.766 1.51c-.265.524-1.292 2.783-.6 5.157c-1.46-.474-2.935-1.534-3.7-3.254c-1.622-3.638.81-6.28 3.148-7.863c1.948-1.365 3.045-2.992 3.258-4.834c.137-1.191-.126-2.275-.485-3.139'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .cib--hotjar { display: inline-block; width: 1em; height: 1em; color: #ED3B1C; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M27.931 10.094C23.262 1.813 9.569 0 9.569 0s6.319 6.9-1.756 12.356C2.707 15.8.688 20.275 2.875 25.162c1.675 3.744 5.219 5.269 9.038 5.837c-1.825-3.444-.413-7.65-.256-8.1c3.569 5.4 10.313 0 6.925-5.869c4.438.962 5.1 8.663 1.694 13.469c5.031-1.581 8.381-5.556 9.3-9.1c.969-3.706.231-7.994-1.644-11.306z'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .iconodisney { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/disney.svg') no-repeat center center; background-size: contain; } .iconophone { display: inline-block; width: 1.9em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/phone.svg') no-repeat center center; background-size: contain; } .iconofav { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/fav.svg') no-repeat center center; background-size: contain; } .iconosuitcases { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/suitecase.svg') no-repeat center center; background-size: contain; } .iconoarrowdown { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/arrow_down.svg') no-repeat center center; background-size: contain; } .iconomenuwhatsapp { display: inline-block; width: 1.8em; height: 1.8em; color: #000; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/iconowhatsapp.svg') no-repeat center center; background-size: contain; } .iconmenumessenger { display: inline-block; width: 1.7em; height: 1.5em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/iconmessenger.svg') no-repeat center center; background-size: contain; } .iconmobmenuham { display: inline-block; width: 1.7em; height: 1.3em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/iconmenuham.svg') no-repeat center center; background-size: contain; } .iconoclosemobile { display: inline-block; width: 2.7em; height: 2.2em; color: #fff; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/iconbuttonclose.svg') no-repeat center center; background-size: contain; } .iconodescuento { display: inline-block; width: 5.7em; height: 5.2em; color: #fff; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/offer.png') no-repeat center center; background-size: contain; } .iconmenuhelp { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2024/12/iconmenuhelp.svg') no-repeat center center; background-size: contain; } .iconchevronright { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2025/07/chevron_right_blue.svg') no-repeat center center; background-size: contain; } .iconperson { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2025/07/person.svg') no-repeat center center; background-size: contain; } .iconlogout { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2025/07/logout.svg') no-repeat center center; background-size: contain; } .iconclosemenu { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2025/07/close.svg') no-repeat center center; background-size: contain; } .icononlinepay { display: inline-block; width: 1.7em; height: 1.2em; color: #003b98; padding-top:0px; background: url('https://www.pricetravel.com/es/ofertas-de-viajes/wp-content/uploads/2025/07/credit-card-solid.svg') no-repeat center center; background-size: contain; } .show-me{ display:none; } @font-face{ font-display:block; font-family:PTH-icon; font-style:normal; font-weight:400; src:url("https://www.pricetravel.com/assets/fonts/PTH-icon.eot?id=b9fedfc9-772d-4c43-914d-d65f2469bec7"); src:url("https://www.pricetravel.com/assets/fonts/PTH-icon.eot?id=b9fedfc9-772d-4c43-914d-d65f2469bec7") format("embedded-opentype"), url("https://www.pricetravel.com/assets/fonts/PTH-icon.woff?id=b9fedfc9-772d-4c43-914d-d65f2469bec7") format("woff"), url("https://www.pricetravel.com/assets/fonts/PTH-icon.ttf?id=b9fedfc9-772d-4c43-914d-d65f2469bec7") format("truetype"), url("https://www.pricetravel.com/assets/fonts/PTH-icon.svg#PTH-icon?id=b9fedfc9-572d-4c43-914d-d65f2469bec7") format("svg") } [class^=icons]:before,[class*=" icons"]:before { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:PTH-icon!important; font-style:normal!important; font-variant:normal!important; font-weight:400!important; line-height:1; text-transform:none!important } .icons-check-circle:before{content:"e915"} .icons-close:before{content:"e91a"} .icons-info:before{content:"e92d"} /*idiomas*/ h2,p{margin-top:0}h2,label,legend{margin-bottom:.5rem}*,:after,:before, button,input[type=radio]{box-sizing:border-box} button,legend{color:inherit;padding:0} button,label{display:inline-block} .btnPrimary,[type=button]:not(:disabled), button,button:not(:disabled){cursor:pointer} .modal,button,button:focus:not(:focus-visible){outline:0} button,dialog{background:0 0}.position-relative{position:relative!important} button,input,legend{line-height:inherit} @media (min-width:992px){ #header .container .header__top .header__buttons .header__btn:hover{background-color:var(--bg-secondary-level1) } } [tabindex="-1"]:focus:not(:focus-visible){outline:0!important} p{margin-bottom:1rem} img{border-style:none;vertical-align:middle} #modal_langcurr .modal__container input[type=radio]:checked+.option i.icons-check-circle,legend{display:block} button{border-radius:0} button,input{font-family:inherit;font-size:inherit;margin:0;overflow:visible} #modal_langcurr .modal-title,.close,button i,legend{font-size:1.5rem}[type=button],button{-webkit-appearance:button} input[type=radio]{padding:0}fieldset{border:0;margin:0;min-width:0;padding:0} legend{max-width:100%;white-space:normal;width:100%}h2{line-height:1.2;font-size:2rem} .close{color:#18161c;float:right;font-weight:500;line-height:1;opacity:.5;text-shadow:0 1px 0 #fff} .font-blue{color:var(--text-info)!important} .mt-32{margin-top:calc(.25rem*8)!important} .g-8{gap:calc(var(--space)*2)!important} button{text-transform:none;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;box-shadow:none;font:inherit;line-height:inherit;margin:0;text-align:center} button i{display:inline-flex;pointer-events:none} button:disabled{cursor:not-allowed}button:disabled,button:disabled:hover{background:var(--bg-disabled);border-color:var(--border-disabled);box-shadow:none;color:var(--text-disabled)} .btnPrimary{align-items:center;background:#e50072;border:2px solid #e50072;border-radius:8px;box-shadow:var(--shadow-100);color:#fff;display:inline-flex;font:var(--body-bold);gap:4px;justify-content:center;letter-spacing:.01em;line-height:1.2em;min-width:80px;padding:1rem;transition:.15s ease-out} #modal_langcurr .modal__container input[type=radio]:checked+.option .option__value i.option__mark,.modal{display:none} .btnPrimary:hover{ background:#800d46; border-color:#800d46;box-shadow:var(--shadow-300); color:#fff} h2{font-family:var(--basefontFamily-brand); font-weight:600 } @media (max-width:768px){#modal_langcurr .modal-title{font-size:1.125rem}} #modal_langcurr legend{font-size:1.125px;margin-bottom:16px}#modal_langcurr .modal__container{display:grid;grid-template-columns:1fr} #modal_langcurr .modal__container input[type=radio]:checked+.option{background:#f5f5f7} #modal_langcurr .modal__container .option{align-items:center;background:var(--bg-base);color:var(--text-main);-moz-column-gap:8px;column-gap:8px;display:grid;font-size:.75rem;grid-template-columns:28px 1fr auto;height:48px;margin:0 -1rem;padding:8px 12px;transition:background .15s ease-out,box-shadow .15s ease-out;width:calc(100% + 2rem)} #modal_langcurr .modal__container .option__flag{border-radius:50%;-o-object-fit:cover;object-fit:cover} #modal_langcurr .modal__container .option__code{color:var(--text-subtle)} #modal_langcurr .modal__container .option i.icons-check-circle{ color:#1c8207; display:none; font-size:24px; grid-column:3/4 } #modal_langcurr .modal__container .option__value{display:flex;grid-column:2/3;grid-row:1/2;justify-content:space-between} #modal_langcurr .modal__container .option__mark{color:var(--text-subtle);font-size:.75rem;font-weight:400} @media (width < 768px){ #modal_langcurr{padding:0} #modal_langcurr .modal-dialog{margin:0;max-height:100%;max-width:none} #modal_langcurr .modal-dialog .modal-content{border-radius:0;max-height:100vh} } @media (width > 768px){ #modal_langcurr .modal-dialog {position:absolute !important;left:50%;transform:translateX(-50%);} } #modal_langcurr { backdrop-filter: brightness(0.5); } .fade{transition:opacity .15s linear} .close:hover{color:#18161c;text-decoration:none} .close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75} button.close{background-color:transparent;border:0;padding:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto} .modal{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index: 1050 !important} .modal-dialog{margin:.5rem;pointer-events:none;position:relative;width:auto} .modal .fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out} @media (prefers-reduced-motion:reduce){ .fade,.modal.fade .modal-dialog{transition:none;z-index: 1050 !important }} .modal.show .modal-dialog{transform:none} .modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)} .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden} .modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto} .modal-content{background-clip:padding-box;background-color:#fff;border:1px solid rgba(24,22,28,.2);border-radius:.3rem;display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%} .modal-header{align-items:flex-start;border-bottom:1px solid #e4e4e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);display:flex;justify-content:space-between;padding:1rem} .modal-header .close{margin:-1rem -1rem -1rem auto;padding:1rem} .modal-title{line-height:1.5;margin-bottom:0} .modal-body{flex:1 1 auto;padding-top:0.1rem !important;position:relative} .modal-footer{align-items:center;border-bottom-left-radius:calc(.3rem - 1px);border-bottom-right-radius:calc(.3rem - 1px);border-top:1px solid #e4e4e6;display:flex;flex-wrap:wrap;justify-content:flex-end;padding:.75rem} .modal-footer>*{margin:.25rem} @media (min-width:576px){ .modal-dialog{margin:1.75rem auto;max-width:500px} .modal-dialog-scrollable{max-height:calc(100% - 3.5rem)} .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}} .d-none{display:none!important} .d-flex{display:flex!important} @media (min-width:768px){ #header .container .header__top .header__buttons .header__btn{align-items:center;border-radius:.25rem;color:var(--text-main);display:flex;font:var(--body-sm);gap:.25rem;padding:.5rem;transition:background .3s ease-in-out,box-shadow .3s ease-in-out;will-change:background} .d-md-inline{display:inline!important}}.w-100{width:100%!important} .font-14{font-size:.875rem!important} .font-24{font-size:1.5rem!important} .font-blue{color:#3161f2!important} .g-8{gap:calc(.25rem*2)!important} dialog{border:none} #header i{display:flex;font-size:1.125rem} @media (width >= 768px){ #modal_langcurr .modal-dialog{max-width:736px} #modal_langcurr .modal-body,#modal_langcurr .modal-header{padding:20px 32px} #modal_langcurr legend{font-size:18px;font-weight:700} #modal_langcurr .modal__container{-moz-column-gap:48px;column-gap:48px;grid-template-columns:repeat(3,1fr);row-gap:12px} #modal_langcurr .modal__container .option{border:1px solid #eee;cursor:pointer;grid-template-columns:auto 1fr 28px;height:56px;margin:0;width:100%} #modal_langcurr .modal__container .option i.icons-check-circle{grid-column:1/2;grid-row:1/2} #modal_langcurr .modal__container .option__code,#modal_langcurr .modal__container .option__flag{grid-column:3/4;grid-row:1/2} #modal_langcurr .modal__container .option__value{display:block;grid-column:2/3;grid-row:1/2} #modal_langcurr .modal__container .option:hover{background-color:#f5f5f7;box-shadow:2px 2px 10px #999} #modal_langcurr .btnPrimary{max-width:224px} } @media (width >= 1280px){ #modal_langcurr .modal-dialog{max-width:1038px} #modal_langcurr .modal__container{grid-template-columns:repeat(4,1fr)} } /************** HeaderEdit SACP *********************/ /* ------------------------------------------ HEADER ------------------------------------------ */ /*- GENERALES -*/ #header .header__btn { background-color: inherit !important; } .flagIcon { width: 24px !important; height: 24px !important; } .flagIconBig { width: 28px !important; height: 28px !important; } .sesionLink{ text-decoration: none !important; } #header i { display: inline-flex; font-size: 1.25rem; } #header menu { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style: none; } #header .logged__avatar { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #C6BCE5 0%, #F7D2E5 100%); border: 1px solid #C6BCE5; border-radius: 50%; font-size: 16px; font-weight: 600; color: #5C469C; } /*- BASE MOBILE -*/ #header { position: relative; background-color: #fff; /*box-shadow: 0 calc(0.5px * 2) calc(1px * 2) hsla(210, 18%, 4%, 0.14), 0 calc(0.5px * 2) calc(1px * 2) hsla(210, 18%, 4%, 0.14);*/ } #header .container { padding-left: 0; padding-right: 0; } #header .container .header__top { padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; } #header .container .header__top .header__logo img { width: 140px; height: auto; } #header .container .header__top .menu__btn { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 8px; } #header .container .header__top .menu__btn i { color: #3B3A40; } #header .container .header__top .menu__btn i.icons-menu, #header .container .header__top .menu__btn i.icons-person { font-size: 1.5rem; } #header .container .header__top .menu__btn.active { background-color: #F5F5F7; } #header .container .header__top .menu__btn--logged { padding: 0; border: none; } #header .container .header__top .menu__btn--logged .logged__avatar { width: 40px; height: 40px; } #header .container .header__top .menu__window { position: fixed; z-index: 40; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #fff; transition: transform 300ms ease-in-out; } #header .container .header__top .menu__window.show { transform: translateX(0); overflow-y: auto; } #header .container .header__top .menu__window--left { transform: translateX(-100%); } #header .container .header__top .menu__window--right { transform: translateX(100%); } #header .container .header__top .menu__window .menu__closeBtn { padding: 16px; } #header .container .header__top .menu__window .menu__closeBtn i { font-size: 1.5rem; } #header .container .header__top .menu__window .menu__session { position: relative; padding: 48px 16px 32px; margin-bottom: 24px; background: -moz-linear-gradient(255deg, rgba(245, 245, 247, 0) 0%, #EEEBF7 100%); background: -webkit-linear-gradient(255deg, rgba(245, 245, 247, 0) 0%, #EEEBF7 100%); background: linear-gradient(255deg, rgba(245, 245, 247, 0) 0%, #EEEBF7 100%); } #header .container .header__top .menu__window .menu__session .menu__closeBtn { position: absolute; top: 0; right: 0; } #header .container .header__top .menu__window .menu__session .session__title { font: var(--title-sm); display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } #header .container .header__top .menu__window .menu__session--logged { padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; } #header .container .header__top .menu__window .menu__session--logged .logged__avatar { flex-shrink: 0; width: 48px; height: 48px; } #header .container .header__top .menu__window .menu__session--logged .session__title { margin-bottom: 0; } #header .container .header__top .menu__window .menu__session--logged .menu__closeBtn { position: static; padding: 12px; } #header .container .header__top .menu__window .menu__navigation a, #header .container .header__top .menu__window .menu__navigation button { padding: 16px 12px; width: 100%; display: flex; align-items: center; gap: 8px; border-left: 4px solid transparent; color: #3B3A40; } #header .container .header__top .menu__window .menu__navigation a.tab, #header .container .header__top .menu__window .menu__navigation button.tab { font-weight: 500; } #header .container .header__top .menu__window .menu__navigation a.current, #header .container .header__top .menu__window .menu__navigation button.current { background-color: #F5F5F7; border-color: #DB006E; color: #18161C; } #header .container .header__top .menu__window .menu__navigation a.current i, #header .container .header__top .menu__window .menu__navigation button.current i { color: #DB006E; } #header .container .header__top .header__buttons { align-items: stretch; gap: 12px; } #header .container .header__top .header__buttons .header__btn { min-height: 100%; padding: 8px; font: 400 0.875rem/150% -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto' ,Arial, system-ui; color: #18161C; display: flex; align-items: center; gap: 4px; border: 1px solid transparent; border-radius: 8px; transition: all 300ms ease-in-out; } #header .container .header__top .header__buttons .header__btn i { color: #3B3A40; } #header .container .header__top .header__buttons .header__btn--login { padding: 8px 12px; gap: 8px; border: 1px solid #C1BFC7; } #header .container .header__top .header__buttons .header__btn--login.active { border-color: transparent; } #header .container .header__top .header__buttons .header__btn.active { background-color: #F5F5F7; border-radius: 8px 8px 0 0; box-shadow: 0 calc(0.5px * 8) calc(1px * 8) hsla(210, 18%, 4%, 0.14), 0 calc(0.5px * 8) calc(1px * 8) hsla(210, 18%, 4%, 0.14); } #header .container .header__top .header__buttons .header__dropdown { position: absolute; z-index: 20; right: 0; top: 100%; opacity: 0; transform: scaleY(0); transform-origin: top center; transition: transform 300ms ease-in, opacity 300ms ease-in; } #header .container .header__top .header__buttons .header__dropdown.show { transform: scaleY(1); opacity: 1; } #header .container .header__top .header__buttons .header__dropdown .dropdown__container { background-color: #fff; box-shadow: 0 calc(0.5px * 8) calc(1px * 8) hsla(210, 18%, 4%, 0.14), 0 calc(0.5px * 8) calc(1px * 8) hsla(210, 18%, 4%, 0.14); border-radius: 8px 0 8px 8px; width: max-content; overflow: hidden; } #header .container .header__top .header__buttons .header__dropdown .dropdown__container .dropdown__item--login { padding: 24px 16px; width: 300px; background: -moz-linear-gradient(255deg, rgba(245, 245, 247, 0) 0%, #EEEBF7 100%); background: -webkit-linear-gradient(255deg, rgba(245, 245, 247, 0) 0%, #EEEBF7 100%); background: linear-gradient(255deg, rgba(245, 245, 247, 0) 0%, #EEEBF7 100%); } #header .container .header__top .header__buttons .header__dropdown .dropdown__container .dropdown__link { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 8px; font: 400 0.875rem/150% -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto' ,Arial, system-ui; color: #3B3A40; transition: background 300ms ease-out; } #header .container .header__top .header__buttons .header__dropdown .dropdown__container .dropdown__link:hover { background-color: #F5F5F7; } #header .container .header__bottom { position: relative; } #header .container .header__bottom .bottom__container { padding: 0 16px; display: flex; overflow-x: auto; overflow-y: hidden; } #header .container .header__bottom .bottom__container .bottom__tab { white-space: nowrap; } #header .container .header__bottom .bottom__container .bottom__tab a { padding: 8px 16px; display: flex; align-items: center; gap: 8px; font: 500 0.875rem/150% -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto' ,Arial, system-ui; color: #3B3A40; border-bottom: 3px solid transparent; transition: color 300ms ease-in-out; position: relative; } #header .container .header__bottom .bottom__container .bottom__tab a:before { position: absolute; bottom: -3px; left: 0; display: block; height: 3px; width: 100%; transform: scaleX(0); transform-origin: left; content: ""; background-color: #C1BFC7; transition: transform 350ms ease-in; } #header .container .header__bottom .bottom__container .bottom__tab a.current { color: #18161C; } #header .container .header__bottom .bottom__container .bottom__tab a.current i { color: #DB006E; } #header .container .header__bottom .bottom__container .bottom__tab a.current:before { background-color: #DB006E; transform: scaleX(1); } #header .container .header__bottom .bottom__mask { position: absolute; height: 100%; top: 0; width: 85px; z-index: 1; } #header .container .header__bottom .bottom__mask--left { left: 0; background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } #header .container .header__bottom .bottom__mask--right { right: 0; background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } /*- MEDIA QUERIES -*/ @media (min-width: 768px) { #header .container .header__top { padding: 16px 0; } #header .container .header__top .header__logo img { width: 160px; } #header .container .header__bottom .header__buttons .bottom__container { padding: 0; gap: 16px; } } @media (min-width: 992px) { #header .container .header__top .header__dropdown--fullwidth { width: 100%; } #header .container .header__top .header__dropdown--fullwidth .dropdown__container { width: 100% !important; border-radius: 0 0 8px 8px !important; } } @media (pointer: fine) { #header .container .header__top .header__buttons .header__btn:hover { border-color: #E4E4E6; } #header .container .header__top .header__buttons .header__btn--login:hover { border-color: #96949C; } #header .container .header__bottom .bottom__container .bottom__tab a:hover { color: #18161C; } #header .container .header__bottom .bottom__container .bottom__tab a:hover:before { transform: scaleX(1); } } /* DS LINKS ---------------------------------------------- */ a { background-color: transparent; border: none; outline: none; font-style: normal; font-weight: normal; text-decoration: none; color: inherit; cursor: pointer; } a:hover { color: inherit; text-decoration: none; } a:focus-visible { outline: 2px solid var(--border-info); outline-offset: 2px; } .link { display: inline-flex; align-items: center; gap: 4px; border-bottom: 1px solid transparent; font: var(--body-bold); line-height: 1em; letter-spacing: 0.01em; color: #186cdf; transition: all 150ms ease-out; cursor: pointer; } .link i { display: inline-flex; font-size: 1.25rem; pointer-events: none; } .link:hover { border-color: var(--text-link); color: var(--text-link-hover); } .link:disabled { color: var(--text-disabled); cursor: not-allowed; } .link:disabled:hover { color: var(--text-disabled); } .link--md { font: var(--body-sm-bold); letter-spacing: 0.02em; } .link--xs { font: var(--body-xs-bold); letter-spacing: 0.02em; } /* DS LINKS ---------------------------------------------- */ /* new styles */