.elementor-6278 .elementor-element.elementor-element-c8cc5f1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:11;}.elementor-6278 .elementor-element.elementor-element-c8cc5f1:not(.elementor-motion-effects-element-type-background), .elementor-6278 .elementor-element.elementor-element-c8cc5f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-6278 .elementor-element.elementor-element-c8cc5f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6278 .elementor-element.elementor-element-8fdd2b7{--display:flex;}.elementor-6278 .elementor-element.elementor-element-8fdd2b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6278 .elementor-element.elementor-element-79f6347{width:var( --container-widget-width, 101.032% );max-width:101.032%;--container-widget-width:101.032%;--container-widget-flex-grow:0;}.elementor-6278 .elementor-element.elementor-element-79f6347 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6278 .elementor-element.elementor-element-79f6347.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-menu-toggle{margin:0 auto;}.elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu .elementor-item{font-family:"Arapey", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:3px;}.elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main .elementor-item:hover, .elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-79f6347 .e--pointer-framed .elementor-item:before, .elementor-6278 .elementor-element.elementor-element-79f6347 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-6278 .elementor-element.elementor-element-79f6347 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-79f6347 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-6278 .elementor-element.elementor-element-79f6347 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-79f6347 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-79f6347 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-79f6347 div.elementor-menu-toggle:hover, .elementor-6278 .elementor-element.elementor-element-79f6347 div.elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-79f6347 div.elementor-menu-toggle:hover svg, .elementor-6278 .elementor-element.elementor-element-79f6347 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-4695d76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6278 .elementor-element.elementor-element-4695d76.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6278 .elementor-element.elementor-element-e20239b .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-4096a7c{width:var( --container-widget-width, 101.032% );max-width:101.032%;--container-widget-width:101.032%;--container-widget-flex-grow:0;}.elementor-6278 .elementor-element.elementor-element-4096a7c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6278 .elementor-element.elementor-element-4096a7c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6278 .elementor-element.elementor-element-4096a7c .elementor-menu-toggle{margin:0 auto;}.elementor-6278 .elementor-element.elementor-element-4096a7c .elementor-nav-menu--dropdown a:hover, .elementor-6278 .elementor-element.elementor-element-4096a7c .elementor-nav-menu--dropdown a:focus, .elementor-6278 .elementor-element.elementor-element-4096a7c .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-6278 .elementor-element.elementor-element-4096a7c .elementor-nav-menu--dropdown a.highlighted, .elementor-6278 .elementor-element.elementor-element-4096a7c .elementor-menu-toggle:hover, .elementor-6278 .elementor-element.elementor-element-4096a7c .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-4096a7c .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-4096a7c div.elementor-menu-toggle{color:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-4096a7c div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-4096a7c div.elementor-menu-toggle:hover, .elementor-6278 .elementor-element.elementor-element-4096a7c div.elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-4096a7c div.elementor-menu-toggle:hover svg, .elementor-6278 .elementor-element.elementor-element-4096a7c div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-69418f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6278 .elementor-element.elementor-element-69418f9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6278 .elementor-element.elementor-element-a4ab3d1{width:var( --container-widget-width, 99.417% );max-width:99.417%;--container-widget-width:99.417%;--container-widget-flex-grow:0;}.elementor-6278 .elementor-element.elementor-element-a4ab3d1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-menu-toggle{margin:0 auto;}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu .elementor-item{font-family:"Arapey", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:3px;}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main .elementor-item:hover, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .e--pointer-framed .elementor-item:before, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 div.elementor-menu-toggle:hover, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 div.elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-a4ab3d1 div.elementor-menu-toggle:hover svg, .elementor-6278 .elementor-element.elementor-element-a4ab3d1 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-secondary );}.elementor-6278 .elementor-element.elementor-element-935b26b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6278 .elementor-element.elementor-element-a455492 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6278 .elementor-element.elementor-element-a455492.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6278 .elementor-element.elementor-element-a455492 .bdt-modal-wrapper .bdt-modal-button{color:#FFFFFF;background-color:#0B000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;padding:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);font-family:"Arapey", Sans-serif;letter-spacing:5px;}.elementor-6278 .elementor-element.elementor-element-a455492 .bdt-modal-wrapper .bdt-modal-button svg{fill:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-a455492 .bdt-modal-wrapper .bdt-modal-button:hover{color:var( --e-global-color-text );background-color:#FFFFFF;}.elementor-6278 .elementor-element.elementor-element-a455492 .bdt-modal-wrapper .bdt-modal-button:hover svg{fill:var( --e-global-color-text );}.elementor-6278 .elementor-element.elementor-element-041b848{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6278 .elementor-element.elementor-element-ce5ca1b .woocommerce-breadcrumb{font-family:"Arapey", Sans-serif;letter-spacing:5px;}.elementor-6278 .elementor-element.elementor-element-ce8b72c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:115px;--padding-right:115px;}.elementor-6278 .elementor-element.elementor-element-ce8b72c:not(.elementor-motion-effects-element-type-background), .elementor-6278 .elementor-element.elementor-element-ce8b72c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E5E5;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-6278 .elementor-element.elementor-element-e20239b{text-align:center;}.elementor-6278 .elementor-element.elementor-element-a455492.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-6278 .elementor-element.elementor-element-ce8b72c{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(min-width:768px){.elementor-6278 .elementor-element.elementor-element-c8cc5f1{--width:100%;}.elementor-6278 .elementor-element.elementor-element-8fdd2b7{--width:41.685%;}.elementor-6278 .elementor-element.elementor-element-4695d76{--width:11.371%;}.elementor-6278 .elementor-element.elementor-element-69418f9{--width:33%;}.elementor-6278 .elementor-element.elementor-element-935b26b{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-d5b7096 */.cf-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 { position: relative; width: 100%; min-height: 1px; padding-right: 5px; padding-left: 5px; } .cuantos { margin-bottom: 35px !important; } @media ( min-width: 576px ) { .cf-col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cf-push-1 { margin-left: 8.333333%; } .cf-col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .cf-push-2 { margin-left: 16.66667%; } .cf-col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cf-push-3 { margin-left: 25%; } .cf-col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .cf-push-4 { margin-left: 33.33333%; } .cf-col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .cf-push-5 { margin-left: 41.66667%; } .cf-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cf-push-6 { margin-left: 50%; } .cf-col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .cf-push-7 { margin-left: 58.33333%; } .cf-col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .cf-push-8 { margin-left: 66.66667%; } .cf-col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cf-push-9 { margin-left: 75%; } .cf-col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .cf-push-10 { margin-left: 83.33333%; } .cf-col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .cf-push-11 { margin-left: 91.66667%; } .cf-col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } #fechaSalida { visibility: hidden; } /* ===================================================== GRID CONTENEDOR ===================================================== */ .wpcf7-form-control-wrap.Aeropuertos .wpcf7-radio { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; max-width: 900px; margin: 20px auto; } @media (max-width: 768px) { .wpcf7-form-control-wrap.Aeropuertos .wpcf7-radio { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .wpcf7-form-control-wrap.Aeropuertos .wpcf7-radio { grid-template-columns: 1fr; } } /* ===================================================== ITEM ===================================================== */ .wpcf7-form-control-wrap.Aeropuertos .wpcf7-list-item { margin: 0; } /* Ocultar radio */ .wpcf7-form-control-wrap.Aeropuertos input[type="radio"] { display: none; } /* ===================================================== TARJETA ===================================================== */ .wpcf7-form-control-wrap.Aeropuertos .wpcf7-list-item-label { display: flex; align-items: center; justify-content: center; height: 140px; border-radius: 12px; cursor: pointer; position: relative; /* TEXTO */ color: #ffffff; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 3px 8px rgba(0,0,0,0.8); /* IMAGEN */ background-size: cover; background-position: center; /* OVERLAY */ background-blend-mode: overlay; background-color: rgba(0,0,0,0.2); transition: all 0.3s ease; } /* Hover */ .wpcf7-form-control-wrap.Aeropuertos .wpcf7-list-item-label:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.25); } /* Seleccionado */ .wpcf7-form-control-wrap.Aeropuertos input[type="radio"]:checked + .wpcf7-list-item-label { background-color: rgba(0,0,0,0.50); box-shadow: 0 0 0 3px #ffffff inset; } /* ===================================================== IMÁGENES POR VALOR ===================================================== */ .wpcf7-form-control-wrap.Aeropuertos input[value="Alicante"] + .wpcf7-list-item-label { background-image: url('https://dreammroute.com/wp-content/uploads/2026/01/alicante.jpg'); } .wpcf7-form-control-wrap.Aeropuertos input[value="Barcelona"] + .wpcf7-list-item-label { background-image: url('https://dreammroute.com/wp-content/uploads/2026/01/barcelona.jpg'); } .wpcf7-form-control-wrap.Aeropuertos input[value="Bilbao"] + .wpcf7-list-item-label { background-image: url('https://dreammroute.com/wp-content/uploads/2026/01/bilbao.jpg'); } .wpcf7-form-control-wrap.Aeropuertos input[value="Madrid"] + .wpcf7-list-item-label { background-image: url('https://dreammroute.com/wp-content/uploads/2026/01/madrid.jpg'); } .wpcf7-form-control-wrap.Aeropuertos input[value="Málaga"] + .wpcf7-list-item-label { background-image: url('https://dreammroute.com/wp-content/uploads/2026/01/malaga.jpg'); } .wpcf7-form-control-wrap.Aeropuertos input[value="Mallorca"] + .wpcf7-list-item-label { background-image: url('https://dreammroute.com/wp-content/uploads/2026/01/mallorca.jpg'); } .wpcf7-form-control-wrap.Aeropuertos input[value="Sevilla"] + .wpcf7-list-item-label { background-image: url('https://dreammroute.com/wp-content/uploads/2026/01/sevilla.jpg'); } .wpcf7-form-control-wrap.Aeropuertos input[value="Valencia"] + .wpcf7-list-item-label { background-image: url('https://dreammroute.com/wp-content/uploads/2026/01/valencia.jpg'); } .wpcf7-form input[type=number] { -moz-appearance: textfield; -webkit-appearance: none; appearance: none; } .wpcf7-form input[type=number]::-webkit-inner-spin-button, .wpcf7-form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .number-wrapper { display: flex; align-items: center; } .number-wrapper input[type=number] { width: 75px; height: 42px; text-align: center; border: 1px solid #000; margin: 0; } .number-wrapper button { width: 42px; height: 42px; background-color: #000; color: #fff; border: 1px solid #000; cursor: pointer; font-size: 18px; line-height: 1; } .number-wrapper button:hover { background-color: #222; } /* ============================== cuantosDias: radios en vertical + estilo botón ============================== */ /* 1) Cada opción en su propia línea */ .wpcf7-form-control-wrap.cuantosDias .wpcf7-list-item{ display: block !important; margin: 8px 0 !important; } /* Asegura que el label ocupe toda la línea */ .wpcf7-form-control-wrap.cuantosDias .wpcf7-list-item > label{ display: block !important; } /* 2) Ocultar el radio */ .wpcf7-form-control-wrap.cuantosDias input[type="radio"]{ display: none !important; } /* 3) Ocultar el texto original (3/4/5) */ .wpcf7-form-control-wrap.cuantosDias .wpcf7-list-item-label{ font-size: 0 !important; position: relative; display: block !important; } /* 4) Textos personalizados */ .wpcf7-form-control-wrap.cuantosDias input[value="7"] + .wpcf7-list-item-label::after{ content: "7 Días y 5 Noches"; } .wpcf7-form-control-wrap.cuantosDias input[value="8"] + .wpcf7-list-item-label::after{ content: "8 Días y 6 Noches"; } .wpcf7-form-control-wrap.cuantosDias input[value="9"] + .wpcf7-list-item-label::after{ content: "9 Días y 7 Noches"; } .wpcf7-form-control-wrap.cuantosDias input[value="10"] + .wpcf7-list-item-label::after{ content: "10 Días y 8 Noches"; } .wpcf7-form-control-wrap.cuantosDias input[value="11"] + .wpcf7-list-item-label::after{ content: "11 Días y 9 Noches"; } .wpcf7-form-control-wrap.cuantosDias input[value="12"] + .wpcf7-list-item-label::after{ content: "12 Días y 10 Noches"; } /* 5) Botón (AQUÍ estaba el problema: inline-block -> block y width 100%) */ .wpcf7-form-control-wrap.cuantosDias .wpcf7-list-item-label::after{ font-size: 16px; display: block !important; width: 100% !important; box-sizing: border-box !important; padding: 10px 16px; border: 1px solid #000; cursor: pointer; text-align: center; } /* 6) Checked */ .wpcf7-form-control-wrap.cuantosDias input:checked + .wpcf7-list-item-label::after{ background-color: #000; color: #fff; } /* 7) Hover (mejor en el label contenedor para que funcione siempre) */ .wpcf7-form-control-wrap.cuantosDias .wpcf7-list-item > label:hover .wpcf7-list-item-label::after{ background-color: #000; color: #fff; } .calendario{ padding-left: 50px; } .flatpickr-months { display: flex; padding-top: 10px; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 60px !important; line-height: 1; text-align: center; position: relative; user-select: none; overflow: hidden; -webkit-box-flex: 1; flex: 1; width: 50%; } .flatpickr-current-month { font-size: 100% !important; font-weight: 300; color: inherit; position: absolute; width: 80% !important; left: 9% !important; padding: 5px !important; line-height: 1; height: 45px !important; display: inline-flex !important; text-align: center; transform: translate3d(0, 0, 0); } .numInputWrapper { position: relative; height: auto; width: 100% !important; margin-left: 10px; } .cf7-block { display: inline !important; } /* 1) Ocultar el checkbox real */ .toggle-add input[type="checkbox"][name="addDesayunos"], .toggle-add input[type="checkbox"][name="addDesayunos[]"]{ position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; } .toggle-add input[type="checkbox"][name="maletaGratis"], .toggle-add input[type="checkbox"][name="maletaGratis[]"]{ position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; } /* 2) Ocultar el texto/label que pinta CF7 ("AÑADIR") */ .toggle-add .wpcf7-list-item-label{ display: none !important; } /* 3) Botón */ .toggle-add .toggle-btn{ display: inline-block; font-size: 16px; padding: 10px 16px; border: 1px solid #000; cursor: pointer; user-select: none; background: #fff; color: #000; transition: background .15s ease, color .15s ease; } /* 4) Hover */ .toggle-add .toggle-btn:hover{ background: #000; color: #fff; } /* 5) Estado checked (aquí está la clave: :has()) */ .toggle-add:has(input[type="checkbox"][name="addDesayunos"]:checked) .toggle-btn, .toggle-add:has(input[type="checkbox"][name="addDesayunos[]"]:checked) .toggle-btn{ background: #000; color: #fff; font-weight: 700; } .toggle-add input[type="checkbox"][name="addSeguros"], .toggle-add input[type="checkbox"][name="addSeguros[]"]{ position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; } .toggle-add:has(input[type="checkbox"][name="addSeguros"]:checked) .toggle-btn, .toggle-add:has(input[type="checkbox"][name="addSeguros[]"]:checked) .toggle-btn{ background: #000; color: #fff; font-weight: 700; } .toggle-add:has(input[type="checkbox"][name="maletaGratis"]:checked) .toggle-btn, .toggle-add:has(input[type="checkbox"][name="maletaGratis[]"]:checked) .toggle-btn{ background: #000; color: #fff; font-weight: 700; } .toggle-add input[type="checkbox"][name="maletaGratis"], .toggle-add input[type="checkbox"][name="maletaGratis[]"]{ position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; } /* ================================ SOLO cajaSorpresa [checkbox cajaSorpresa use_label_element "AÑADIR"] ================================ */ /* Oculta SOLO el checkbox de cajaSorpresa */ .wpcf7-form input[type="checkbox"][name="cajaSorpresa"], .wpcf7-form input[type="checkbox"][name="cajaSorpresa[]"]{ position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; } /* Botón SOLO para el label del checkbox cajaSorpresa */ .wpcf7-form input[type="checkbox"][name="cajaSorpresa"] + .wpcf7-list-item-label, .wpcf7-form input[type="checkbox"][name="cajaSorpresa[]"] + .wpcf7-list-item-label{ display: inline-block !important; font-size: 16px; padding: 10px 16px; border: 1px solid #000; cursor: pointer; user-select: none; background: #fff; color: #000; transition: background .15s ease, color .15s ease; } /* Hover SOLO cuando pasas por el label que contiene ESE input */ .wpcf7-form label:has(> input[type="checkbox"][name="cajaSorpresa"]) .wpcf7-list-item-label:hover, .wpcf7-form label:has(> input[type="checkbox"][name="cajaSorpresa[]"]) .wpcf7-list-item-label:hover{ background: #000; color: #fff; } /* Checked SOLO para cajaSorpresa */ .wpcf7-form input[type="checkbox"][name="cajaSorpresa"]:checked + .wpcf7-list-item-label, .wpcf7-form input[type="checkbox"][name="cajaSorpresa[]"]:checked + .wpcf7-list-item-label{ background: #000; color: #fff; font-weight: 700; } /* ===================================================== GRID CONTENEDOR PARA noQuiero ===================================================== */ .wpcf7-form-control-wrap.noQuiero .wpcf7-radio { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; max-width: 1200px; margin: 20px auto; } /* ===================================================== RESPONSIVE - noQuiero ===================================================== */ @media (max-width: 1200px) { .wpcf7-form-control-wrap.noQuiero .wpcf7-radio { grid-template-columns: repeat(4, 1fr); gap: 10px; } } @media (max-width: 768px) { .wpcf7-form-control-wrap.noQuiero .wpcf7-radio { grid-template-columns: repeat(3, 1fr); gap: 8px; } } @media (max-width: 480px) { .wpcf7-form-control-wrap.noQuiero .wpcf7-radio { grid-template-columns: repeat(2, 1fr); gap: 8px; } } /* ===================================================== ITEM noQuiero ===================================================== */ .wpcf7-form-control-wrap.noQuiero .wpcf7-list-item { margin: 0; position: relative; } /* Ocultar radio original */ .wpcf7-form-control-wrap.noQuiero input[type="radio"] { display: none; } /* ===================================================== TARJETA noQuiero (ESTILO IDÉNTICO AL PRIMERO) ===================================================== */ .wpcf7-form-control-wrap.noQuiero .wpcf7-list-item-label { display: flex; align-items: center; justify-content: center; height: 220px; /* Más pequeñas para 6 columnas */ border-radius: 12px; cursor: pointer; position: relative; /* TEXTO - igual que el primero */ color: #ffffff; font-size: 14px; /* Más pequeño para nombres más largos */ font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 3px 8px rgba(0,0,0,0.8); text-align: center; padding: 10px; /* IMAGEN - ahora es background-image en lugar de ::after */ background-size: cover; background-position: center; background-repeat: no-repeat; /* OVERLAY - igual que el primero */ background-blend-mode: overlay; background-color: rgba(0,0,0,0.2); transition: all 0.3s ease; } /* Hover - igual que el primero */ .wpcf7-form-control-wrap.noQuiero .wpcf7-list-item-label:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.25); background-color: rgba(0,0,0,0.25); } /* Seleccionado - igual que el primero */ .wpcf7-form-control-wrap.noQuiero input[type="radio"]:checked + .wpcf7-list-item-label { background-color: rgba(0,0,0,0.50); box-shadow: 0 0 0 3px #ffffff inset; transform: translateY(0); } /* ===================================================== IMÁGENES ESPECÍFICAS PARA CADA DESTINO (noQuiero) ===================================================== */ .wpcf7-form-control-wrap.noQuiero input[value="Bali"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Bali.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Capadoccia"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Capadoccia.png'); } .wpcf7-form-control-wrap.noQuiero input[value="China"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/China.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Dubai"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Dubai.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Filipinas"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Filipinas.png'); } .wpcf7-form-control-wrap.noQuiero input[value="Islas gili"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Islas-Gili.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Japon"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Japon.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Java"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Java.png'); } .wpcf7-form-control-wrap.noQuiero input[value="Komodo"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Komodo.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Corea del sur"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Korea-Sur.png'); } .wpcf7-form-control-wrap.noQuiero input[value="Lombok"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Lombok.png'); } .wpcf7-form-control-wrap.noQuiero input[value="Malasia"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Malasia.png'); } .wpcf7-form-control-wrap.noQuiero input[value="Maldivas"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Maldivas.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Okinawa"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Okinawa.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Raja ampat"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Raja-Ampat.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Singapour"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Singapour.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Srilanka"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Srilanka.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Sumatra"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Sumatra.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Tailandia"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Tailandia.jpg'); } .wpcf7-form-control-wrap.noQuiero input[value="Vietnam"] + .wpcf7-list-item-label{ background-image: url('https://dreammroute.com/wp-content/uploads/2026/02/Vietnam.png'); } /* ===================================================== AJUSTES ADICIONALES PARA noQuiero ===================================================== */ /* Asegurar que el texto se ajuste bien en tarjetas pequeñas */ .wpcf7-form-control-wrap.noQuiero .wpcf7-list-item-label span { display: block; padding: 0 5px; word-break: break-word; line-height: 1.2; max-width: 100%; } /* Ajustar el tamaño de fuente en pantallas muy pequeñas */ @media (max-width: 480px) { .wpcf7-form-control-wrap.noQuiero .wpcf7-list-item-label { height: 100px; font-size: 12px; } } /* Para pantallas muy grandes, ajustar el grid */ @media (min-width: 1400px) { .wpcf7-form-control-wrap.noQuiero .wpcf7-radio { grid-template-columns: repeat(5, 1fr); } } #cf7-preview-table { display: none; }/* End custom CSS */