/* Theme Name: Traveler Childtheme Description: Traveler Child Theme Theme URI: https://travelerwp.com/ Author: the ShineTheme Author URI: http://shinetheme.com Version: 1.0 Template: traveler */ /* --------------------------------- DEFAULT OVERRIDES ----------------------------------*/ :root { /* --margin-lateral: 30px; */ /* Margen en desktop*/ @media screen and (min-width: 769px) { --margin-lateral: 30px; } @media screen and (max-width: 768px) { --margin-lateral: 20px; } } /* ESPACIO RESERVADO EN TODAS LAS SECCIONES PARA EL HEADER */ @media screen and (width < 992px) { #st-content-wrapper>.banner { padding-top: 110px !important; } } /* Eliminar migas de pan */ .st-breadcrumb { display: none !important; } /* --------------------------------- DEFAULT STYLES ----------------------------------*/ .st-button-prev, .st-button-next { background-color: #F3F3F3 !important; box-shadow: none !important; border-color: #F3F3F3 !important; width: 50px !important; height: 50px !important; .stt-icon::before { content: "" !important; } @media screen and (width < 768px) { display: none !important; } } .st-button-prev, .st-button-next { background-repeat: no-repeat !important; background-position: center !important; background-size: 26px 26px !important; } .st-button-prev { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.49896%2012.4584H19.1667V10.5417H7.49896L12.8656%205.17504L11.5%203.83337L3.83333%2011.5L11.5%2019.1667L12.8656%2017.825L7.49896%2012.4584Z%22%20fill%3D%22%23F5513B%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important; } .st-button-next { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.501%2012.4584H3.83334V10.5417H15.501L10.1344%205.17504L11.5%203.83337L19.1667%2011.5L11.5%2019.1667L10.1344%2017.825L15.501%2012.4584Z%22%20fill%3D%22%23F5513B%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important; } /* --------------------------------- Header ----------------------------------*/ /* Preheader */ #topbar { margin: 20px var(--margin-lateral) 0; height: 50px; border-radius: 15px; background-color: #1A2B48 !important; .topbar-item { margin-right: 20px !important; &::after { background-color: transparent !important; } i { color: #00bac6; } a { color: #fff !important; } } @media screen and (width <=1300px) { display: none !important; } } /* Header */ header.header { margin: 20px var(--margin-lateral); width: calc(100% - var(--margin-lateral)*2) !important; background: transparent !important; padding: 20px 40px !important; /* Reorganizacion header */ .header__left { flex: 1; order: 1; } .header__center { order: 2; flex-shrink: 0; } .header__right { order: 3; flex-shrink: 0; display: flex; align-items: center; gap: 20px; li.dropdown { >.dropdown-toggle {} } } .header__center, .header__right { display: flex !important; align-items: center; gap: 15px; } /* Fin Reorganizacion header */ .header__left img { max-width: 220px; width: 100%; } .header__center { .mega-menu { display: flex !important; gap: 20px; >li { >.mega-menu-link { font-weight: 500 !important; } >.mega-sub-menu { margin: 0 var(--margin-lateral); width: calc(100vw - var(--margin-lateral)*2) !important; margin-left: var(--margin-lateral) !important; } } } } } body:has(.blog-content) { header.header { background-color: #1A2B48 !important; border-radius: 16px; } } /* Sticky header */ #sticky-wrapper.is-sticky header.header.header-sticky-menu, header.header.header-sticky-menu.sticky-active { z-index: 999 !important; background-color: white !important; margin: 0 !important; width: 100% !important; padding-left: 70px !important; padding-right: 70px !important; top: 0 !important; border-bottom: 2px solid var(--main-color); left: 0 !important; border-radius: 0 !important; @media (max-width: 768px) { padding-left: 50px !important; padding-right: 50px !important; } .header__left { img { filter: brightness(0) saturate(100%) invert(65%) sepia(60%) saturate(1200%) hue-rotate(140deg) brightness(95%) contrast(90%); /* transition: filter .3s ease; */ } .menu-toggle { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3E%3Crect y='1' width='24' height='2' rx='1' fill='black'/%3E%3Crect y='9' width='24' height='2' rx='1' fill='black'/%3E%3Crect y='17' width='24' height='2' rx='1' fill='black'/%3E%3C/svg%3E") center center no-repeat !important; } } ul li { &:not(.mega-current_page_item) { a { color: black !important; } } &.mega-current_page_item { a { color: var(--main-color) !important; } } } } /* IDIOMAS */ #mega-menu-item-11563 { position: relative; list-style: none; >a.mega-menu-link { display: flex; align-items: center; gap: 5px; color: #ffffff; background: transparent; text-decoration: none; font-size: 18px; font-weight: 600; padding: 8px 12px; cursor: pointer; transition: opacity 0.2s ease; &:hover { color: #edff00; } &::before { width: 32px !important; height: 32px !important; background-size: auto 32px !important; } } .mega-indicator { display: inline-block; width: 8px; height: 8px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate(45deg); margin-left: 4px; transition: transform 0.2s ease; } &:hover { .mega-indicator { transform: rotate(225deg); } #mega-sub-menu-11563 { display: block; } } &.mega-toggle-on #mega-sub-menu-11563 { display: block; } #mega-sub-menu-11563 { position: absolute; top: 100%; left: 0; background: transparent; list-style: none; padding: 5px 0; margin: 0; min-width: 100%; display: none; z-index: 999; li { list-style: none; } a.mega-menu-link { display: block; color: #ffffff; background: transparent; text-decoration: none; font-size: 18px; font-weight: 600; padding: 8px 12px; transition: opacity 0.2s ease; &:hover { color: #edff00; } &::before { width: 32px !important; height: 32px !important; background-size: auto 32px !important; } } } } /* HEADER DESKTOP TO MOBILE */ /* Entre 992 y 1300: mantener menú desktop visible */ /* @media (min-width: 992px) and (max-width: 1300px) { header.header { .header__left { display: flex; justify-content: space-between; flex-direction: row-reverse; .menu-toggle {} } .header__center { #mega-menu-wrap-primary, #mega-menu-primary, #st-main-menu { display: flex !important; position: fixed; left: 0; flex-direction: column; } } .header__right { display: none !important; } } } */ /* Menor de 1300: modo móvil */ @media (max-width: 1300px) { header.header { /* padding: 40px 30px !important; */ position: absolute; z-index: 9; border: 0; .header__left { display: flex; flex-direction: row-reverse; justify-content: space-between; >.logo { margin: 0 !important; position: relative; top: auto !important; left: auto !important; transform: none !important; } .menu-toggle { display: block !important; width: 24px; height: 20px; cursor: pointer; transition: transform 0.2s ease; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3E%3Crect y='1' width='24' height='2' rx='1' fill='white'/%3E%3Crect y='9' width='24' height='2' rx='1' fill='white'/%3E%3Crect y='17' width='24' height='2' rx='1' fill='white'/%3E%3C/svg%3E") center center no-repeat !important; } .menu-toggle.is-active { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3E%3Crect x='3' y='3' width='24' height='2' rx='1' fill='white' transform='rotate(45 3 3)'/%3E%3Crect x='21' y='3' width='24' height='2' rx='1' fill='white' transform='rotate(135 21 3)'/%3E%3C/svg%3E") center center no-repeat !important; } } .header__center { width: 0px !important; } .header__center #st-main-menu { display: none !important; } .header__center #st-main-menu.is-open { /* display: block !important; */ display: none !important; left: 0 !important; } .header__right { display: none !important; } /* Ajustes menu movil desplegable*/ #st-main-menu { background-color: transparent; overflow: visible; .mega-menu-wrap { /* padding: 0 var(--margin-lateral); */ .mega-menu-toggle { display: none !important; } >.mega-menu { background-color: white !important; gap: 10px !important; padding: 10px 0 !important; /* border-radius: 10px !important; */ border-top: 3px solid #00bac6 !important; >li { background-color: white !important; >a { color: black !important; background-color: white !important; height: auto !important; padding: 5px 15px !important; font-size: 15px !important; transition: all 0.3s ease-in-out !important; position: relative !important; } &:hover { >a { color: #FA5636 !important; } } &.mega-current_page_item { >a { background-color: #00BAC6 !important; color: white !important; } } &:not(.mega-current_page_item) { >a { border-radius: 10px !important; padding-left: 20px !important; &::before { content: ""; position: absolute !important; left: 20px; bottom: 6px; width: 30px !important; height: 6px !important; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 6' width='26' height='6'%3E%3Cpath d='M1 3c2-4 4 4 6 0s4 4 6 0 4 4 6 0 4 4 6 0' fill='none' stroke='%23E9FF3B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E") !important; background-repeat: no-repeat; background-size: 26px 6px; transition: width .3s ease !important; } } } /* GTRANSLATE */ &.menu-item-gtranslate { height: 50px !important; width: 100%; display: flex; justify-content: end; } } } } } .back-menu, .overlay { display: none !important; } } /* Estilos menú mobile cerrado */ header.header { .header__center { #st-main-menu { display: block !important; transition: left 0.3s ease-in-out; /* background: tomato; */ max-width: calc(100vw); width: 100%; position: absolute; left: calc(-100% - var(--margin-lateral)); top: 76px; height: calc(100vh - 200px); } } } /* Estilos menú mobile abierto */ body.menu-open { overflow: hidden; header.header { .header__center { #st-main-menu { display: block !important; left: 0; /* top: 100px; */ } } } } } /* --------------------------------- Footer ----------------------------------*/ #main-footer { margin: 0 var(--margin-lateral); width: calc(100% - var(--margin-lateral)*2) !important; border-radius: 16px !important; } /* Controladores de prefooter */ footer .prefooter-home, footer .prefooter-contacto { display: none !important; } /* Mapa: Av. Venezuela */ /* CONTROLADOR HOME */ body.page-id-11388 footer .prefooter-home { display: flex !important; } /* Mapa: Av. Venezuela */ /* CONTROLADOR CONTACTO y SOBRE NOSOTROS*/ body.page-id-8088 footer .prefooter-contacto, body.page-id-12908 footer .prefooter-contacto { display: flex !important; } body:not(.page-id-11388):not(.page-id-8088):not(.page-id-12908) footer .bottom-footer { border-radius: 16px !important; } /* --------------------------------- Heros ----------------------------------*/ /* HOME */ .custom-hero { margin: 0 var(--margin-lateral); .banner, .elementor-background-overlay { border-radius: 15px; } .elementor-container:has(.hero-content) { height: 100%; } .hero-title h2 { font-size: clamp(40px, 3vw, 70px) !important; line-height: clamp(52px, 3.7vw, 90px) !important; font-weight: 600 !important; } &.home { min-height: calc(100vh - 150px); margin-bottom: 30px !important; display: flex !important; align-items: center !important; .elementor-background-slideshow { border-radius: 15px; } } } /* HERO PAGINAS INTERIORES */ #st-content-wrapper { @media screen and (width >=768px) { padding-top: 0 !important; } >.banner { margin: 20px var(--margin-lateral) !important; border-radius: 15px !important; &::after { border-radius: 15px !important; } } } /* Paginas */ #st-content-wrapper.st-page-default { >.banner { height: 65vh !important; min-height: 65vh !important; .container { z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); h1 { text-align: center; padding-bottom: 27px; &::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 112px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg width='112' height='17' viewBox='0 0 112 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2C10.998 2 10.998 14.0378 19.996 14.0378C28.9939 14.0378 29 2 37.998 2C46.996 2 46.996 14.0378 56 14.0378C65.004 14.0378 64.998 2 73.996 2C82.9939 2 82.9939 14.0378 91.998 14.0378C101.002 14.0378 101.002 2 110 2' stroke='%23E8FA03' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; background-size: contain; } } } #overlay { border-radius: 15px !important; } } } /* Actividades y Excursiones single */ #st-content-wrapper.st-single-tour { >.banner { /* height: calc(100vh - 150px) !important; */ } } /* Actividades ELEMENTOR */ .canary-single-hero { margin: 30px var(--margin-lateral); min-height: calc(100vh - 150px); display: flex !important; align-items: center !important; width: calc(100vw - var(--margin-lateral)*2) !important; } /* HERO - Search results (Actividades) */ /* .page-template:has(.search-result-page) ->>>>>> Clase para todas las paginas search result */ /* .page-template-template-activity-search ->>>>> Clase solo para actividades */ .page-template:has(.search-result-page) { .banner { height: 65vh !important; min-height: 65vh !important; .container { z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); h1.tag_h1 { display: block !important; text-align: center; padding-bottom: 27px !important; margin-bottom: 50px !important; position: relative !important; font-size: clamp(40px, 5vw, 56px); font-weight: 800; text-shadow: 3px 4px 8px rgba(0, 0, 0, 0.4); &::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 112px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg width='112' height='17' viewBox='0 0 112 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2C10.998 2 10.998 14.0378 19.996 14.0378C28.9939 14.0378 29 2 37.998 2C46.996 2 46.996 14.0378 56 14.0378C65.004 14.0378 64.998 2 73.996 2C82.9939 2 82.9939 14.0378 91.998 14.0378C101.002 14.0378 101.002 2 110 2' stroke='%23E8FA03' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; background-size: contain; } } } } } /* --------------------------------- SEARCH - buscador ----------------------------------*/ .custom-search, .page-template:has(.search-result-page) { .nav-pills { margin-bottom: 30px; .nav-item .nav-link { background-color: white; border: 2px solid white; color: #676977 !important; border-radius: 60px; padding: 6px 30px !important; &.active { border-color: #F5513B; color: #1A2B49 !important; } } .nav-item .nav-link::before { content: ''; display: inline-block; width: 25px; height: 25px; margin-right: 8px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; } .nav-item:nth-child(1) .nav-link::before { background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%22-1 -1 20 20%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M2.90625 13.5938C2.46875 13.1562 2.25 12.625 2.25 12H0.75V5.25C0.75 4.8375 0.896875 4.48438 1.19063 4.19063C1.48438 3.89687 1.8375 3.75 2.25 3.75H12.75L17.25 8.25V12H15.75C15.75 12.625 15.5313 13.1562 15.0938 13.5938C14.6563 14.0312 14.125 14.25 13.5 14.25C12.875 14.25 12.3438 14.0312 11.9062 13.5938C11.4688 13.1562 11.25 12.625 11.25 12H6.75C6.75 12.625 6.53125 13.1562 6.09375 13.5938C5.65625 14.0312 5.125 14.25 4.5 14.25C3.875 14.25 3.34375 14.0312 2.90625 13.5938ZM11.25 7.5H14.25L12 5.25H11.25V7.5ZM6.75 7.5H9.75V5.25H6.75V7.5ZM2.25 7.5H5.25V5.25H2.25V7.5ZM5.16563 12.6656C5.34688 12.4844 5.4375 12.2625 5.4375 12C5.4375 11.7375 5.34688 11.5156 5.16563 11.3344C4.98438 11.1531 4.7625 11.0625 4.5 11.0625C4.2375 11.0625 4.01563 11.1531 3.83438 11.3344C3.65313 11.5156 3.5625 11.7375 3.5625 12C3.5625 12.2625 3.65313 12.4844 3.83438 12.6656C4.01563 12.8469 4.2375 12.9375 4.5 12.9375C4.7625 12.9375 4.98438 12.8469 5.16563 12.6656ZM14.1656 12.6656C14.3469 12.4844 14.4375 12.2625 14.4375 12C14.4375 11.7375 14.3469 11.5156 14.1656 11.3344C13.9844 11.1531 13.7625 11.0625 13.5 11.0625C13.2375 11.0625 13.0156 11.1531 12.8344 11.3344C12.6531 11.5156 12.5625 11.7375 12.5625 12C12.5625 12.2625 12.6531 12.4844 12.8344 12.6656C13.0156 12.8469 13.2375 12.9375 13.5 12.9375C13.7625 12.9375 13.9844 12.8469 14.1656 12.6656ZM2.25 10.5H2.85C3.0625 10.275 3.30625 10.0938 3.58125 9.95625C3.85625 9.81875 4.1625 9.75 4.5 9.75C4.8375 9.75 5.14375 9.81875 5.41875 9.95625C5.69375 10.0938 5.9375 10.275 6.15 10.5H11.85C12.0625 10.275 12.3063 10.0938 12.5813 9.95625C12.8563 9.81875 13.1625 9.75 13.5 9.75C13.8375 9.75 14.1438 9.81875 14.4188 9.95625C14.6938 10.0938 14.9375 10.275 15.15 10.5H15.75V9H2.25V10.5Z%22 fill%3D%22%23676977%22%2F%3E%3C%2Fsvg%3E"); } .nav-item:nth-child(1) .nav-link.active::before { background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%22-1 -1 20 20%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M2.90625 13.5938C2.46875 13.1562 2.25 12.625 2.25 12H0.75V5.25C0.75 4.8375 0.896875 4.48438 1.19063 4.19063C1.48438 3.89687 1.8375 3.75 2.25 3.75H12.75L17.25 8.25V12H15.75C15.75 12.625 15.5313 13.1562 15.0938 13.5938C14.6563 14.0312 14.125 14.25 13.5 14.25C12.875 14.25 12.3438 14.0312 11.9062 13.5938C11.4688 13.1562 11.25 12.625 11.25 12H6.75C6.75 12.625 6.53125 13.1562 6.09375 13.5938C5.65625 14.0312 5.125 14.25 4.5 14.25C3.875 14.25 3.34375 14.0312 2.90625 13.5938ZM11.25 7.5H14.25L12 5.25H11.25V7.5ZM6.75 7.5H9.75V5.25H6.75V7.5ZM2.25 7.5H5.25V5.25H2.25V7.5ZM5.16563 12.6656C5.34688 12.4844 5.4375 12.2625 5.4375 12C5.4375 11.7375 5.34688 11.5156 5.16563 11.3344C4.98438 11.1531 4.7625 11.0625 4.5 11.0625C4.2375 11.0625 4.01563 11.1531 3.83438 11.3344C3.65313 11.5156 3.5625 11.7375 3.5625 12C3.5625 12.2625 3.65313 12.4844 3.83438 12.6656C4.01563 12.8469 4.2375 12.9375 4.5 12.9375C4.7625 12.9375 4.98438 12.8469 5.16563 12.6656ZM14.1656 12.6656C14.3469 12.4844 14.4375 12.2625 14.4375 12C14.4375 11.7375 14.3469 11.5156 14.1656 11.3344C13.9844 11.1531 13.7625 11.0625 13.5 11.0625C13.2375 11.0625 13.0156 11.1531 12.8344 11.3344C12.6531 11.5156 12.5625 11.7375 12.5625 12C12.5625 12.2625 12.6531 12.4844 12.8344 12.6656C13.0156 12.8469 13.2375 12.9375 13.5 12.9375C13.7625 12.9375 13.9844 12.8469 14.1656 12.6656ZM2.25 10.5H2.85C3.0625 10.275 3.30625 10.0938 3.58125 9.95625C3.85625 9.81875 4.1625 9.75 4.5 9.75C4.8375 9.75 5.14375 9.81875 5.41875 9.95625C5.69375 10.0938 5.9375 10.275 6.15 10.5H11.85C12.0625 10.275 12.3063 10.0938 12.5813 9.95625C12.8563 9.81875 13.1625 9.75 13.5 9.75C13.8375 9.75 14.1438 9.81875 14.4188 9.95625C14.6938 10.0938 14.9375 10.275 15.15 10.5H15.75V9H2.25V10.5Z%22 fill%3D%22%231A2B49%22%2F%3E%3C%2Fsvg%3E"); } .nav-item:nth-child(2) .nav-link::before { background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%22-1 -1 20 20%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.9 12L9 10.425L11.0625 12L10.275 9.45L12.375 7.8H9.825L9 5.25L8.175 7.8H5.625L7.6875 9.45L6.9 12ZM3 15C2.5875 15 2.23437 14.8531 1.94062 14.5594C1.64687 14.2656 1.5 13.9125 1.5 13.5V10.9687C1.5 10.8312 1.54375 10.7125 1.63125 10.6125C1.71875 10.5125 1.83125 10.45 1.96875 10.425C2.26875 10.325 2.51562 10.1437 2.70937 9.88125C2.90312 9.61875 3 9.325 3 9C3 8.675 2.90312 8.38125 2.70937 8.11875C2.51562 7.85625 2.26875 7.675 1.96875 7.575C1.83125 7.55 1.71875 7.4875 1.63125 7.3875C1.54375 7.2875 1.5 7.16875 1.5 7.03125V4.5C1.5 4.0875 1.64687 3.73437 1.94062 3.44062C2.23437 3.14687 2.5875 3 3 3H15C15.4125 3 15.7656 3.14687 16.0594 3.44062C16.3531 3.73437 16.5 4.0875 16.5 4.5V7.03125C16.5 7.16875 16.4562 7.2875 16.3687 7.3875C16.2812 7.4875 16.1687 7.55 16.0312 7.575C15.7312 7.675 15.4844 7.85625 15.2906 8.11875C15.0969 8.38125 15 8.675 15 9C15 9.325 15.0969 9.61875 15.2906 9.88125C15.4844 10.1437 15.7312 10.325 16.0312 10.425C16.1687 10.45 16.2812 10.5125 16.3687 10.6125C16.4562 10.7125 16.5 10.8312 16.5 10.9687V13.5C16.5 13.9125 16.3531 14.2656 16.0594 14.5594C15.7656 14.8531 15.4125 15 15 15H3ZM3 13.5H15V11.5875C14.5375 11.3125 14.1719 10.9469 13.9031 10.4906C13.6344 10.0344 13.5 9.5375 13.5 9C13.5 8.4625 13.6344 7.96562 13.9031 7.50937C14.1719 7.05312 14.5375 6.6875 15 6.4125V4.5H3V6.4125C3.4625 6.6875 3.82812 7.05312 4.09687 7.50937C4.36562 7.96562 4.5 8.4625 4.5 9C4.5 9.5375 4.36562 10.0344 4.09687 10.4906C3.82812 10.9469 3.4625 11.3125 3 11.5875V13.5Z%22 fill%3D%22%23676977%22%2F%3E%3C%2Fsvg%3E"); } .nav-item:nth-child(2) .nav-link.active::before { background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%22-1 -1 20 20%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.9 12L9 10.425L11.0625 12L10.275 9.45L12.375 7.8H9.825L9 5.25L8.175 7.8H5.625L7.6875 9.45L6.9 12ZM3 15C2.5875 15 2.23437 14.8531 1.94062 14.5594C1.64687 14.2656 1.5 13.9125 1.5 13.5V10.9687C1.5 10.8312 1.54375 10.7125 1.63125 10.6125C1.71875 10.5125 1.83125 10.45 1.96875 10.425C2.26875 10.325 2.51562 10.1437 2.70937 9.88125C2.90312 9.61875 3 9.325 3 9C3 8.675 2.90312 8.38125 2.70937 8.11875C2.51562 7.85625 2.26875 7.675 1.96875 7.575C1.83125 7.55 1.71875 7.4875 1.63125 7.3875C1.54375 7.2875 1.5 7.16875 1.5 7.03125V4.5C1.5 4.0875 1.64687 3.73437 1.94062 3.44062C2.23437 3.14687 2.5875 3 3 3H15C15.4125 3 15.7656 3.14687 16.0594 3.44062C16.3531 3.73437 16.5 4.0875 16.5 4.5V7.03125C16.5 7.16875 16.4562 7.2875 16.3687 7.3875C16.2812 7.4875 16.1687 7.55 16.0312 7.575C15.7312 7.675 15.4844 7.85625 15.2906 8.11875C15.0969 8.38125 15 8.675 15 9C15 9.325 15.0969 9.61875 15.2906 9.88125C15.4844 10.1437 15.7312 10.325 16.0312 10.425C16.1687 10.45 16.2812 10.5125 16.3687 10.6125C16.4562 10.7125 16.5 10.8312 16.5 10.9687V13.5C16.5 13.9125 16.3531 14.2656 16.0594 14.5594C15.7656 14.8531 15.4125 15 15 15H3ZM3 13.5H15V11.5875C14.5375 11.3125 14.1719 10.9469 13.9031 10.4906C13.6344 10.0344 13.5 9.5375 13.5 9C13.5 8.4625 13.6344 7.96562 13.9031 7.50937C14.1719 7.05312 14.5375 6.6875 15 6.4125V4.5H3V6.4125C3.4625 6.6875 3.82812 7.05312 4.09687 7.50937C4.36562 7.96562 4.5 8.4625 4.5 9C4.5 9.5375 4.36562 10.0344 4.09687 10.4906C3.82812 10.9469 3.4625 11.3125 3 11.5875V13.5Z%22 fill%3D%22%231A2B49%22%2F%3E%3C%2Fsvg%3E"); } } .tab-content, .st-banner-search-form { form { padding: 4px 10px !important; .destination-search {} .form-date-field { padding-left: 20px !important; .date-item-arrow { &::before { font-size: 18px; color: #C5C5C7; } } &::after { width: 0px !important; } } .button-search-wrapper { .btn { background-color: #F5513B !important; font-size: 20px !important; padding: 10px 20px 10px 20px; border: none; &::after { content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 3px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M15.5011 12.4583H3.83337V10.5416H15.5011L10.1344 5.17498L11.5 3.83331L19.1667 11.5L11.5 19.1666L10.1344 17.825L15.5011 12.4583Z' fill='white'/%3E%3C/svg%3E"); transition: transform 0.2s ease; } &:hover::after { transform: translateX(3px); } } } .stt-icon-location1, .stt-icon-in { &::before { color: #00BAC6; font-size: 24px; margin-right: 4px; } } .stt-icon-out { display: none !important; } } } @media screen and (768px < width < 992px) { padding: 0 20px !important; } @media screen and (width < 992px) { .multi-search { gap: 15px; } .tab-content .form-group.form-date-field, .st-banner-search-form .form-group.form-date-field { padding-left: 0 !important; } .button-search-wrapper { button { border-radius: 16px !important; } } } } /* --------------------------------- Tematicas Slider ----------------------------------*/ .tematicas-custom--slider { /* Flechas */ position: relative; .elementor-widget-st_destination { position: unset; height: 450px !important; .swiper-container { position: unset; .st-button-prev, .st-button-next { position: absolute; top: unset !important; bottom: 0; @media screen and (width < 768px) { display: none !important; } } .st-button-prev { left: 30px; } .st-button-next { left: 90px; } } } /* CARDs GRID */ .st-list-destination { .swiper-wrapper { .swiper-slide { @media screen and (width > 768px) { width: 340px !important; } @media screen and (width <=768px) { width: 300px !important; } flex-shrink: 0; position: relative; .thumbnail { border-radius: 15px; aspect-ratio: 3/4 !important; img { transition: all 0.3s ease !important; &:hover { transform: scale(1.1) !important; } } &::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%); } } .title { position: absolute; bottom: 50px; left: 15px; a { color: white; z-index: 9; } &::before { content: ''; position: absolute; bottom: -10px; left: 0; width: 60px; height: 2px; background: #ffffff; } } .desc { display: none; } @media screen and (width < 768px) { margin-right: 15px !important; } } } } } /* ------------------------------------------ HOME - GRIDS TOURS ENTRADAS EXPERIENCES --------------------------------------------*/ .grid-tours, .grid-atracciones { @media (min-width: 795px) { .service-list-wrapper>.row { display: grid !important; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px; >div { width: 100% !important; padding: 0 !important; } } } .pagination { display: none; } @media (max-width: 794px) { >.elementor-widget-container { width: calc(100vw - 60px) !important; } .service-list-wrapper>.row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 15px; -webkit-overflow-scrolling: touch; scrollbar-width: none; &::-webkit-scrollbar { display: none; } >[class*="col-"] { flex: 0 0 auto !important; width: 80% !important; max-width: 300px !important; padding: 0; scroll-snap-align: start; } } } } .grid-tours { .service-list-wrapper>.row { @media screen and (width > 1300px) { >div:nth-child(2) { grid-column: span 2 / span 2; } >div:nth-child(3) { grid-column-start: 4; } >div:nth-child(4) { grid-row-start: 2; } >div:nth-child(5) { grid-row-start: 2; } >div:nth-child(6) { grid-column: span 2 / span 2; grid-row-start: 2; } } @media (min-width: 795px) and (max-width: 1300px) { grid-template-columns: repeat(5, 1fr) !important; grid-template-rows: repeat(3, 1fr); >div:nth-child(1) { grid-column: span 3 / span 3; } >div:nth-child(2) { grid-column: span 2 / span 2; } >div:nth-child(3) { grid-column: span 2 / span 2; } >div:nth-child(4) { grid-column: span 3 / span 3; } >div:nth-child(5) { grid-column: span 3 / span 3; } >div:nth-child(6) { grid-column: span 2 / span 2; } } } } .grid-atracciones { .service-list-wrapper>.row { @media screen and (width > 1300px) { >div:nth-child(1) { grid-column: span 2 / span 2; grid-row-start: 1; } >div:nth-child(2) { grid-row-start: 1; } >div:nth-child(3) { grid-row-start: 1; } >div:nth-child(4) { grid-row-start: 2; } >div:nth-child(5) { grid-column: span 2 / span 2; grid-row-start: 2; } >div:nth-child(6) { grid-row-start: 2; } } @media (min-width: 795px) and (max-width: 1300px) { grid-template-columns: repeat(5, 1fr) !important; grid-template-rows: repeat(3, 1fr); >div:nth-child(1) { grid-column: span 2 / span 2; } >div:nth-child(2) { grid-column: span 3 / span 3; } >div:nth-child(3) { grid-column: span 3 / span 3; } >div:nth-child(4) { grid-column: span 2 / span 2; } >div:nth-child(5) { grid-column: span 2 / span 2; } >div:nth-child(6) { grid-column: span 3 / span 3; } } } } /* CARDS */ .grid-tours, .grid-atracciones, .modern-search-result[data-layout="5"], .modern-search-result[data-layout="7"] { .service-list-wrapper>.row>div, .service-list-wrapper.service-tour { .services-item { margin: 0 !important; >.item { position: relative; height: 445px; box-shadow: none; background: transparent; &::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%); } .featured-image { height: 100%; /* El corazon de favoritos es otro hijo directo cuando el visitante no ha iniciado sesion: sin el :not(.login) se come los 445px y empuja la foto fuera del .item */ >a:not(.login), >a:not(.login) img { height: 100%; } img { object-fit: cover !important; } .featured, .st_sale_class { border-radius: 60px; padding: 5px 12px 5px 12px; &::before { content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 5px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; } } .featured { background-color: #E8FA03 !important; color: #1A2B49; &::before { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.13527 9.64975C4.13527 10.2471 4.25589 10.8129 4.49713 11.3471C4.73838 11.8812 5.08301 12.3494 5.53103 12.7514C5.51954 12.694 5.5138 12.6423 5.5138 12.5963V12.4413C5.5138 12.0737 5.58272 11.729 5.72058 11.4074C5.85843 11.0857 6.05946 10.7928 6.32368 10.5286L8.27084 8.61586L10.218 10.5286C10.4822 10.7928 10.6833 11.0857 10.8211 11.4074C10.959 11.729 11.0279 12.0737 11.0279 12.4413V12.5963C11.0279 12.6423 11.0221 12.694 11.0107 12.7514C11.4587 12.3494 11.8033 11.8812 12.0446 11.3471C12.2858 10.8129 12.4064 10.2471 12.4064 9.64975C12.4064 9.07537 12.3002 8.53257 12.0876 8.02137C11.8751 7.51017 11.5678 7.05353 11.1657 6.65146C10.936 6.8008 10.6947 6.91281 10.442 6.98748C10.1893 7.06215 9.93082 7.09948 9.6666 7.09948C8.95436 7.09948 8.3369 6.86399 7.81421 6.39299C7.29152 5.92199 6.98997 5.34187 6.90955 4.6526C6.46153 5.0317 6.06521 5.42515 5.72058 5.83296C5.37594 6.24078 5.08588 6.65434 4.85038 7.07364C4.61488 7.49294 4.43682 7.92085 4.3162 8.35739C4.19558 8.79392 4.13527 9.22471 4.13527 9.64975ZM8.27084 10.5458L7.28865 11.5108C7.16228 11.6371 7.06464 11.7807 6.99571 11.9415C6.92678 12.1024 6.89232 12.2689 6.89232 12.4413C6.89232 12.8089 7.0273 13.1248 7.29726 13.389C7.56722 13.6532 7.89175 13.7853 8.27084 13.7853C8.64994 13.7853 8.97447 13.6532 9.24443 13.389C9.51439 13.1248 9.64937 12.8089 9.64937 12.4413C9.64937 12.2575 9.61491 12.088 9.54598 11.9329C9.47705 11.7778 9.37941 11.6371 9.25304 11.5108L8.27084 10.5458ZM8.27084 2.06787V4.34244C8.27084 4.73302 8.40583 5.06042 8.67579 5.32463C8.94575 5.58885 9.27602 5.72096 9.6666 5.72096C9.87338 5.72096 10.0658 5.67788 10.2439 5.59172C10.4219 5.50557 10.5799 5.37633 10.7177 5.20401L11.0279 4.82492C11.878 5.3074 12.55 5.97943 13.044 6.84101C13.538 7.70259 13.7849 8.63884 13.7849 9.64975C13.7849 11.1891 13.2508 12.493 12.1824 13.5613C11.1141 14.6297 9.8102 15.1638 8.27084 15.1638C6.73149 15.1638 5.42764 14.6297 4.35928 13.5613C3.29093 12.493 2.75675 11.1891 2.75675 9.64975C2.75675 8.16784 3.25359 6.7606 4.24728 5.42802C5.24096 4.09545 6.58215 2.9754 8.27084 2.06787Z' fill='%231A2B49'/%3E%3C/svg%3E"); } } .st_sale_class { background-color: #F5513B !important; color: white; &::before { background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.96875 13.75C6.8125 13.75 6.65625 13.7188 6.5 13.6562C6.34375 13.5938 6.20312 13.5 6.07812 13.375L1.60938 8.90625C1.48438 8.78125 1.39323 8.64323 1.33594 8.49219C1.27865 8.34115 1.25 8.1875 1.25 8.03125C1.25 7.875 1.27865 7.71875 1.33594 7.5625C1.39323 7.40625 1.48438 7.26562 1.60938 7.14062L7.10938 1.625C7.22396 1.51042 7.35938 1.41927 7.51562 1.35156C7.67188 1.28385 7.83333 1.25 8 1.25H12.4844C12.8281 1.25 13.1224 1.3724 13.3672 1.61719C13.612 1.86198 13.7344 2.15625 13.7344 2.5V6.98438C13.7344 7.15104 13.7031 7.3099 13.6406 7.46094C13.5781 7.61198 13.4896 7.74479 13.375 7.85938L7.85938 13.375C7.73438 13.5 7.59375 13.5938 7.4375 13.6562C7.28125 13.7188 7.125 13.75 6.96875 13.75ZM6.96875 12.5L12.4844 6.96875V2.5H8.01562L2.5 8.03125L6.96875 12.5ZM10.9219 5C11.1823 5 11.4036 4.90885 11.5859 4.72656C11.7682 4.54427 11.8594 4.32292 11.8594 4.0625C11.8594 3.80208 11.7682 3.58073 11.5859 3.39844C11.4036 3.21615 11.1823 3.125 10.9219 3.125C10.6615 3.125 10.4401 3.21615 10.2578 3.39844C10.0755 3.58073 9.98438 3.80208 9.98438 4.0625C9.98438 4.32292 10.0755 4.54427 10.2578 4.72656C10.4401 4.90885 10.6615 5 10.9219 5Z' fill='white'/%3E%3C/svg%3E"); } } .service-add-wishlist { &::after { content: ''; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(30, 30, 30, 0.1); filter: blur(9px); z-index: -1; } svg { path { fill: transparent !important; } } } } .content-item { position: absolute; z-index: 3; bottom: 0; width: 100%; height: fit-content; padding-bottom: 10px !important; container-type: inline-size; container-name: content-item; .title { margin: 0; a { color: #fff; font-size: 21px; &:hover { /* PENDIENTE CONDICIONALES */ } } } .section-footer { padding-top: 0; margin-top: 0; border-top: 0; border-bottom: 1px solid white; margin-bottom: 20px; .price-wrapper { min-height: auto; padding: 15px 0 20px; margin-top: 0; .onsale.text-small { display: none; } .sale-top { color: #fff; } .item { background-color: transparent; color: #00BAC6; font-size: 25px; } } } .additional-info { display: flex; gap: 20px; .summary, .rate, .unit { color: #fff !important; font-weight: 400; font-size: 15px; line-height: 22px; } .reviews, .unit { i { display: none; } &::before { content: ""; display: inline-block; width: 21px; height: 21px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; } } .reviews { &::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M7.84295 14.9103L10.6345 13.2265L13.426 14.9324L12.6949 11.7421L15.1541 9.61528L11.9194 9.32727L10.6345 6.31421L9.34948 9.30511L6.11487 9.59312L8.57406 11.7421L7.84295 14.9103ZM5.16221 18.6101L6.60228 12.3846L1.77252 8.19737L8.15312 7.6435L10.6345 1.77246L13.1158 7.6435L19.4964 8.19737L14.6666 12.3846L16.1067 18.6101L10.6345 15.3091L5.16221 18.6101Z' fill='white'/%3E%3C/svg%3E"); } } .unit { &::before { margin-right: 5px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97556 2.65862V0.88623H13.2927V2.65862H7.97556ZM9.74795 12.4068H11.5203V7.08959H9.74795V12.4068ZM7.54354 18.8649C6.57611 18.4439 5.73053 17.8716 5.00681 17.1479C4.28308 16.4242 3.71075 15.5786 3.28981 14.6112C2.86886 13.6437 2.65839 12.6135 2.65839 11.5206C2.65839 10.4276 2.86886 9.39738 3.28981 8.42996C3.71075 7.46253 4.28308 6.61695 5.00681 5.89323C5.73053 5.1695 6.57611 4.59717 7.54354 4.17623C8.51097 3.75528 9.54117 3.54481 10.6341 3.54481C11.5499 3.54481 12.4287 3.69251 13.2706 3.98791C14.1125 4.28331 14.9026 4.71163 15.6411 5.27289L16.8818 4.03222L18.1225 5.27289L16.8818 6.51356C17.4431 7.25206 17.8714 8.04225 18.1668 8.88413C18.4622 9.72602 18.6099 10.6048 18.6099 11.5206C18.6099 12.6135 18.3994 13.6437 17.9785 14.6112C17.5575 15.5786 16.9852 16.4242 16.2615 17.1479C15.5377 17.8716 14.6922 18.4439 13.7247 18.8649C12.7573 19.2858 11.7271 19.4963 10.6341 19.4963C9.54117 19.4963 8.51097 19.2858 7.54354 18.8649ZM15.0208 15.9072C16.2319 14.6961 16.8375 13.2339 16.8375 11.5206C16.8375 9.80725 16.2319 8.34503 15.0208 7.1339C13.8097 5.92277 12.3474 5.3172 10.6341 5.3172C8.92083 5.3172 7.45861 5.92277 6.24748 7.1339C5.03635 8.34503 4.43078 9.80725 4.43078 11.5206C4.43078 13.2339 5.03635 14.6961 6.24748 15.9072C7.45861 17.1183 8.92083 17.7239 10.6341 17.7239C12.3474 17.7239 13.8097 17.1183 15.0208 15.9072Z' fill='white'/%3E%3C/svg%3E"); } } } .tour-link-bottom { font-size: 17px; font-weight: 600; color: #00BAC6; display: block; margin-bottom: 20px; &::after { content: ''; display: inline-block; width: 25px; height: 25px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M14.3344 11.5207H3.54498V9.74828H14.3344L9.37171 4.78559L10.6345 3.54492L17.7241 10.6345L10.6345 17.724L9.37171 16.4834L14.3344 11.5207Z' fill='%2300BAC6' stroke='%2300BAC6' stroke-width='0.590796'/%3E%3C/svg%3E"); margin-left: 6px; } } @container content-item (min-width: 417px) { .tour-link-bottom { position: absolute; right: 18px; bottom: 25px; margin-bottom: 0; } } } } } .services-item:has(.st_sale_class) { .section-footer { .price-wrapper { .item { color: #F5513B !important; } } } .tour-link-bottom { color: #F5513B !important; &::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M14.3344 11.5207H3.54498V9.74828H14.3344L9.37171 4.78559L10.6345 3.54492L17.7241 10.6345L10.6345 17.724L9.37171 16.4834L14.3344 11.5207Z' fill='%23F5513B' stroke='%23F5513B' stroke-width='0.590796'/%3E%3C/svg%3E") !important; } } } .services-item:has(.featured) { .section-footer { .price-wrapper { .item { color: #E8FA03 !important; } } } .tour-link-bottom { color: #E8FA03 !important; &::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M14.3344 11.5207H3.54498V9.74828H14.3344L9.37171 4.78559L10.6345 3.54492L17.7241 10.6345L10.6345 17.724L9.37171 16.4834L14.3344 11.5207Z' fill='%23E8FA03' stroke='%23E8FA03' stroke-width='0.590796'/%3E%3C/svg%3E") !important; } } } } } /* Noticias */ .noticias-custom--slider { @media (min-width: 1561px) { .swiper-slide { width: 750px !important; flex-shrink: 0; .excerpt-wrapper { -webkit-line-clamp: 2 !important; } } } @media (min-width: 768px) and (max-width: 1560px) { .swiper-slide { width: 350px !important; flex-shrink: 0; } } @media (max-width: 767px) { .swiper-wrapper { display: flex !important; flex-direction: column !important; transform: none !important; } .swiper-slide { width: 100% !important; margin-right: 0 !important; margin-bottom: 20px !important; flex-shrink: 1 !important; } } /* CARD */ .swiper-wrapper { .swiper-slide { .services-item { >.item { background-color: transparent; box-shadow: none !important; .featured-image, .featured-image a, .featured-image img { border-radius: 16px !important; } .content-item { padding: 20px 0; .category-color span { color: #00BAC6; } .title a { color: #1A2B48; } .excerpt-wrapper { color: #676977; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } } } } } .service-list-wrapper { .st-button-prev, .st-button-next { position: absolute; top: unset !important; bottom: 0; @media screen and (width < 768px) { display: none !important; } } .st-button-prev { top: auto !important; left: 0 !important; bottom: -30px !important; } .st-button-next { top: auto !important; left: 80px !important; bottom: -30px !important; } } } /* Single Noticias */ body.single-post { .blog-content { .cate { display: none !important; } } } /* --------------------------------- GRAVITY FORMS ----------------------------------*/ .gform_heading { .gform_required_legend { display: none !important; } } /* Newsletter */ #gform_2 { position: relative; .ginput_container:has(input#input_2_1) { position: relative; input#input_2_1 { border-radius: 60px; padding: 22px 149px 22px 42px; } &::before { content: ''; position: absolute; top: 50%; left: 16px; width: 22px; height: 22px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.33335 16.6668C2.87502 16.6668 2.48266 16.5036 2.15627 16.1772C1.82988 15.8509 1.66669 15.4585 1.66669 15.0002V5.00016C1.66669 4.54183 1.82988 4.14947 2.15627 3.82308C2.48266 3.49669 2.87502 3.3335 3.33335 3.3335H16.6667C17.125 3.3335 17.5174 3.49669 17.8438 3.82308C18.1702 4.14947 18.3334 4.54183 18.3334 5.00016V15.0002C18.3334 15.4585 18.1702 15.8509 17.8438 16.1772C17.5174 16.5036 17.125 16.6668 16.6667 16.6668H3.33335ZM10 10.8335L3.33335 6.66683V15.0002H16.6667V6.66683L10 10.8335ZM10 9.16683L16.6667 5.00016H3.33335L10 9.16683ZM3.33335 6.66683V5.00016V15.0002V6.66683Z' fill='%2300BAC6'/%3E%3C/svg%3E"); pointer-events: none; z-index: 2; } } #field_2_2 { text-align: center; input { &::before { color: #FA5636; } } label { color: white !important; a { color: white; transition: 0.3s all ease-in-out; text-decoration: underline; } } .gfield_required { margin-left: 4px; } } .gform-footer { width: fit-content; margin: 0; position: absolute; right: 6px; top: 4px; } @media screen and (width < 768px) { .ginput_container { input#input_2_1 { border-radius: 27px !important; padding: 30px 20px 70px 42px !important; } &::before { top: 31px !important; } } .gform-footer { bottom: 10px !important; top: auto !important; left: 50% !important; right: auto !important; transform: translateX(-50%); width: 95% !important; input[type="submit"] { width: 100%; border-radius: 24px !important; } } } } /* FORMULARIO DE Contacto */ /* Pagina de contacto */ .contacto--contacto { #gform_1 { .gform_fields { input:not([type="checkbox"]):not([type="submit"]), textarea { color: #1A2B49 !important; border-bottom: 2px solid #1A2B49 !important; } .gfield--type-consent { input[type="checkbox"] { border: 1px solid #1A2B49; } input[type="checkbox"]:checked::after { border: solid #1A2B49; } .gform-field-label { color: #1A2B49 !important; a { color: #1A2B49 !important; } } } } } } /* Contacto Footer */ .contacto--footer { #gform_1 { .gform_fields { input:not([type="checkbox"]):not([type="submit"]), textarea { color: white !important; border-bottom: 2px solid white !important; } .gfield--type-consent { input[type="checkbox"] { border: 1px solid white; } input[type="checkbox"]:checked::after { border: solid white; } .gform-field-label { color: white !important; a { color: white !important; } } } } } } /* Globales contacto */ #gform_1 { .gform_fields { input:not([type="checkbox"]):not([type="submit"]), textarea { background-color: transparent !important; border: 0 !important; outline: none; box-shadow: none !important; } .gfield--type-consent { input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border-radius: 4px; background-color: transparent; outline: none; cursor: pointer; position: relative; margin: 0; flex-shrink: 0; vertical-align: middle; } input[type="checkbox"]:checked::after { content: ''; position: absolute; top: 45%; left: 50%; width: 6px; height: 11px; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); } .gform-field-label { a { text-decoration: underline !important; } } } } } /* Boton enviar */ .gform_wrapper { .gform-footer { position: relative; width: fit-content !important; input[type="submit"] { border-radius: 60px !important; background-color: #F5513B !important; border: none !important; cursor: pointer !important; position: relative !important; padding: 10px 40px 10px 22px !important; } &::after { content: ''; position: absolute; top: 50% !important; right: 15px !important; width: 20px !important; height: 20px !important; transform: translateY(-50%) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M15.5011 12.4583H3.83337V10.5416H15.5011L10.1344 5.17498L11.5 3.83331L19.1667 11.5L11.5 19.1666L10.1344 17.825L15.5011 12.4583Z' fill='white'/%3E%3C/svg%3E") !important; transition: transform 0.2s ease !important; pointer-events: none !important; } &:hover::after { transform: translateY(-50%) translateX(3px) !important; } } } /* ----------------------------------------------- About Us - Sobre Nosotros Carosuel/carrusel ------------------------------------------------*/ .aboutus-carousel { .uc-items-wrapper { .owl-stage-outer { .owl-item .ue-carousel-item { border-radius: 15px !important; padding: 40px !important; @media screen and (width <=2185px) { min-height: 210px; } svg { height: 52px; } } } .owl-nav { display: flex; margin-top: 50px; gap: 20px; button { position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; background-color: #F3F3F3 !important; border-color: #F3F3F3 !important; width: 50px !important; height: 50px !important; border-radius: 60px !important; transition: all 0.3s ease-in-out; background-repeat: no-repeat !important; background-position: center !important; background-size: 26px 26px !important; i { display: none; } &:hover { background-color: #E1E1E1 !important; } &.owl-prev { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.49896%2012.4584H19.1667V10.5417H7.49896L12.8656%205.17504L11.5%203.83337L3.83333%2011.5L11.5%2019.1667L12.8656%2017.825L7.49896%2012.4584Z%22%20fill%3D%22%23F5513B%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important; } &.owl-next { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.501%2012.4584H3.83334V10.5417H15.501L10.1344%205.17504L11.5%203.83337L19.1667%2011.5L11.5%2019.1667L10.1344%2017.825L15.501%2012.4584Z%22%20fill%3D%22%23F5513B%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important; } } } } } /* ----------------------------------------------- Actividades - Single ------------------------------------------------*/ .canary-single-hero { .canary-single-hero--badgets { display: flex; align-items: center; .badge-descuento, .badge-destacado, .badge-rating { display: block; padding: 5px 10px; border-radius: 23px; font-weight: 600; font-size: 18px; &::before { content: ''; display: inline-block; margin-right: 5px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; } } .badge-destacado { color: #1A2B49; background-color: #E8FA03; &::before { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.13527 9.64975C4.13527 10.2471 4.25589 10.8129 4.49713 11.3471C4.73838 11.8812 5.08301 12.3494 5.53103 12.7514C5.51954 12.694 5.5138 12.6423 5.5138 12.5963V12.4413C5.5138 12.0737 5.58272 11.729 5.72058 11.4074C5.85843 11.0857 6.05946 10.7928 6.32368 10.5286L8.27084 8.61586L10.218 10.5286C10.4822 10.7928 10.6833 11.0857 10.8211 11.4074C10.959 11.729 11.0279 12.0737 11.0279 12.4413V12.5963C11.0279 12.6423 11.0221 12.694 11.0107 12.7514C11.4587 12.3494 11.8033 11.8812 12.0446 11.3471C12.2858 10.8129 12.4064 10.2471 12.4064 9.64975C12.4064 9.07537 12.3002 8.53257 12.0876 8.02137C11.8751 7.51017 11.5678 7.05353 11.1657 6.65146C10.936 6.8008 10.6947 6.91281 10.442 6.98748C10.1893 7.06215 9.93082 7.09948 9.6666 7.09948C8.95436 7.09948 8.3369 6.86399 7.81421 6.39299C7.29152 5.92199 6.98997 5.34187 6.90955 4.6526C6.46153 5.0317 6.06521 5.42515 5.72058 5.83296C5.37594 6.24078 5.08588 6.65434 4.85038 7.07364C4.61488 7.49294 4.43682 7.92085 4.3162 8.35739C4.19558 8.79392 4.13527 9.22471 4.13527 9.64975ZM8.27084 10.5458L7.28865 11.5108C7.16228 11.6371 7.06464 11.7807 6.99571 11.9415C6.92678 12.1024 6.89232 12.2689 6.89232 12.4413C6.89232 12.8089 7.0273 13.1248 7.29726 13.389C7.56722 13.6532 7.89175 13.7853 8.27084 13.7853C8.64994 13.7853 8.97447 13.6532 9.24443 13.389C9.51439 13.1248 9.64937 12.8089 9.64937 12.4413C9.64937 12.2575 9.61491 12.088 9.54598 11.9329C9.47705 11.7778 9.37941 11.6371 9.25304 11.5108L8.27084 10.5458ZM8.27084 2.06787V4.34244C8.27084 4.73302 8.40583 5.06042 8.67579 5.32463C8.94575 5.58885 9.27602 5.72096 9.6666 5.72096C9.87338 5.72096 10.0658 5.67788 10.2439 5.59172C10.4219 5.50557 10.5799 5.37633 10.7177 5.20401L11.0279 4.82492C11.878 5.3074 12.55 5.97943 13.044 6.84101C13.538 7.70259 13.7849 8.63884 13.7849 9.64975C13.7849 11.1891 13.2508 12.493 12.1824 13.5613C11.1141 14.6297 9.8102 15.1638 8.27084 15.1638C6.73149 15.1638 5.42764 14.6297 4.35928 13.5613C3.29093 12.493 2.75675 11.1891 2.75675 9.64975C2.75675 8.16784 3.25359 6.7606 4.24728 5.42802C5.24096 4.09545 6.58215 2.9754 8.27084 2.06787Z' fill='%231A2B49'/%3E%3C/svg%3E"); } } .badge-descuento { background-color: #F5513B; &::before { width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.96875 13.75C6.8125 13.75 6.65625 13.7188 6.5 13.6562C6.34375 13.5938 6.20312 13.5 6.07812 13.375L1.60938 8.90625C1.48438 8.78125 1.39323 8.64323 1.33594 8.49219C1.27865 8.34115 1.25 8.1875 1.25 8.03125C1.25 7.875 1.27865 7.71875 1.33594 7.5625C1.39323 7.40625 1.48438 7.26562 1.60938 7.14062L7.10938 1.625C7.22396 1.51042 7.35938 1.41927 7.51562 1.35156C7.67188 1.28385 7.83333 1.25 8 1.25H12.4844C12.8281 1.25 13.1224 1.3724 13.3672 1.61719C13.612 1.86198 13.7344 2.15625 13.7344 2.5V6.98438C13.7344 7.15104 13.7031 7.3099 13.6406 7.46094C13.5781 7.61198 13.4896 7.74479 13.375 7.85938L7.85938 13.375C7.73438 13.5 7.59375 13.5938 7.4375 13.6562C7.28125 13.7188 7.125 13.75 6.96875 13.75ZM6.96875 12.5L12.4844 6.96875V2.5H8.01562L2.5 8.03125L6.96875 12.5ZM10.9219 5C11.1823 5 11.4036 4.90885 11.5859 4.72656C11.7682 4.54427 11.8594 4.32292 11.8594 4.0625C11.8594 3.80208 11.7682 3.58073 11.5859 3.39844C11.4036 3.21615 11.1823 3.125 10.9219 3.125C10.6615 3.125 10.4401 3.21615 10.2578 3.39844C10.0755 3.58073 9.98438 3.80208 9.98438 4.0625C9.98438 4.32292 10.0755 4.54427 10.2578 4.72656C10.4401 4.90885 10.6615 5 10.9219 5Z' fill='white'/%3E%3C/svg%3E"); } } .badge-rating { &::before { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M7.84289 14.9102L10.6344 13.2265L13.4259 14.9324L12.6948 11.7421L15.154 9.61522L11.9194 9.3272L10.6344 6.31414L9.34942 9.30505L6.11481 9.59306L8.574 11.7421L7.84289 14.9102ZM5.16215 18.6101L6.60222 12.3846L1.77246 8.19731L8.15306 7.64344L10.6344 1.7724L13.1157 7.64344L19.4963 8.19731L14.6666 12.3846L16.1066 18.6101L10.6344 15.309L5.16215 18.6101Z' fill='white'/%3E%3C/svg%3E"); } } } .canary-single-hero--ctas { .favoritos, .compartir { border: 2px solid white; border-radius: 60px; font-size: clamp(12px, 1vw, 18px); font-weight: 600; display: flex; max-height: 60px; color: white; transition: background-color 0.2s ease; &:has(a:hover), &:has(.service-add-wishlist:hover) { background-color: white; color: black; a, i { color: #1A2B49 !important; } .stt-icon-heart1, .stt-icon-share { color: black !important; } } } .favoritos { gap: 20px; padding: 15px 16px 15px 15px; .service-add-wishlist { display: flex; width: 100% !important; height: 100% !important; top: 0; justify-content: end; align-items: center; } .lds-dual-ring { top: 20px; right: 0; @media (max-width: 1024px) { top: 12px !important; left: auto !important; right: auto !important; } } &:has(.added) { border-color: rgba(255, 0, 0, 0.9215686275); background-color: rgba(255, 0, 0, 0.9215686275); .stt-icon.stt-icon-heart1 { color: white; } &:hover { background-color: transparent; color: rgba(255, 0, 0, 0.9215686275) !important; .stt-icon.stt-icon-heart1 { color: rgba(255, 0, 0, 0.9215686275) !important; } } } } .compartir { padding: 15px 40px 15px 15px; .shares.dropdown { position: absolute; width: calc(100% - 30px); text-align: right; @media (max-width:1024px) { position: relative; } a { color: white; display: block; width: 100% !important; } .share-wrapper { display: none; padding: 0; list-style: none; /* display: flex; */ flex-direction: column; margin-top: 30px; position: absolute; /* left: -15px; */ width: 50px; text-align: center; z-index: 999; right: 0 !important; li { border: 1px solid #00bac6; background-color: white; border-radius: 50%; padding: 10px 10px; font-size: 16px; z-index: 99 !important; margin-bottom: 8px; a, i { color: black !important; } } } } } @media screen and (width <=1024px) { .elementor-widget-container>.favoritos, .elementor-widget-container>.compartir { font-size: 0; padding: 10px 22px 10px 22px; } .elementor-widget-container>.favoritos .wistlist-single, .elementor-widget-container>.compartir .shares.dropdown { font-size: initial; margin: 0 !important; } .favoritos { .service-add-wishlist { width: 70% !important; justify-content: center; } } } } } .canary-single-info { .canary-single-info--icon-box { .elementor-icon-box-wrapper { display: flex; flex-direction: row; gap: 20px; align-items: center; .elementor-icon-box-content { p { margin: 0; } } } } } .canary-single-accordion { #canary-single-accordion--icon-box-container { >div>div .canary-single-accordion--icon-box { width: 30% !important; .elementor-icon-box-wrapper { display: flex; flex-direction: row; gap: 5px; align-items: start; .elementor-icon:has(svg) { padding-top: 0 !important; } @media screen and (width >=768px) { h5 span { font-size: clamp(0.8em, 1.4vw, 1em) !important; } } } } .elementor-widget-text-editor, .elementor-widget-shortcode { width: 70%; ul { list-style: none; padding: 0; } } @media screen and (width < 768px) { >div>div .canary-single-accordion--icon-box { width: 100% !important; span.elementor-icon { padding-left: 0; } } .elementor-widget-text-editor, .elementor-widget-shortcode { width: 100% !important; } } } /* Textos ver mas ver menos */ .e-n-accordion { .e-n-accordion-item-title-icon { display: flex; align-items: center; gap: 8px; &::before { content: 'Ver más'; font-size: 14px; color: #F5513B; white-space: nowrap; order: -1; font-weight: 600; } } .e-n-accordion-item[open] .e-n-accordion-item-title-icon::before { content: 'Ver menos'; } @media screen and (width <=768px) { .e-n-accordion-item-title { display: flex; flex-direction: column; align-items: start; gap: 10px; } } } } /* COMENTARIO */ .canary-single-comments { .review-list { padding: 0; list-style: none; li { padding: 20px 0; border-bottom: 1px solid #E5E5E5; .article { &::before, .comment-author, .comment-reply { display: none; } .comment-inner { display: flex; flex-direction: column; .comment-author-name cite { color: #1A2B48 !important; font-weight: 600; font-style: normal; font-size: 1.4em; order: 0; } .comment-time { order: 1; color: #5E6D77; font-size: 0.9em; } .comment-content { order: 2; p { margin-top: 1rem; color: #1A2B48; } } p.comment-like { order: 3; margin: 15px 0 0 0 !important; display: flex; align-items: center; gap: 6px; &::before { content: '¿Te ha sido de ayuda?'; white-space: nowrap; color: #676977; } a.comment-like { display: inline-flex; align-items: center; position: relative; border: 1px solid #FA5636; padding: 5px 0px 5px 5px; border-radius: 16px; transition: 0.3s all ease-in-out; &:hover { background-color: #fa573623; } &::before { content: ''; display: inline-block; width: 13px; height: 13px; margin-right: 6px; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M9.58346 11.1804H3.72698V4.25908L7.45383 0.532227L8.11934 1.19774C8.18145 1.25985 8.23248 1.34415 8.27241 1.45063C8.31234 1.55711 8.3323 1.65916 8.3323 1.75676V1.94311L7.74665 4.25908H11.1807C11.4646 4.25908 11.7131 4.36556 11.9261 4.57852C12.139 4.79149 12.2455 5.03994 12.2455 5.32389V6.38871C12.2455 6.45082 12.2366 6.51737 12.2189 6.58836C12.2011 6.65935 12.1834 6.7259 12.1656 6.78801L10.5684 10.5415C10.4886 10.719 10.3554 10.8698 10.1691 10.994C9.98276 11.1183 9.78755 11.1804 9.58346 11.1804ZM4.79179 10.1156H9.58346L11.1807 6.38871V5.32389H6.38901L7.10776 2.39565L4.79179 4.71162V10.1156ZM3.72698 4.25908V5.32389H2.12976V10.1156H3.72698V11.1804H1.06494V4.25908H3.72698Z' fill='%23F5513B'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } } } } } } } } .canary-single-review-summary { .review-summary { .review-summary__title, .review-summary__score, .review-summary__stars, .review-summary__count { text-align: center; } .review-summary__title { color: #1A2B49; margin-bottom: 30px; } .review-summary__score { font-weight: 600; font-size: 51px; margin-bottom: 25px; color: #1A2B49; .review-summary__score-total { font-size: 38px !important; color: #C5C5C7; } } .review-summary__stars { margin-bottom: 15px; .review-summary__star { color: #00BAC6; font-size: 40px; } } .review-summary__count { margin-bottom: 30px; color: #676977; } .review-summary__bars { display: flex; flex-direction: column; gap: 7px; .review-summary__row { display: flex; flex-direction: row; justify-content: center; align-items: center; .review-summary__label { width: 120px; } .review-summary__progress { .review-summary__percent {} } .review-summary__number { margin-left: 10px; width: 40px; text-align: right; } } } } .comment-respond { border: 0 !important; padding: 0 !important; .comment-notes { display: none; } .form-wrapper { display: flex; flex-direction: column; gap: 10px; div { width: 100% !important; input[type="text"], input[type="email"], textarea { border: 0 !important; border-bottom: 1px solid #E5E5E5 !important; border-radius: 0 !important; background-repeat: no-repeat; padding-left: 43px; background-position: 10px center; background-size: 23px 21px; } /* SVG´S */ /* Nombre */ input[name="author"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64551 9.021C6.99273 8.36822 6.66634 7.5835 6.66634 6.66683C6.66634 5.75016 6.99273 4.96544 7.64551 4.31266C8.29829 3.65988 9.08301 3.3335 9.99967 3.3335C10.9163 3.3335 11.7011 3.65988 12.3538 4.31266C13.0066 4.96544 13.333 5.75016 13.333 6.66683C13.333 7.5835 13.0066 8.36822 12.3538 9.021C11.7011 9.67377 10.9163 10.0002 9.99967 10.0002C9.08301 10.0002 8.29829 9.67377 7.64551 9.021ZM3.33301 16.6668V14.3335C3.33301 13.8613 3.45454 13.4272 3.69759 13.0314C3.94065 12.6356 4.26356 12.3335 4.66634 12.1252C5.52745 11.6946 6.40245 11.3717 7.29134 11.1564C8.18023 10.9411 9.08301 10.8335 9.99967 10.8335C10.9163 10.8335 11.8191 10.9411 12.708 11.1564C13.5969 11.3717 14.4719 11.6946 15.333 12.1252C15.7358 12.3335 16.0587 12.6356 16.3018 13.0314C16.5448 13.4272 16.6663 13.8613 16.6663 14.3335V16.6668H3.33301ZM4.99967 15.0002H14.9997V14.3335C14.9997 14.1807 14.9615 14.0418 14.8851 13.9168C14.8087 13.7918 14.708 13.6946 14.583 13.6252C13.833 13.2502 13.0761 12.9689 12.3122 12.7814C11.5483 12.5939 10.7775 12.5002 9.99967 12.5002C9.2219 12.5002 8.45106 12.5939 7.68717 12.7814C6.92329 12.9689 6.16634 13.2502 5.41634 13.6252C5.29134 13.6946 5.19065 13.7918 5.11426 13.9168C5.03787 14.0418 4.99967 14.1807 4.99967 14.3335V15.0002ZM11.1768 7.84391C11.5031 7.51752 11.6663 7.12516 11.6663 6.66683C11.6663 6.2085 11.5031 5.81614 11.1768 5.48975C10.8504 5.16336 10.458 5.00016 9.99967 5.00016C9.54134 5.00016 9.14898 5.16336 8.82259 5.48975C8.4962 5.81614 8.33301 6.2085 8.33301 6.66683C8.33301 7.12516 8.4962 7.51752 8.82259 7.84391C9.14898 8.1703 9.54134 8.3335 9.99967 8.3335C10.458 8.3335 10.8504 8.1703 11.1768 7.84391Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } /* Email */ input[name="email"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33366 16.6668C2.87533 16.6668 2.48296 16.5036 2.15658 16.1772C1.83019 15.8509 1.66699 15.4585 1.66699 15.0002V5.00016C1.66699 4.54183 1.83019 4.14947 2.15658 3.82308C2.48296 3.49669 2.87533 3.3335 3.33366 3.3335H16.667C17.1253 3.3335 17.5177 3.49669 17.8441 3.82308C18.1705 4.14947 18.3337 4.54183 18.3337 5.00016V15.0002C18.3337 15.4585 18.1705 15.8509 17.8441 16.1772C17.5177 16.5036 17.1253 16.6668 16.667 16.6668H3.33366ZM10.0003 10.8335L3.33366 6.66683V15.0002H16.667V6.66683L10.0003 10.8335ZM10.0003 9.16683L16.667 5.00016H3.33366L10.0003 9.16683ZM3.33366 6.66683V5.00016V15.0002V6.66683Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } /* Título */ input[name="comment_title"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16667 15.8333H5.35417L13.5 7.6875L12.3125 6.5L4.16667 14.6458V15.8333ZM2.5 17.5V13.9583L13.5 2.97917C13.6667 2.82639 13.8507 2.70833 14.0521 2.625C14.2535 2.54167 14.4653 2.5 14.6875 2.5C14.9097 2.5 15.125 2.54167 15.3333 2.625C15.5417 2.70833 15.7222 2.83333 15.875 3L17.0208 4.16667C17.1875 4.31944 17.309 4.5 17.3854 4.70833C17.4618 4.91667 17.5 5.125 17.5 5.33333C17.5 5.55556 17.4618 5.76736 17.3854 5.96875C17.309 6.17014 17.1875 6.35417 17.0208 6.52083L6.04167 17.5H2.5ZM12.8958 7.10417L12.3125 6.5L13.5 7.6875L12.8958 7.10417Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } /* Mensaje/Comentario */ textarea[name="comment"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 15V13.3333H12.5V15H2.5ZM2.5 10.8333V9.16667H17.5V10.8333H2.5ZM2.5 6.66667V5H17.5V6.66667H2.5Z' fill='%2300BAC6'/%3E%3C/svg%3E"); padding-top: 0px !important; background-position: 10px 1px !important; } .form-group.review-items { margin-top: 20px; font-size: 18px !important; color: #676977 !important; .item { display: flex; flex-direction: row; label { width: 150px; } .rates { display: flex; flex-direction: row; gap: 10px; i { font-size: 0; display: inline-block; width: 24px; height: 24px; margin-right: 2px; cursor: pointer; &::before { content: ''; display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85 16.825L12 14.925L15.15 16.85L14.325 13.25L17.1 10.85L13.45 10.525L12 7.125L10.55 10.5L6.9 10.825L9.675 13.25L8.85 16.825ZM5.825 21L7.45 13.975L2 9.25L9.2 8.625L12 2L14.8 8.625L22 9.25L16.55 13.975L18.175 21L12 17.275L5.825 21Z' fill='%23CCCCCC'/%3E%3C/svg%3E"); } &.selected::before, &.hovered::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85 16.825L12 14.925L15.15 16.85L14.325 13.25L17.1 10.85L13.45 10.525L12 7.125L10.55 10.5L6.9 10.825L9.675 13.25L8.85 16.825ZM5.825 21L7.45 13.975L2 9.25L9.2 8.625L12 2L14.8 8.625L22 9.25L16.55 13.975L18.175 21L12 17.275L5.825 21Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } } } } } } } .form-submit input.submit { width: 100% !important; background-color: #FA5636 !important; border-radius: 60px !important; font-size: 15px !important; border: 1px solid #FA5636 !important; color: white; transition: 0.3s all ease-in-out !important; &:hover { background-color: white !important; color: #FA5636 !important; } } } } .canary-single-activity-booking-form { .st-form-booking-wrapper { .st-review-booking-form { display: none; } } .form-book-wrapper { .tour-sale-box { .st_sale_class { display: none; } } .form-head { .price { .label { text-transform: capitalize; color: #1A2B49; font-size: 16px; } position: relative; .value { color: #00BAC6; font-size: 25px; font-weight: 700; .onsale { position: absolute; right: 0; bottom: 0; color: #676977 !important; } } } } h4.title-enquiry-form { border: 1px solid #1A2B49; width: fit-content; border-radius: 60px; margin: 30px auto; padding: 20px 50px; background-color: #1A2B49; color: white; } nav ul { margin: 20px auto; li { border: 1px solid #1A2B49; width: fit-content; border-radius: 60px; margin: 20px auto; transition: 0.3s all ease-in-out; padding: 10px 0; background-color: white; a { color: #1A2B48; padding: 20px 50px; } &:has(.active), &:hover { background-color: #1A2B49; a { color: white; transition: 0.3s all ease-in-out; } } } } /* Reservas textos */ .owner-info { border: 0 !important; input[name="name_st"], input[name="email_st"], input[name="phone_st"], textarea[name="content_st"] { background-repeat: no-repeat; padding-left: 36px; } /* Nombre */ input[name="name_st"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64551 9.021C6.99273 8.36822 6.66634 7.5835 6.66634 6.66683C6.66634 5.75016 6.99273 4.96544 7.64551 4.31266C8.29829 3.65988 9.08301 3.3335 9.99967 3.3335C10.9163 3.3335 11.7011 3.65988 12.3538 4.31266C13.0066 4.96544 13.333 5.75016 13.333 6.66683C13.333 7.5835 13.0066 8.36822 12.3538 9.021C11.7011 9.67377 10.9163 10.0002 9.99967 10.0002C9.08301 10.0002 8.29829 9.67377 7.64551 9.021ZM3.33301 16.6668V14.3335C3.33301 13.8613 3.45454 13.4272 3.69759 13.0314C3.94065 12.6356 4.26356 12.3335 4.66634 12.1252C5.52745 11.6946 6.40245 11.3717 7.29134 11.1564C8.18023 10.9411 9.08301 10.8335 9.99967 10.8335C10.9163 10.8335 11.8191 10.9411 12.708 11.1564C13.5969 11.3717 14.4719 11.6946 15.333 12.1252C15.7358 12.3335 16.0587 12.6356 16.3018 13.0314C16.5448 13.4272 16.6663 13.8613 16.6663 14.3335V16.6668H3.33301ZM4.99967 15.0002H14.9997V14.3335C14.9997 14.1807 14.9615 14.0418 14.8851 13.9168C14.8087 13.7918 14.708 13.6946 14.583 13.6252C13.833 13.2502 13.0761 12.9689 12.3122 12.7814C11.5483 12.5939 10.7775 12.5002 9.99967 12.5002C9.2219 12.5002 8.45106 12.5939 7.68717 12.7814C6.92329 12.9689 6.16634 13.2502 5.41634 13.6252C5.29134 13.6946 5.19065 13.7918 5.11426 13.9168C5.03787 14.0418 4.99967 14.1807 4.99967 14.3335V15.0002ZM11.1768 7.84391C11.5031 7.51752 11.6663 7.12516 11.6663 6.66683C11.6663 6.2085 11.5031 5.81614 11.1768 5.48975C10.8504 5.16336 10.458 5.00016 9.99967 5.00016C9.54134 5.00016 9.14898 5.16336 8.82259 5.48975C8.4962 5.81614 8.33301 6.2085 8.33301 6.66683C8.33301 7.12516 8.4962 7.51752 8.82259 7.84391C9.14898 8.1703 9.54134 8.3335 9.99967 8.3335C10.458 8.3335 10.8504 8.1703 11.1768 7.84391Z' fill='%2300BAC6'/%3E%3C/svg%3E"); background-position: 10px center; background-size: 18px 18px; } /* Email */ input[name="email_st"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33366 16.6668C2.87533 16.6668 2.48296 16.5036 2.15658 16.1772C1.83019 15.8509 1.66699 15.4585 1.66699 15.0002V5.00016C1.66699 4.54183 1.83019 4.14947 2.15658 3.82308C2.48296 3.49669 2.87533 3.3335 3.33366 3.3335H16.667C17.1253 3.3335 17.5177 3.49669 17.8441 3.82308C18.1705 4.14947 18.3337 4.54183 18.3337 5.00016V15.0002C18.3337 15.4585 18.1705 15.8509 17.8441 16.1772C17.5177 16.5036 17.1253 16.6668 16.667 16.6668H3.33366ZM10.0003 10.8335L3.33366 6.66683V15.0002H16.667V6.66683L10.0003 10.8335ZM10.0003 9.16683L16.667 5.00016H3.33366L10.0003 9.16683ZM3.33366 6.66683V5.00016V15.0002V6.66683Z' fill='%2300BAC6'/%3E%3C/svg%3E"); background-position: 10px center; background-size: 18px 18px; } /* Teléfono */ input[name="phone_st"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5ZM5.02083 7.5L6.39583 6.125L6.04167 4.16667H4.1875C4.25694 4.73611 4.35417 5.29861 4.47917 5.85417C4.60417 6.40972 4.78472 6.95833 5.02083 7.5ZM12.4792 14.9583C13.0208 15.1944 13.5729 15.3819 14.1354 15.5208C14.6979 15.6597 15.2639 15.75 15.8333 15.7917V13.9583L13.875 13.5625L12.4792 14.9583Z' fill='%2300BAC6'/%3E%3C/svg%3E"); background-position: 10px center; background-size: 18px 18px; } /* Mensaje/Nota */ textarea[name="content_st"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 15V13.3333H12.5V15H2.5ZM2.5 10.8333V9.16667H17.5V10.8333H2.5ZM2.5 6.66667V5H17.5V6.66667H2.5Z' fill='%2300BAC6'/%3E%3C/svg%3E"); background-position: 10px 23px; background-size: 18px 18px; } input[type="submit"] { margin-top: 30px; width: 100% !important; background-color: #FA5636 !important; border-radius: 60px !important; font-size: 15px !important; border: 1px solid #FA5636 !important; color: white; transition: 0.3s all ease-in-out !important; &:hover { background-color: white !important; color: #FA5636 !important; } } } /* Reservas date */ #form-booking-inpage { /* Date */ .form-date-field { display: flex; padding: 0px; border-bottom: 1px solid #E5E5E5; gap: 20px; margin: 20px 0 0; &::before { display: none; } .date-wrapper { position: relative; padding-left: 28px; &::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16667 18.3333C3.70833 18.3333 3.31597 18.1701 2.98958 17.8437C2.66319 17.5173 2.5 17.125 2.5 16.6666V4.99996C2.5 4.54163 2.66319 4.14926 2.98958 3.82288C3.31597 3.49649 3.70833 3.33329 4.16667 3.33329H5V1.66663H6.66667V3.33329H13.3333V1.66663H15V3.33329H15.8333C16.2917 3.33329 16.684 3.49649 17.0104 3.82288C17.3368 4.14926 17.5 4.54163 17.5 4.99996V16.6666C17.5 17.125 17.3368 17.5173 17.0104 17.8437C16.684 18.1701 16.2917 18.3333 15.8333 18.3333H4.16667ZM4.16667 16.6666H15.8333V8.33329H4.16667V16.6666ZM4.16667 6.66663H15.8333V4.99996H4.16667V6.66663ZM10 11.6666C9.76389 11.6666 9.56597 11.5868 9.40625 11.427C9.24653 11.2673 9.16667 11.0694 9.16667 10.8333C9.16667 10.5972 9.24653 10.3993 9.40625 10.2395C9.56597 10.0798 9.76389 9.99996 10 9.99996C10.2361 9.99996 10.434 10.0798 10.5938 10.2395C10.7535 10.3993 10.8333 10.5972 10.8333 10.8333C10.8333 11.0694 10.7535 11.2673 10.5938 11.427C10.434 11.5868 10.2361 11.6666 10 11.6666ZM6.07292 11.427C5.91319 11.2673 5.83333 11.0694 5.83333 10.8333C5.83333 10.5972 5.91319 10.3993 6.07292 10.2395C6.23264 10.0798 6.43056 9.99996 6.66667 9.99996C6.90278 9.99996 7.10069 10.0798 7.26042 10.2395C7.42014 10.3993 7.5 10.5972 7.5 10.8333C7.5 11.0694 7.42014 11.2673 7.26042 11.427C7.10069 11.5868 6.90278 11.6666 6.66667 11.6666C6.43056 11.6666 6.23264 11.5868 6.07292 11.427ZM13.3333 11.6666C13.0972 11.6666 12.8993 11.5868 12.7396 11.427C12.5799 11.2673 12.5 11.0694 12.5 10.8333C12.5 10.5972 12.5799 10.3993 12.7396 10.2395C12.8993 10.0798 13.0972 9.99996 13.3333 9.99996C13.5694 9.99996 13.7674 10.0798 13.9271 10.2395C14.0868 10.3993 14.1667 10.5972 14.1667 10.8333C14.1667 11.0694 14.0868 11.2673 13.9271 11.427C13.7674 11.5868 13.5694 11.6666 13.3333 11.6666ZM10 15C9.76389 15 9.56597 14.9201 9.40625 14.7604C9.24653 14.6007 9.16667 14.4027 9.16667 14.1666C9.16667 13.9305 9.24653 13.7326 9.40625 13.5729C9.56597 13.4132 9.76389 13.3333 10 13.3333C10.2361 13.3333 10.434 13.4132 10.5938 13.5729C10.7535 13.7326 10.8333 13.9305 10.8333 14.1666C10.8333 14.4027 10.7535 14.6007 10.5938 14.7604C10.434 14.9201 10.2361 15 10 15ZM6.07292 14.7604C5.91319 14.6007 5.83333 14.4027 5.83333 14.1666C5.83333 13.9305 5.91319 13.7326 6.07292 13.5729C6.23264 13.4132 6.43056 13.3333 6.66667 13.3333C6.90278 13.3333 7.10069 13.4132 7.26042 13.5729C7.42014 13.7326 7.5 13.9305 7.5 14.1666C7.5 14.4027 7.42014 14.6007 7.26042 14.7604C7.10069 14.9201 6.90278 15 6.66667 15C6.43056 15 6.23264 14.9201 6.07292 14.7604ZM13.3333 15C13.0972 15 12.8993 14.9201 12.7396 14.7604C12.5799 14.6007 12.5 14.4027 12.5 14.1666C12.5 13.9305 12.5799 13.7326 12.7396 13.5729C12.8993 13.4132 13.0972 13.3333 13.3333 13.3333C13.5694 13.3333 13.7674 13.4132 13.9271 13.5729C14.0868 13.7326 14.1667 13.9305 14.1667 14.1666C14.1667 14.4027 14.0868 14.6007 13.9271 14.7604C13.7674 14.9201 13.5694 15 13.3333 15Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } i { display: none; } } input.check-in-out-input { padding: 10px 0; border: 0; } } /* Select hora */ .form-time-select { padding: 20px 0; >div { border-bottom: 1px solid #E5E5E5; .check-in-wrapper { display: none; } .select-wrapper { position: relative; padding-left: 28px; &::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7498 13.9166L13.9165 12.75L10.8332 9.66663V5.83329H9.1665V10.3333L12.7498 13.9166ZM9.99984 18.3333C8.84706 18.3333 7.76373 18.1145 6.74984 17.677C5.73595 17.2395 4.854 16.6458 4.104 15.8958C3.354 15.1458 2.76025 14.2638 2.32275 13.25C1.88525 12.2361 1.6665 11.1527 1.6665 9.99996C1.6665 8.84718 1.88525 7.76385 2.32275 6.74996C2.76025 5.73607 3.354 4.85413 4.104 4.10413C4.854 3.35413 5.73595 2.76038 6.74984 2.32288C7.76373 1.88538 8.84706 1.66663 9.99984 1.66663C11.1526 1.66663 12.2359 1.88538 13.2498 2.32288C14.2637 2.76038 15.1457 3.35413 15.8957 4.10413C16.6457 4.85413 17.2394 5.73607 17.6769 6.74996C18.1144 7.76385 18.3332 8.84718 18.3332 9.99996C18.3332 11.1527 18.1144 12.2361 17.6769 13.25C17.2394 14.2638 16.6457 15.1458 15.8957 15.8958C15.1457 16.6458 14.2637 17.2395 13.2498 17.677C12.2359 18.1145 11.1526 18.3333 9.99984 18.3333ZM9.99984 16.6666C11.8471 16.6666 13.42 16.0173 14.7186 14.7187C16.0172 13.4201 16.6665 11.8472 16.6665 9.99996C16.6665 8.15274 16.0172 6.57982 14.7186 5.28121C13.42 3.9826 11.8471 3.33329 9.99984 3.33329C8.15261 3.33329 6.5797 3.9826 5.28109 5.28121C3.98248 6.57982 3.33317 8.15274 3.33317 9.99996C3.33317 11.8472 3.98248 13.4201 5.28109 14.7187C6.5797 16.0173 8.15261 16.6666 9.99984 16.6666Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } } .form-control { border: 0; padding: 10px 0; } } } /* Adultos, niños */ .form-guest-search { display: flex; flex-direction: column; gap: 20px; padding: 0; .guest-wrapper { .check-in-wrapper { display: flex; gap: 10px; width: fit-content; color: #676977; } .select-wrapper { .prev, .next { border: 2px solid #E5E5E5 !important; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 14px 9px; svg { width: 14px; } } .st-input-number { color: #676977; } } /* SVG`S */ .check-in-wrapper::before { content: ''; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; } /* Adultos */ &:has(input[name="adult_number"]) .check-in-wrapper::before { width: 23px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.76025 11.5729C6.55886 11.3715 6.45817 11.125 6.45817 10.8333C6.45817 10.5416 6.55886 10.2951 6.76025 10.0937C6.96164 9.89232 7.20817 9.79163 7.49984 9.79163C7.7915 9.79163 8.03803 9.89232 8.23942 10.0937C8.44081 10.2951 8.5415 10.5416 8.5415 10.8333C8.5415 11.125 8.44081 11.3715 8.23942 11.5729C8.03803 11.7743 7.7915 11.875 7.49984 11.875C7.20817 11.875 6.96164 11.7743 6.76025 11.5729ZM11.7603 11.5729C11.5589 11.3715 11.4582 11.125 11.4582 10.8333C11.4582 10.5416 11.5589 10.2951 11.7603 10.0937C11.9616 9.89232 12.2082 9.79163 12.4998 9.79163C12.7915 9.79163 13.038 9.89232 13.2394 10.0937C13.4408 10.2951 13.5415 10.5416 13.5415 10.8333C13.5415 11.125 13.4408 11.3715 13.2394 11.5729C13.038 11.7743 12.7915 11.875 12.4998 11.875C12.2082 11.875 11.9616 11.7743 11.7603 11.5729ZM9.99984 16.6666C11.8609 16.6666 13.4373 16.0208 14.729 14.7291C16.0207 13.4375 16.6665 11.8611 16.6665 9.99996C16.6665 9.66663 16.6457 9.34371 16.604 9.03121C16.5623 8.71871 16.4859 8.41663 16.3748 8.12496C16.0832 8.1944 15.7915 8.24649 15.4998 8.28121C15.2082 8.31593 14.9026 8.33329 14.5832 8.33329C13.3193 8.33329 12.1248 8.06246 10.9998 7.52079C9.87484 6.97913 8.9165 6.22218 8.12484 5.24996C7.68039 6.33329 7.04498 7.27426 6.21859 8.07288C5.3922 8.87149 4.43039 9.47218 3.33317 9.87496V9.99996C3.33317 11.8611 3.979 13.4375 5.27067 14.7291C6.56234 16.0208 8.13873 16.6666 9.99984 16.6666ZM9.99984 18.3333C8.84706 18.3333 7.76373 18.1145 6.74984 17.677C5.73595 17.2395 4.854 16.6458 4.104 15.8958C3.354 15.1458 2.76025 14.2638 2.32275 13.25C1.88525 12.2361 1.6665 11.1527 1.6665 9.99996C1.6665 8.84718 1.88525 7.76385 2.32275 6.74996C2.76025 5.73607 3.354 4.85413 4.104 4.10413C4.854 3.35413 5.73595 2.76038 6.74984 2.32288C7.76373 1.88538 8.84706 1.66663 9.99984 1.66663C11.1526 1.66663 12.2359 1.88538 13.2498 2.32288C14.2637 2.76038 15.1457 3.35413 15.8957 4.10413C16.6457 4.85413 17.2394 5.73607 17.6769 6.74996C18.1144 7.76385 18.3332 8.84718 18.3332 9.99996C18.3332 11.1527 18.1144 12.2361 17.6769 13.25C17.2394 14.2638 16.6457 15.1458 15.8957 15.8958C15.1457 16.6458 14.2637 17.2395 13.2498 17.677C12.2359 18.1145 11.1526 18.3333 9.99984 18.3333ZM8.87484 3.43746C9.45817 4.40968 10.2498 5.19093 11.2498 5.78121C12.2498 6.37149 13.3609 6.66663 14.5832 6.66663C14.7776 6.66663 14.9651 6.65621 15.1457 6.63538C15.3262 6.61454 15.5137 6.59024 15.7082 6.56246C15.1248 5.59024 14.3332 4.80899 13.3332 4.21871C12.3332 3.62843 11.2221 3.33329 9.99984 3.33329C9.80539 3.33329 9.61789 3.34371 9.43734 3.36454C9.25678 3.38538 9.06928 3.40968 8.87484 3.43746ZM3.68734 7.89579C4.39567 7.49301 5.01373 6.97218 5.5415 6.33329C6.06928 5.6944 6.46511 4.97913 6.729 4.18746C6.02067 4.59024 5.40261 5.11107 4.87484 5.74996C4.34706 6.38885 3.95123 7.10413 3.68734 7.89579Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } /* Niños */ &:has(input[name="child_number"]) .check-in-wrapper::before { width: 23px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.17708 10.948C6.97569 10.7466 6.875 10.5 6.875 10.2084C6.875 9.91671 6.97569 9.67018 7.17708 9.46879C7.37847 9.2674 7.625 9.16671 7.91667 9.16671C8.20833 9.16671 8.45486 9.2674 8.65625 9.46879C8.85764 9.67018 8.95833 9.91671 8.95833 10.2084C8.95833 10.5 8.85764 10.7466 8.65625 10.948C8.45486 11.1493 8.20833 11.25 7.91667 11.25C7.625 11.25 7.37847 11.1493 7.17708 10.948ZM11.3438 10.948C11.1424 10.7466 11.0417 10.5 11.0417 10.2084C11.0417 9.91671 11.1424 9.67018 11.3438 9.46879C11.5451 9.2674 11.7917 9.16671 12.0833 9.16671C12.375 9.16671 12.6215 9.2674 12.8229 9.46879C13.0243 9.67018 13.125 9.91671 13.125 10.2084C13.125 10.5 13.0243 10.7466 12.8229 10.948C12.6215 11.1493 12.375 11.25 12.0833 11.25C11.7917 11.25 11.5451 11.1493 11.3438 10.948ZM10 18.3334C8.95833 18.3334 7.98264 18.1355 7.07292 17.7396C6.16319 17.3438 5.37153 16.8091 4.69792 16.1355C4.02431 15.4618 3.48958 14.6702 3.09375 13.7605C2.69792 12.8507 2.5 11.875 2.5 10.8334C2.5 10.3889 2.53472 9.95837 2.60417 9.54171C2.67361 9.12504 2.78472 8.71532 2.9375 8.31254L4.60417 8.60421C4.45139 8.95143 4.34028 9.30907 4.27083 9.67712C4.20139 10.0452 4.16667 10.4306 4.16667 10.8334C4.16667 12.4584 4.73264 13.8368 5.86458 14.9688C6.99653 16.1007 8.375 16.6667 10 16.6667C11.625 16.6667 13.0035 16.1007 14.1354 14.9688C15.2674 13.8368 15.8333 12.4584 15.8333 10.8334C15.8333 10.6112 15.8194 10.3924 15.7917 10.1771C15.7639 9.96185 15.7292 9.75004 15.6875 9.54171C14.5625 9.41671 13.5208 9.08337 12.5625 8.54171C11.6042 8.00004 10.7847 7.29865 10.1042 6.43754L11.5625 5.58337C12.0069 6.09726 12.5104 6.53476 13.0729 6.89587C13.6354 7.25699 14.25 7.52782 14.9167 7.70837C14.5694 7.16671 14.1424 6.69101 13.6354 6.28129C13.1285 5.87157 12.5625 5.5556 11.9375 5.33337L13.6875 4.29171C14.8403 4.94449 15.7639 5.84379 16.4583 6.98962C17.1528 8.13546 17.5 9.41671 17.5 10.8334C17.5 11.875 17.3021 12.8507 16.9063 13.7605C16.5104 14.6702 15.9757 15.4618 15.3021 16.1355C14.6285 16.8091 13.8368 17.3438 12.9271 17.7396C12.0174 18.1355 11.0417 18.3334 10 18.3334ZM4.16667 7.18754L12.7708 3.95837C12.3264 3.59726 11.8403 3.32296 11.3125 3.13546C10.7847 2.94796 10.2292 2.85421 9.64583 2.85421C8.32639 2.85421 7.14931 3.25351 6.11458 4.05212C5.07986 4.85074 4.43056 5.89587 4.16667 7.18754ZM2.83333 9.47921C2.73611 9.20143 2.65625 8.91671 2.59375 8.62504C2.53125 8.33337 2.5 8.03476 2.5 7.72921C2.5 6.46532 2.85417 5.33337 3.5625 4.33337C4.27083 3.33337 5.16667 2.5556 6.25 2.00004C6.22222 1.94449 6.20486 1.8924 6.19792 1.84379C6.19097 1.79518 6.1875 1.73615 6.1875 1.66671C6.1875 1.4306 6.26736 1.23268 6.42708 1.07296C6.58681 0.913235 6.78472 0.833374 7.02083 0.833374C7.21528 0.833374 7.38194 0.88893 7.52083 1.00004C7.65972 1.11115 7.75694 1.25004 7.8125 1.41671C8.11806 1.34726 8.42014 1.29171 8.71875 1.25004C9.01736 1.20837 9.32639 1.18754 9.64583 1.18754C10.5764 1.18754 11.4618 1.3681 12.3021 1.72921C13.1424 2.09032 13.8819 2.61115 14.5208 3.29171L17.0625 2.33337L17.6458 3.89587L2.83333 9.47921Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } /* Niños pequeños (2º tramo, slot infant del padre) */ &:has(input[name="infant_number"]) .check-in-wrapper::before { width: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.3438 9.48958C11.1424 9.28819 11.0417 9.04167 11.0417 8.75C11.0417 8.45833 11.1424 8.21181 11.3438 8.01042C11.5451 7.80903 11.7917 7.70833 12.0833 7.70833C12.375 7.70833 12.6215 7.80903 12.8229 8.01042C13.0243 8.21181 13.125 8.45833 13.125 8.75C13.125 9.04167 13.0243 9.28819 12.8229 9.48958C12.6215 9.69097 12.375 9.79167 12.0833 9.79167C11.7917 9.79167 11.5451 9.69097 11.3438 9.48958ZM7.17708 9.48958C6.97569 9.28819 6.875 9.04167 6.875 8.75C6.875 8.45833 6.97569 8.21181 7.17708 8.01042C7.37847 7.80903 7.625 7.70833 7.91667 7.70833C8.20833 7.70833 8.45486 7.80903 8.65625 8.01042C8.85764 8.21181 8.95833 8.45833 8.95833 8.75C8.95833 9.04167 8.85764 9.28819 8.65625 9.48958C8.45486 9.69097 8.20833 9.79167 7.91667 9.79167C7.625 9.79167 7.37847 9.69097 7.17708 9.48958ZM7.73958 13.4792C7.06597 13.0208 6.56944 12.4167 6.25 11.6667H13.75C13.4306 12.4167 12.934 13.0208 12.2604 13.4792C11.5868 13.9375 10.8333 14.1667 10 14.1667C9.16667 14.1667 8.41319 13.9375 7.73958 13.4792ZM7.07292 16.9062C6.16319 16.5104 5.37153 15.9757 4.69792 15.3021C4.02431 14.6285 3.48958 13.8368 3.09375 12.9271C2.69792 12.0174 2.5 11.0417 2.5 10C2.5 8.95833 2.69792 7.98264 3.09375 7.07292C3.48958 6.16319 4.02431 5.37153 4.69792 4.69792C5.37153 4.02431 6.16319 3.48958 7.07292 3.09375C7.98264 2.69792 8.95833 2.5 10 2.5C11.0417 2.5 12.0174 2.69792 12.9271 3.09375C13.8368 3.48958 14.6285 4.02431 15.3021 4.69792C15.9757 5.37153 16.5104 6.16319 16.9062 7.07292C17.3021 7.98264 17.5 8.95833 17.5 10C17.5 11.0417 17.3021 12.0174 16.9062 12.9271C16.5104 13.8368 15.9757 14.6285 15.3021 15.3021C14.6285 15.9757 13.8368 16.5104 12.9271 16.9062C12.0174 17.3021 11.0417 17.5 10 17.5C8.95833 17.5 7.98264 17.3021 7.07292 16.9062ZM14.125 14.125C15.2639 12.9861 15.8333 11.6111 15.8333 10C15.8333 8.38889 15.2639 7.01389 14.125 5.875C12.9861 4.73611 11.6111 4.16667 10 4.16667H9.75C9.66667 4.16667 9.58333 4.18056 9.5 4.20833C9.41667 4.29167 9.36111 4.38194 9.33333 4.47917C9.30556 4.57639 9.29167 4.68056 9.29167 4.79167C9.29167 5.08333 9.39236 5.32986 9.59375 5.53125C9.79514 5.73264 10.0417 5.83333 10.3333 5.83333C10.4583 5.83333 10.5729 5.8125 10.6771 5.77083C10.7812 5.72917 10.8889 5.70833 11 5.70833C11.1667 5.70833 11.3056 5.77083 11.4167 5.89583C11.5278 6.02083 11.5833 6.16667 11.5833 6.33333C11.5833 6.65278 11.434 6.85764 11.1354 6.94792C10.8368 7.03819 10.5694 7.08333 10.3333 7.08333C9.70833 7.08333 9.17014 6.85764 8.71875 6.40625C8.26736 5.95486 8.04167 5.41667 8.04167 4.79167V4.66667C8.04167 4.625 8.04861 4.56944 8.0625 4.5C6.90972 4.91667 5.97222 5.61806 5.25 6.60417C4.52778 7.59028 4.16667 8.72222 4.16667 10C4.16667 11.6111 4.73611 12.9861 5.875 14.125C7.01389 15.2639 8.38889 15.8333 10 15.8333C11.6111 15.8333 12.9861 15.2639 14.125 14.125Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } /* Bebés (contador propio del tema hijo) */ &:has(input[name="canary_baby_number"]) .check-in-wrapper::before { width: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.45 3.75A1.55 2.85 0 0 1 11.55 3.75Z' fill='%2300BAC6'/%3E%3Crect x='7' y='3.7' width='6' height='2.1' rx='0.7' fill='%2300BAC6'/%3E%3Crect x='6.25' y='5.8' width='7.5' height='12.9' rx='2.3' stroke='%2300BAC6' stroke-width='1.5'/%3E%3Crect x='8' y='9.9' width='2.3' height='1.15' rx='0.55' fill='%2300BAC6'/%3E%3Crect x='8' y='12.5' width='2.3' height='1.15' rx='0.55' fill='%2300BAC6'/%3E%3C/svg%3E"); } } } .canary-booking-extended-fields { .form-language-select, .form-resident-discount { padding: 0; margin: 10px 0 30px; } .form-language-select { .check-in-wrapper { display: none; } } .form-language-select .select-wrapper, .form-resident-discount .check-in-wrapper { position: relative; width: 100%; padding-left: 35px; color: #676977; &::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 21px; height: 21px; background-repeat: no-repeat; background-position: center; background-size: contain; } } .form-language-select { border-bottom: 1px solid #E5E5E5; .select-wrapper::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.26025 8.92704C7.41998 8.76732 7.49984 8.5694 7.49984 8.33329C7.49984 8.09718 7.41998 7.89926 7.26025 7.73954C7.10053 7.57982 6.90261 7.49996 6.6665 7.49996C6.43039 7.49996 6.23248 7.57982 6.07275 7.73954C5.91303 7.89926 5.83317 8.09718 5.83317 8.33329C5.83317 8.5694 5.91303 8.76732 6.07275 8.92704C6.23248 9.08676 6.43039 9.16663 6.6665 9.16663C6.90261 9.16663 7.10053 9.08676 7.26025 8.92704ZM10.5936 8.92704C10.7533 8.76732 10.8332 8.5694 10.8332 8.33329C10.8332 8.09718 10.7533 7.89926 10.5936 7.73954C10.4339 7.57982 10.2359 7.49996 9.99984 7.49996C9.76373 7.49996 9.56581 7.57982 9.40609 7.73954C9.24636 7.89926 9.1665 8.09718 9.1665 8.33329C9.1665 8.5694 9.24636 8.76732 9.40609 8.92704C9.56581 9.08676 9.76373 9.16663 9.99984 9.16663C10.2359 9.16663 10.4339 9.08676 10.5936 8.92704ZM13.9269 8.92704C14.0866 8.76732 14.1665 8.5694 14.1665 8.33329C14.1665 8.09718 14.0866 7.89926 13.9269 7.73954C13.7672 7.57982 13.5693 7.49996 13.3332 7.49996C13.0971 7.49996 12.8991 7.57982 12.7394 7.73954C12.5797 7.89926 12.4998 8.09718 12.4998 8.33329C12.4998 8.5694 12.5797 8.76732 12.7394 8.92704C12.8991 9.08676 13.0971 9.16663 13.3332 9.16663C13.5693 9.16663 13.7672 9.08676 13.9269 8.92704ZM1.6665 18.3333V3.33329C1.6665 2.87496 1.8297 2.4826 2.15609 2.15621C2.48248 1.82982 2.87484 1.66663 3.33317 1.66663H16.6665C17.1248 1.66663 17.5172 1.82982 17.8436 2.15621C18.17 2.4826 18.3332 2.87496 18.3332 3.33329V13.3333C18.3332 13.7916 18.17 14.184 17.8436 14.5104C17.5172 14.8368 17.1248 15 16.6665 15H4.99984L1.6665 18.3333ZM4.2915 13.3333H16.6665V3.33329H3.33317V14.2708L4.2915 13.3333Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } select.form-control { border: 0; padding: 10px 0; } } .form-resident-discount .check-in-wrapper::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6665 10.8334H15.8332V9.16671H11.6665V10.8334ZM11.6665 8.33337H15.8332V6.66671H11.6665V8.33337ZM4.1665 13.3334H10.8332V12.875C10.8332 12.25 10.5276 11.7535 9.9165 11.3855C9.30539 11.0174 8.49984 10.8334 7.49984 10.8334C6.49984 10.8334 5.69428 11.0174 5.08317 11.3855C4.47206 11.7535 4.1665 12.25 4.1665 12.875V13.3334ZM8.67692 9.51046C9.00331 9.18407 9.1665 8.79171 9.1665 8.33337C9.1665 7.87504 9.00331 7.48268 8.67692 7.15629C8.35053 6.8299 7.95817 6.66671 7.49984 6.66671C7.0415 6.66671 6.64914 6.8299 6.32275 7.15629C5.99636 7.48268 5.83317 7.87504 5.83317 8.33337C5.83317 8.79171 5.99636 9.18407 6.32275 9.51046C6.64914 9.83685 7.0415 10 7.49984 10C7.95817 10 8.35053 9.83685 8.67692 9.51046ZM3.33317 16.6667C2.87484 16.6667 2.48248 16.5035 2.15609 16.1771C1.8297 15.8507 1.6665 15.4584 1.6665 15V5.00004C1.6665 4.54171 1.8297 4.14935 2.15609 3.82296C2.48248 3.49657 2.87484 3.33337 3.33317 3.33337H16.6665C17.1248 3.33337 17.5172 3.49657 17.8436 3.82296C18.17 4.14935 18.3332 4.54171 18.3332 5.00004V15C18.3332 15.4584 18.17 15.8507 17.8436 16.1771C17.5172 16.5035 17.1248 16.6667 16.6665 16.6667H3.33317ZM3.33317 15H16.6665V5.00004H3.33317V15Z' fill='%2300BAC6'/%3E%3C/svg%3E"); } .canary-checkbox-container { .canary-checkbox-label { display: block !important; visibility: hidden; } } .canary-tooltip-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-left: 4px; color: #00BAC6; cursor: pointer; vertical-align: middle; outline: none; svg { width: 100%; height: 100%; } &::after { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: 280px; max-width: 80vw; padding: 10px 12px; background: #333; color: #fff; font-size: 12px; line-height: 1.4; font-weight: normal; text-transform: none; border-radius: 6px; text-align: left; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 20; pointer-events: none; } &::before { content: ''; position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #333; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 20; pointer-events: none; } &:hover::after, &:hover::before, &:focus::after, &:focus::before, &.is-active::after, &.is-active::before { opacity: 1; visibility: visible; } } } } } } .canary-single-activity-gallery { .st-gallery { margin: 0 !important; --cols: 7; --gap: 20px; position: relative; &:has(.item-gallery:nth-child(1):last-child) { --cols: 1; } &:has(.item-gallery:nth-child(2):last-child) { --cols: 2; } &:has(.item-gallery:nth-child(3):last-child) { --cols: 3; } &:has(.item-gallery:nth-child(4):last-child) { --cols: 4; } &:has(.item-gallery:nth-child(5):last-child) { --cols: 5; } &:has(.item-gallery:nth-child(6):last-child) { --cols: 6; } } @media screen and (768px <=width <=1480px) { .st-gallery { --cols: 4 !important; } .st-gallery:has(.item-gallery:nth-child(1):last-child) { --cols: 1 !important; } .st-gallery:has(.item-gallery:nth-child(2):last-child) { --cols: 2 !important; } .st-gallery:has(.item-gallery:nth-child(3):last-child) { --cols: 3 !important; } } @media screen and (width <=767px) { .st-gallery { --cols: 2 !important; } .st-gallery:has(.item-gallery:nth-child(1):last-child) { --cols: 1 !important; } } .st-list-item-gallery { display: grid; gap: var(--gap); grid-template-columns: repeat(var(--cols), 1fr); .item-gallery { display: none; width: 100% !important; aspect-ratio: 1 / 1 !important; max-height: 260px; overflow: hidden; padding: 0 !important; pointer-events: none; img { width: 100%; height: 100%; object-fit: cover; border-radius: 18px !important; } } .item-gallery:nth-child(-n + 7) { display: block !important; } } @media screen and (768px <=width <=1480px) { .st-list-item-gallery .item-gallery:nth-child(n + 5) { display: none !important; } } @media screen and (width <=767px) { .st-list-item-gallery .item-gallery:nth-child(n + 3) { display: none !important; } } .elementor-widget-container { .elementor-shortcode { .st-gallery:has(.shares.dropdown) { .shares.dropdown { position: absolute; bottom: 0px !important; right: 0; width: calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)); aspect-ratio: 1 / 1; height: 100% !important; border-radius: 18px !important; @media screen and (width <=768px) { right: 0px !important; } .btn-group { width: 100%; height: 100%; a.btn:has(.stt-icon) { border: 0 !important; border-radius: 18px !important; } } .st-gallery-popup { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 18px; } } } } } } /* ----------------------------------------------- RESULT SEARCH - ACTIVIDADES [data-layout="5"] y Tours/Excursiones [data-layout="7"] ------------------------------------------------*/ .page-template-template-activity-search, .page-template-template-tour-search { .container:has(.modern-search-result[data-layout="5"]), .container:has(.modern-search-result[data-layout="7"]) { margin: 20px var(--margin-lateral); width: calc(100% - var(--margin-lateral)*2) !important; max-width: 100% !important; .service-list-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; @media screen and (768px <=width <=1488px) { grid-template-columns: 1fr 1fr; } @media screen and (width < 768px) { grid-template-columns: 1fr; } .item-service { width: 100% !important; padding: 0 !important; } } } } /* ----------------------------------------------- RESULT SEARCH - FILTROS ------------------------------------------------*/ .page-template:has(.search-result-page) { .top-filter { background-color: transparent !important; border-bottom: 0 !important; padding-bottom: 0px; .btn-clear-filter { color: #FA5636; } li { button { transition: 0.3s all ease-in-out; &:not(.btn-apply-price-range) { border-color: #00bac6 !important; color: #1A2B48 !important; &:hover, &.show, &.dropdown.active { border-color: #FA5636 !important; color: #FA5636 !important; span { transition: 0.3s all ease-in-out; &::before { color: #FA5636; } } } } &.btn-apply-price-range:hover { background-color: white !important; color: #FA5636 !important; } } .dropdown-menu { .irs-bar, .irs-handle { background-color: #FA5636 !important; border-color: #FA5636 !important; } .st-icheck-item { input[type="checkbox"]:checked+.checkmark { background-color: #FA5636 !important; border-color: #FA5636 !important; } } } .price-action { a { color: #FA5636 !important; } button { background-color: #FA5636 !important; } } } } .container { .toolbar { .toolbar-action { .layout { display: none !important; } #dropdownMenuSort { color: #1A2B48; border: 1px solid #00bac6; border-radius: 30px; padding: 5px 15px; transition: 0.3s all ease-in-out; &:hover, &.show { color: white; background-color: #FA5636; border-color: #FA5636; span { transition: 0.3s all ease-in-out; &::before { color: white; } } } } .st-icheck-item { input[type="radio"]:checked+.checkmark::after { background-color: #FA5636 !important; } } } } } } /* ----------------------------------------------- CHECKOUT WOOCOMERCE ------------------------------------------------*/ .container:has(.st-woo-checkout-form.woocommerce-checkout.checkout), .container:has(.st-woo-cartpage) { margin: 80px auto 120px; .woocommerce-info { a { color: #1e85be; } } form.st-woo-checkout-form.woocommerce-checkout.checkout { margin: 80px 0 0; >.row { #customer_details { .woocommerce-billing-fields { margin-bottom: 30px; .woocommerce-billing-fields__field-wrapper { display: flex; flex-direction: column; gap: 10px; p { width: 100%; label { color: #1A2B48C2; } } @media screen and (width <=1120px) { display: flex; flex-direction: column; gap: 20px; p { width: 100% !important; } } } input { border: 0 !important; color: #1A2B49 !important; border-bottom: 2px solid #1A2B49 !important; border-radius: 0px; } } .woocommerce-additional-fields { .woocommerce-additional-fields__field-wrapper { margin-top: 20px; p { textarea { border: 0 !important; color: #1A2B49 !important; border-bottom: 2px solid #1A2B49 !important; border-radius: 0px; margin-top: 10px; } } } } } #order_review {} div:has(.woocommerce-checkout-review-order-table) {} } } } /* * Orden de los botones +/- del contador de viajeros (Adultos/Niños/Bebé). * * Comprobado con el HTML real (inspector del navegador): el orden en el DOM * ya es correcto en las dos plantillas -> (-) * (+). Nunca fue un problema de orden. * * La diferencia es que la plantilla de Tours pinta el contenedor como *
* mientras que la de Actividades lo pinta como
, * sin esas clases de flexbox de Bootstrap. Sin flexbox, el "+"/"-" (que el CSS * del tema padre pone en display:block) se apilan por otra vía (float) que * termina invirtiéndolos visualmente aunque el DOM esté bien. * * Fix: darle a Actividades el mismo display:flex que ya trae Tours de fábrica, * sin tocar el orden visual (nada de `order` ni `flex-direction: row-reverse`) * para no romper Tours, que ya estaba bien. Anclado solo por el id * #form-booking-inpage para no depender de ninguna clase ancestro. */ #form-booking-inpage .st-number-wrapper { display: flex !important; align-items: center; justify-content: space-between; } /* * Desglose bajo la cabecera de precio del formulario * * Lo pinta assets/js/booking-form-total.js con el HTML que genera * inc/booking-form-total-ajax.php, como HERMANO de .form-head .price (dentro no * sobrevive: el propio JS vacía .price para reconstruirlo como .label+.value). * * Solo aparece cuando hay algo que desglosar: bebes con precio, o descuento de * residente marcado. Estilo deliberadamente sobrio, para que no compita con el * total: es una aclaracion, no la cifra principal. */ .canary-price-breakdown { margin: 6px 0 0; font-size: 0.85em; line-height: 1.6; color: #676977; } .canary-price-breakdown .canary-price-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } .canary-price-breakdown .canary-price-amount { white-space: nowrap; } .canary-price-breakdown .canary-price-row--discount .canary-price-amount { color: #00BAC6; }