body #footer.cfp-foot{position:relative;margin-top:46px;padding:0!important;background:linear-gradient(180deg,#122444 0%,#0d1a30 100%)!important;color:#b9c4d8!important;overflow:hidden}#footer.cfp-foot::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F5C518 0%,rgba(245,197,24,.35) 55%,transparent 100%)}.cfp-foot__main{max-width:min(1340px,calc(100% - 40px));margin:0 auto;padding:44px 0 30px;display:grid;grid-template-columns:minmax(min(280px,100%),1.25fr) repeat(3,minmax(min(170px,100%),1fr));gap:34px;box-sizing:border-box}@media(max-width:960px){.cfp-foot__main{grid-template-columns:1fr 1fr;gap:26px}}@media(max-width:640px){.cfp-foot__main{grid-template-columns:1fr;gap:22px;padding:34px 0 22px}}.cfp-foot__brand{min-width:0}.cfp-foot__logo{display:block;width:196px;max-width:100%;height:35px;margin:0 0 14px;background:url(https://canarias.app/wp-content/uploads/travel/canarias-logo-email-dark.png) no-repeat left center/contain}#footer.cfp-foot .cfp-foot__claim{font:400 14px/1.6 Inter,sans-serif;color:#b9c4d8!important;margin:0 0 10px}#footer.cfp-foot .cfp-foot__stats{display:inline-flex;align-items:center;gap:11px;width:fit-content;max-width:100%;flex-wrap:wrap;margin:0 0 16px;padding:9px 15px;border-radius:12px;background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.28);font:600 13px/1.2 Inter,sans-serif;color:#d3dbe8!important;box-sizing:border-box}.cfp-foot__stats span{display:inline-flex;align-items:center;gap:5px;white-space:normal}.cfp-foot__stats i{width:5px;height:5px;border-radius:50%;background:#F5C518;flex:0 0 auto}.cfp-foot__stats b{font-family:Fraunces,Georgia,serif!important;font-weight:600;font-size:16.5px;color:#F5C518!important}.cfp-foot__apps{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cfp-foot__play img{display:block;width:146px;height:43px;border-radius:8px;border:1px solid rgba(255,255,255,.32);box-sizing:border-box}#footer.cfp-foot .cfp-foot__install{display:inline-flex;align-items:center;gap:8px;height:43px;padding:0 16px;border-radius:8px;background:#000;border:1px solid rgba(255,255,255,.32);color:#fff!important;font:700 13.5px/1 Inter,sans-serif;text-decoration:none;box-sizing:border-box;transition:border-color .15s,transform .12s}#footer.cfp-foot .cfp-foot__install::before{content:"";width:16px;height:16px;flex:0 0 auto;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23F5C518%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%27/%3E%3Cpath d=%27m7 10 5 5 5-5%27/%3E%3Cpath d=%27M12 15V3%27/%3E%3C/svg%3E")}#footer.cfp-foot .cfp-foot__install:hover{border-color:rgba(255,255,255,.6);transform:translateY(-1px)}#footer.cfp-foot .cfp-foot__h{font:800 11.5px/1 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#F5C518!important;margin:4px 0 14px}.cfp-foot__menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.cfp-foot__menu li{margin:0;padding:0;list-style:none}#footer.cfp-foot .cfp-foot__menu a{font:500 14px/1.35 Inter,sans-serif;color:#b9c4d8!important;text-decoration:none;transition:color .13s;display:inline-block;padding:2px 0}#footer.cfp-foot .cfp-foot__menu a:hover{color:#fff!important}@media(max-width:640px){.cfp-foot__menu{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px}#footer.cfp-foot .cfp-foot__menu a{padding:1px 0}#footer.cfp-foot .cfp-foot__isla{flex:1 1 auto;justify-content:center}}.cfp-foot__islas{max-width:min(1340px,calc(100% - 40px));margin:0 auto;padding:18px 0;display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.09);box-sizing:border-box}#footer.cfp-foot .cfp-foot__islash{font:800 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8fa0bd!important;margin-right:5px}#footer.cfp-foot .cfp-foot__isla{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#d3dbe8!important;font:600 12.5px/1 Inter,sans-serif;text-decoration:none;transition:background .14s,border-color .14s,color .14s}#footer.cfp-foot .cfp-foot__isla:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.3);color:#fff!important}.cfp-foot__isla i{width:7px;height:7px;border-radius:50%;background:var(--id,#F5C518)}#footer.cfp-foot .cfp-foot__bottom{max-width:min(1340px,calc(100% - 40px));margin:0 auto;padding:16px 0 calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.09);font:500 13px/1.5 Inter,sans-serif;color:#b9c4d8!important;box-sizing:border-box}.cfp-foot__copy{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}.cfp-foot__copy i{width:4px;height:4px;border-radius:50%;background:#F5C518;opacity:.85;flex:0 0 auto}.cfp-foot__bottom b{color:#fff!important;font-weight:700}.cfp-foot__blinks{display:flex;gap:16px}#footer.cfp-foot .cfp-foot__blinks a{color:#8fa0bd!important;text-decoration:none}#footer.cfp-foot .cfp-foot__blinks a:hover{color:#fff!important}#footer.cfp-foot .cfp-foot__made{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;color:#b9c4d8!important;text-decoration:none!important;border:0!important;transition:color .15s}#footer.cfp-foot .cfp-foot__made b{color:#fff!important;font-weight:700;border-bottom:1px solid rgba(245,197,24,.45);transition:border-color .15s}#footer.cfp-foot .cfp-foot__made:hover b,#footer.cfp-foot .cfp-foot__made:focus-visible b{border-color:#F5C518}.cfp-foot__heart{display:inline-flex;width:14px;height:14px;flex:0 0 auto;color:#ff5d73}.cfp-foot__heart svg{display:block;width:100%;height:100%;fill:currentColor}#footer.cfp-foot .cfp-foot__made:hover .cfp-foot__heart{animation:cfpLatido 1s ease-in-out infinite}@keyframes cfpLatido{0%,100%{transform:scale(1)}28%{transform:scale(1.25)}56%{transform:scale(.95)}}@media(prefers-reduced-motion:reduce){#footer.cfp-foot .cfp-foot__made:hover .cfp-foot__heart{animation:none}}#backtotop{right:19px!important;bottom:96px!important}@media(max-width:767px){#backtotop{bottom:calc(146px + env(safe-area-inset-bottom))!important}}.canarias-credits{display:none!important}@media(min-width:1025px){body.home{padding-bottom:0!important}}@media(max-width:640px){#footer.cfp-foot .cfp-foot__bottom{font-size:11px}.cfp-foot__copy{gap:6px}#footer.cfp-foot .cfp-foot__islash{flex:1 1 100%;margin:0 0 2px}#footer.cfp-foot .cfp-foot__menu li a{min-height:0!important;padding:4px 0!important;line-height:1.35!important}} /* "Contacto" fuera del nav (ya está en el footer). Reversible: quitar esta regla. */ #header #navigation > ul > li:has(> a[href$="/contacto/"]), #header #navigation > ul > li.menu-item-object-page:not(.menu-cta-negocios):has(> a[href*="/contacto"]) { display: none !important; } /* ---------- HEADER DESKTOP — una fila (flex, sin floats) ---------- */ @media (min-width: 1025px) { #header .container { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } #header .container .left-side { float: none !important; width: auto !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } #header .container .right-side { float: none !important; margin-left: auto !important; margin-top: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; flex: 0 0 auto !important; min-width: 0 !important; } #header .container #logo { float: none !important; flex: 0 0 auto !important; max-width: 175px !important; margin-right: 12px !important; } #header .container #logo img { max-width: 175px !important; max-height: 38px !important; width: auto !important; height: auto !important; } #header .container #navigation { float: none !important; width: auto !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; } #header .container #navigation > ul { float: none !important; display: flex !important; align-items: center !important; flex-wrap: nowrap !important; min-width: 0 !important; margin: 0 !important; } #header .container #navigation > ul > li { float: none !important; flex: 0 0 auto !important; margin: 0 1px !important; } #header .container #navigation.style-1 > ul > li > a, #header .container #navigation > ul > li > a { font-size: 13.5px !important; line-height: 32px !important; padding: 2px 7px !important; letter-spacing: 0 !important; white-space: nowrap !important; } #header .container .header-widget .button, #header .container .header-widget .button.border { margin-left: 8px !important; padding-left: 13px !important; padding-right: 13px !important; } #header .container .header-widget .sign-in { white-space: nowrap !important; } } /* Pantallas grandes (>=1700, cuando el contenedor del tema pasa de 1210 a 1360 px): logo y menú a tamaño holgado. Antes era >=1480, pero entre 1480 y 1699 el contenedor sigue en 1210 y el logo grande empujaba el menú bajo «Elegir isla» (21/10/2026). El rango medio (1025-1699) va compacto por defecto (arriba) para caber en una sola fila. */ @media (min-width: 1700px) { #header .container #logo { max-width: 235px !important; margin-right: 22px !important; } #header .container #logo img { max-width: 235px !important; max-height: 40px !important; } #header .container #navigation.style-1 > ul > li > a, #header .container #navigation > ul > li > a { font-size: 14.5px !important; padding-left: 9px !important; padding-right: 9px !important; } #header .container .header-widget .button, #header .container .header-widget .button.border { margin-left: 12px !important; padding-left: 16px !important; padding-right: 16px !important; } } /* 1025-1239: el tema prepara ahí una cabecera de dos filas (margen y relleno arriba del menú, raya encima) que choca con la fila única de arriba: el menú bajaba y los botones de la derecha tapaban «Directorio» (Iván, 21/10/2026). */ @media (min-width: 1025px) and (max-width: 1239px) { #header .container #navigation { margin: 0 !important; padding: 0 !important; border: 0 !important; } #header .container #navigation::before, #header .container #navigation::after { content: none !important; display: none !important; } } /* Si ni con el menú al mínimo queda hueco (lo decide canarias-menu-aire en canarias-panel-tuning.php), «Iniciar sesión» se queda en su icono; el texto sigue ahí para lectores de pantalla. */ @media (min-width: 1025px) { /* Sin animar tamaños: el ajuste del menú mide al instante y una transición de relleno o de letra le daba medidas viejas. */ #header .header-widget a.sign-in, #header .container #navigation > ul > li > a { transition-property: color, background-color, border-color, box-shadow, opacity !important; } #header.cfp-cab-justa .header-widget a.sign-in { font-size: 0 !important; width: 44px !important; padding: 0 !important; gap: 0 !important; } #header.cfp-cab-justa .header-widget a.sign-in i { font-size: 18px !important; margin: 0 !important; } } #breadcrumbs li.current-item{display:none}#titlebar #breadcrumbs:has(li.current-item:nth-child(2):last-child),.titlebar #breadcrumbs:has(li.current-item:nth-child(2):last-child){display:none}body:has(.cfp-tv-hero__h1,.cfp-fest-head,.cnt-isla-head,.cgas-hero) #titlebar{display:none}body:has(.cnt-isla-head) .cnt-isla-pagina{margin-top:34px} /* Patron: Mobbin mobile web bottom prompt (Matter/Typefully/Substack) + shadcn Sheet/Button/Alert. */ .cfp-pwa-sheet{position:fixed;left:0;right:0;bottom:0;z-index:999999;display:none;padding:0 max(12px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));pointer-events:none} .cfp-pwa-sheet.is-visible{display:block} .cfp-pwa-card{box-sizing:border-box;width:min(100%,480px);margin:0 auto;padding:14px;background:#fff;border:1px solid rgba(18,36,68,.14);border-radius:8px;box-shadow:0 18px 54px rgba(18,36,68,.22);display:grid;grid-template-columns:42px minmax(0,1fr) 44px;gap:10px 12px;align-items:center;pointer-events:auto;transform:translateY(18px);opacity:0;transition:transform .22s ease,opacity .22s ease} .cfp-pwa-sheet.is-visible .cfp-pwa-card{transform:translateY(0);opacity:1} .cfp-pwa-mark{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#faf6ec;box-shadow:inset 0 0 0 1px rgba(18,36,68,.1)} .cfp-pwa-copy{min-width:0} .cfp-pwa-title{margin:0 0 2px;font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:650;line-height:1.15;color:#122444;letter-spacing:0} .cfp-pwa-text,.cfp-pwa-ios{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.35;color:#465062;letter-spacing:0} .cfp-pwa-ios{margin-top:5px;color:#122444;font-weight:600} .cfp-pwa-close{width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:#122444;font-size:24px;line-height:1;display:inline-grid;place-items:center;cursor:pointer} .cfp-pwa-close:hover{background:rgba(18,36,68,.06)} .cfp-pwa-cta{grid-column:2/4;min-height:44px;border:0;border-radius:8px;background:#F5C518;color:#122444;padding:0 18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(245,197,24,.28)} .cfp-pwa-cta:hover{background:#E89330} .cfp-pwa-close:focus-visible,.cfp-pwa-cta:focus-visible{outline:3px solid #122444;outline-offset:2px} @media (min-width:768px){.cfp-pwa-sheet{display:none!important}} @media (prefers-reduced-motion:reduce){.cfp-pwa-card{transition:none}} @media(min-width:768px) and (max-width:991px){#titlebar #breadcrumbs,.titlebar #breadcrumbs{position:static !important;float:none !important;clear:both;margin:10px 0 0 !important;text-align:left;transform:none !important}} .feature-tag-nl{flex-wrap:nowrap !important;height:auto !important;max-height:none !important;min-height:28px;align-items:center !important}.feature-tag-nl i{flex:0 0 auto}.feature-tag-nl span{min-width:0;line-height:1.35} /* Patron: Mobbin mobile bottom prompt + shadcn Card/Button. Sistema de marca .cfp. */ .cfp-res-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:none;padding:0 max(12px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));pointer-events:none} .cfp-res-sheet.is-visible{display:block} .cfp-res-card{box-sizing:border-box;width:min(100%,480px);margin:0 auto;padding:16px 16px 14px;background:#fff;border:1px solid rgba(18,36,68,.14);border-radius:12px;box-shadow:0 18px 54px rgba(18,36,68,.22);pointer-events:auto;transform:translateY(18px);opacity:0;transition:transform .22s ease,opacity .22s ease} .cfp-res-sheet.is-visible .cfp-res-card{transform:translateY(0);opacity:1} .cfp-res-head{display:grid;grid-template-columns:40px minmax(0,1fr) 32px;gap:0 12px;align-items:start} .cfp-res-ic{width:40px;height:40px;border-radius:10px;background:rgba(245,197,24,.18);color:#E8A317;display:grid;place-items:center} .cfp-res-ic svg{width:22px;height:22px} .cfp-res-copy{min-width:0} .cfp-res-title{margin:0 0 3px;font-family:Fraunces,Georgia,serif;font-size:15.5px;font-weight:650;line-height:1.2;color:#122444;letter-spacing:0} .cfp-res-text{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13.5px;line-height:1.4;color:#465062} .cfp-res-close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#8a93a3;font-size:22px;line-height:1;display:inline-grid;place-items:center;cursor:pointer} .cfp-res-close:hover{background:rgba(18,36,68,.06);color:#122444} .cfp-res-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 2px} .cfp-res-btn{box-sizing:border-box;flex:1 1 auto;min-height:44px;border-radius:9px;padding:0 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.1;border:1px solid transparent} .cfp-res-btn svg{width:17px;height:17px;flex:0 0 auto} .cfp-res-btn--play{background:#F5C518;color:#122444;border-color:#F5C518;box-shadow:0 8px 20px rgba(245,197,24,.26);flex-basis:100%} .cfp-res-btn--play:hover{background:#E89330;border-color:#E89330} .cfp-res-btn--ghost{background:#fff;color:#122444;border-color:rgba(18,36,68,.18)} .cfp-res-btn--ghost:hover{background:rgba(18,36,68,.05)} .cfp-res-btn--later{flex:0 0 auto;background:transparent;border-color:transparent;color:#8a93a3;font-weight:600;min-height:44px;padding:0 10px} .cfp-res-btn--later:hover{color:#122444} .cfp-res-thanks{margin:6px 2px 2px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45;color:#122444} .cfp-res-btn:focus-visible,.cfp-res-close:focus-visible{outline:3px solid #122444;outline-offset:2px} @media (prefers-reduced-motion:reduce){.cfp-res-card{transition:none}} /* (B) CTA de landing "Instalar en Google Play" para usuarios web */ .cfp-res-cta-wrap.cfp-tv{padding-top:8px;padding-bottom:24px} .cfp-res-cta{box-sizing:border-box;width:min(100%,920px);margin:18px auto 6px;padding:22px 22px;background:linear-gradient(180deg,#fff, #FBF7EE);border:1px solid rgba(18,36,68,.12);border-radius:14px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;box-shadow:0 14px 40px rgba(18,36,68,.08)} .cfp-res-cta__mark{flex:0 0 auto;width:50px;height:50px;border-radius:12px;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(18,36,68,.1)} .cfp-res-cta__body{flex:1 1 260px;min-width:0} .cfp-res-cta__head{display:flex;align-items:center;gap:12px;margin:0 0 7px} .cfp-res-cta__t{margin:0;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:640;line-height:1.16;color:#122444} .cfp-res-cta-wrap .cfp-res-cta__p{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13.5px!important;line-height:1.45!important;color:#3f4858} .cfp-res-cta-wrap .cfp-res-cta__t{font-size:19px!important;line-height:1.2!important} .cfp-res-cta__badge{flex:0 0 auto;line-height:0} .cfp-res-cta__badge img{height:52px;width:auto;display:block} @media (max-width:560px){ .cfp-res-cta{padding:18px;flex-direction:column;align-items:stretch;gap:14px} .cfp-res-cta__body{flex:0 0 auto} .cfp-res-cta__mark{width:36px;height:36px;border-radius:10px} .cfp-res-cta__head{margin:0 0 9px} .cfp-res-cta-wrap .cfp-res-cta__t{font-size:16px!important;line-height:1.15!important} .cfp-res-cta__badge{width:100%} .cfp-res-cta__badge img{height:48px} } @media(max-width:767px){ body{padding-bottom:calc(58px + env(safe-area-inset-bottom))!important} /* subir el chat de Pío y el chip de cookies por encima de la barra */ #listeo-floating-chat-widget{bottom:calc(66px + env(safe-area-inset-bottom))!important} #ccn-cc-reopen{bottom:calc(94px + env(safe-area-inset-bottom))!important} /* a la altura del © (Iván 3/7: que no tape los enlaces legales) */ } .cfp-appnav{display:none} @media(max-width:767px){ .cfp-appnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999990;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.35) blur(14px);-webkit-backdrop-filter:saturate(1.35) blur(14px);border-top:1px solid rgba(18,36,68,.08);box-shadow:0 -10px 32px rgba(18,36,68,.10);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;align-items:stretch} } .cfp-appnav__i{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border-radius:14px;text-decoration:none;color:#7a8494;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s} .cfp-appnav__i svg{width:23px;height:23px;flex:0 0 auto;transition:transform .18s cubic-bezier(.34,1.56,.64,1)} .cfp-appnav__t{font-size:10.5px;font-weight:700;line-height:1;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .cfp-appnav__i.is-active{color:#122444;background:linear-gradient(180deg,rgba(245,197,24,.26),rgba(245,197,24,.10))} .cfp-appnav__i.is-active::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:0 0 3px 3px;background:#F5C518} .cfp-appnav__i.is-active svg{stroke:#122444;transform:translateY(-1px) scale(1.06)} .cfp-appnav__i.is-active .cfp-appnav__t{color:#122444;font-weight:800} .cfp-appnav__i:active{transform:scale(.94)} @media(prefers-reduced-motion:reduce){.cfp-appnav__i,.cfp-appnav__i svg{transition:none}} /* Panel Más */ .cfp-mas{position:fixed;inset:0;z-index:1000000;display:none} .cfp-mas.is-open{display:block} .cfp-mas__bg{position:absolute;inset:0;background:rgba(18,36,68,.42);opacity:0;transition:opacity .2s} .cfp-mas.is-open .cfp-mas__bg{opacity:1} .cfp-mas__sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;padding:8px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(18,36,68,.22);transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.7,.2,1);max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch} .cfp-mas.is-open .cfp-mas__sheet{transform:translateY(0)} /* Con el panel Explorar abierto, Pío (burbuja + bocadillo) se esconde para no solaparse (Iván 7/7); reaparece al cerrar. Transición suave, no display:none. */ html.cfp-mas-open #listeo-floating-chat-button,html.cfp-mas-open .cfp-pio-bub{opacity:0!important;pointer-events:none!important;transition:opacity .18s ease!important} .cfp-mas__grab{position:sticky;top:0;width:38px;height:4px;border-radius:3px;background:rgba(18,36,68,.18);margin:4px auto 10px} .cfp-mas__h{font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:650;color:#122444;margin:0 4px 12px;text-align:center} .cfp-mas__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 8px;min-width:0} .cfp-mas__hd .cfp-mas__h{margin:0;text-align:left;flex:0 1 auto;min-width:0} .cfp-mas__hd .cfp-zona-chip{flex:0 0 auto} .cfp-mas__search{display:flex;align-items:center;gap:11px;background:transparent;border:0;padding:4px 2px 12px;margin:0} .cfp-mas__search svg{width:20px;height:20px;color:#9aa3b0;flex:0 0 auto;margin-top:-2px} .cfp-mas__search input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:none;font-family:Inter,sans-serif;font-size:16px;color:#122444} .cfp-mas__search input::placeholder{color:#9aa3b0;opacity:1} .cfp-mas__cl{font-family:Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b0;margin:18px 4px 11px} .cfp-mas__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 8px} .cfp-mas__a{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:#3f4858;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;text-align:center;min-width:0} .cfp-mas__a span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;max-width:100%} .cfp-mas__ic{width:50px;height:50px;border-radius:15px;background:rgba(245,197,24,.16);color:#122444;display:grid;place-items:center} .cfp-mas__ic svg{width:23px;height:23px} .cfp-mas__a:active .cfp-mas__ic{background:rgba(245,197,24,.32)} /* Escritorio: el JS fija ancho de columna Y alto del hero desde el ratio NATURAL del cartel (cap 860px alto / 68% ancho) — control total: cero huecos laterales y el panel azul ocupa TODO el resto, siempre a la misma altura que el cartel. !important: el theme fija alturas propias. */ body.listing-type-event .slg-one-photo{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#122444 0%,#1a3158 100%);display:flex;align-items:stretch;min-height:430px} body.listing-type-event .slg-one-photo a.slg-gallery-img-single{flex:0 0 auto;display:block;min-width:0;margin:0;padding:0;font-size:0;line-height:0} body.listing-type-event .slg-one-photo img{display:block;width:100% !important;height:100% !important;object-fit:contain;margin:0;border-radius:0;box-shadow:none} body.listing-type-event .cev-panel{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:34px 38px;color:#F9F5EC;min-width:0} body.listing-type-event .cev-panel__cat{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#F5C518} body.listing-type-event .cev-panel__dia{font:700 clamp(19px,1.9vw,26px)/1.25 Fraunces,Georgia,serif;letter-spacing:-.01em} body.listing-type-event .cev-panel__hora{font-size:15px;color:rgba(249,245,236,.85)} body.listing-type-event .cev-panel__hora strong{color:#fff} body.listing-type-event .cev-panel__desc{font-size:14.5px;line-height:1.65;color:rgba(249,245,236,.78);max-width:640px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} body.listing-type-event .cev-panel__lugar{font-size:13.5px;line-height:1.55;color:rgba(249,245,236,.72);border-top:1px solid rgba(249,245,236,.15);padding-top:12px;max-width:640px} /* CTA centrado y con aire respecto a la dirección (feedback Iván). */ body.listing-type-event .cev-panel__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;margin-top:16px;background:#F5C518;color:#122444;font:800 14px/1 Inter,system-ui,sans-serif;padding:14px 22px;border-radius:10px;text-decoration:none;box-shadow:0 8px 22px rgba(245,197,24,.3);transition:transform .12s,background .15s;max-width:max-content} body.listing-type-event .cev-panel__cta:hover{background:#E89330;color:#122444;transform:translateY(-1px)} body.listing-type-event .cev-panel__cal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;align-self:center;margin-top:12px;font-size:13px} body.listing-type-event .cev-panel__callbl{color:rgba(249,245,236,.72)} body.listing-type-event .cev-panel__cal a{display:inline-flex;align-items:center;gap:6px;color:#F5C518;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(245,197,24,.45);padding-bottom:1px} body.listing-type-event .cev-panel__cal a:hover{color:#fff;border-color:#fff} /* Fechas del resumen: etiqueta DELANTE y todo en UNA línea ("Fecha del evento: 10 de julio…"). El theme coloca los li en columnas de ~236px → filas a ancho completo. */ body.listing-type-event #listing-details{display:flex;flex-direction:column;gap:6px;columns:auto} body.listing-type-event #listing-details li{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;width:100% !important;max-width:none} body.listing-type-event #listing-details li i{order:0;align-self:center} body.listing-type-event #listing-details li [class*="single-property-detail-label-"]{order:1;margin:0;padding:0} body.listing-type-event #listing-details li > span{order:2;font-weight:600} /* Móvil/tablet: cartel ENTERO a todo el ancho, info debajo (la descripción se omite: el resumen viene justo a continuación). !important: el theme clava el hero móvil a 200px. */ @media(max-width:860px){ /* !important: el theme clava el hero móvil a 200px (height y max-height). */ body.listing-type-event .slg-one-photo{flex-direction:column;min-height:0;height:auto !important;max-height:none !important} body.listing-type-event .slg-one-photo a.slg-gallery-img-single{max-width:100%;align-self:stretch;width:auto !important;height:auto !important;max-height:none !important} body.listing-type-event .slg-one-photo img{width:100% !important;height:auto !important;max-height:none !important} body.listing-type-event .cev-panel{padding:22px 20px;gap:10px} body.listing-type-event .cev-panel__desc{display:none} body.listing-type-event .cev-panel__dia{font-size:21px} body.listing-type-event .cev-panel__cta{align-self:flex-start;margin-top:10px} } /* ---- Chip ---- */ .cfp-zona-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid rgba(18,36,68,.14);border-radius:999px;padding:7px 11px 7px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13.5px;font-weight:700;color:#122444;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1;max-width:100%;box-sizing:border-box} .cfp-zona-chip svg{width:15px;height:15px;flex:0 0 auto} .cfp-zona-chip__pin{display:inline-flex;color:#E8A317} .cfp-zona-chip__dot{display:none;width:11px;height:11px;border-radius:50%;flex:0 0 auto;background:#9aa3b0;box-shadow:0 0 0 3px rgba(18,36,68,.06)} .cfp-zona-chip.has-isla .cfp-zona-chip__pin{display:none} .cfp-zona-chip.has-isla .cfp-zona-chip__dot{display:inline-block} .cfp-zona-chip__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cfp-zona-chev{color:#9aa3b0;width:13px!important;height:13px!important} .cfp-zona-chip:hover{border-color:rgba(18,36,68,.28)} .cfp-zona-chip:active{transform:scale(.97)} .cfp-zona-chip:focus-visible{outline:2px solid #122444;outline-offset:2px} /* Chip en el header del tema: desktop completo dentro de .header-widget; móvil = solo punto (icon-only) */ .cfp-zona-chip--hdr{margin-right:10px;align-self:center} /* Alineado con «Iniciar Sesión» (Iván 18/7): el header-widget del tema es display:block (align-self no aplica) y el chip quedaba 6px más alto y 1px más bajo de caja que el botón (32px). Solo modo texto-desktop. */ @media(min-width:1400px){ .cfp-zona-chip--hdr{height:32px;box-sizing:border-box;padding:0 12px;position:relative;top:6px} } /* Hasta 1399px el menú del tema (…Anúnciate) pasa por debajo de la zona de widgets: el chip completo lo pisaba (revisión Fable 16/7) → icon-only; el chip con nombre solo desde 1400px, donde hay aire real. */ /* Icon-only (Iván 19/7): pin de localización SIEMPRE visible (no un punto suelto) + color de isla como mini-badge en la esquina; vertical-align:middle porque el header-widget del tema es display:block y el chip caía por baseline por debajo del avatar. */ @media(max-width:1399px){ #header .cfp-zona-chip--hdr,.cfp-zona-chip--hdr{box-sizing:border-box!important;padding:0!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;justify-content:center!important;border-radius:50%!important;margin-right:6px;flex:0 0 auto;position:relative;vertical-align:middle} .cfp-zona-chip--hdr .cfp-zona-chip__t,.cfp-zona-chip--hdr .cfp-zona-chev{display:none} .cfp-zona-chip--hdr .cfp-zona-chip__pin{display:inline-flex!important} .cfp-zona-chip--hdr .cfp-zona-chip__dot{display:none!important} .cfp-zona-chip--hdr .cfp-zona-chip__pin svg{width:18px;height:18px} } /* Sesión INICIADA (avatar+Panel+Agregar listado ensanchan la zona de widgets del tema): el chip con nombre pisaba «Anúnciate» hasta ~1700px (caso portátil 14", Iván 18/7) → icon-only también en 1400-1799px, SOLO logueado. El visitante anónimo conserva el chip con nombre desde 1400px (medido 16/7, ahí sí hay aire). */ @media(max-width:1799px){ body.logged-in #header .cfp-zona-chip--hdr,body.logged-in .cfp-zona-chip--hdr{box-sizing:border-box!important;padding:0!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;justify-content:center!important;border-radius:50%!important;margin-right:6px;flex:0 0 auto;position:relative;vertical-align:middle;top:0!important} body.logged-in .cfp-zona-chip--hdr .cfp-zona-chip__t,body.logged-in .cfp-zona-chip--hdr .cfp-zona-chev{display:none} body.logged-in .cfp-zona-chip--hdr .cfp-zona-chip__pin{display:inline-flex!important} body.logged-in .cfp-zona-chip--hdr .cfp-zona-chip__dot{display:none!important} body.logged-in .cfp-zona-chip--hdr .cfp-zona-chip__pin svg{width:18px;height:18px} } /* Alineación con el avatar en sesión iniciada (Iván 19/7, captura): el line-box del widget del tema deja el chip ~18px más bajo que el avatar/Panel → compensación. Solo header desktop (el chip del header móvil ya quedaba centrado; a <1100 el tema usa header móvil). */ @media(min-width:1100px) and (max-width:1799px){ body.logged-in #header .cfp-zona-chip--hdr,body.logged-in .cfp-zona-chip--hdr{top:-18px!important} } /* ---- Bloque "Ahora mismo" (rail /zona-preview/) ---- */ .cfp-zona-greet{font-family:Inter,sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#E8A317!important;margin:0 0 2px} .cfp-zona-h{font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600;color:#122444;line-height:1.05;margin:0 0 14px} .cfp-zona-sub-h{font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:620;color:#122444;line-height:1.1;margin:20px 0 12px} .cfp-zona-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 0 10px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none} .cfp-zona-rail::-webkit-scrollbar{display:none} .cfp-zona-rail>.cfp-lc{flex:0 0 86%;scroll-snap-align:start;min-width:0} .cfp-zona-rail>.cfp-lc--feat{flex-basis:90%} @media(min-width:560px){.cfp-zona-rail>.cfp-lc{flex-basis:300px}.cfp-zona-rail>.cfp-lc--feat{flex-basis:330px}} #cfp-zona-ahora.is-loading{opacity:.45;transition:opacity .18s} /* ---- Selector (bottom-sheet móvil / modal desktop) ---- */ .cfp-zsel{position:fixed;inset:0;z-index:1000001;display:none} .cfp-zsel.is-open{display:block} .cfp-zsel__bg{position:absolute;inset:0;background:rgba(18,36,68,.44);opacity:0;transition:opacity .2s} .cfp-zsel.is-open .cfp-zsel__bg{opacity:1} .cfp-zsel__sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;padding:8px 16px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(18,36,68,.22);transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.7,.2,1);max-height:92vh;overflow-y:auto;box-sizing:border-box} .cfp-zsel.is-open .cfp-zsel__sheet{transform:translateY(0)} .cfp-zsel__grab{width:38px;height:4px;border-radius:3px;background:rgba(18,36,68,.18);margin:4px auto 12px} .cfp-zsel__h{font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:640;color:#122444;margin:0 2px 5px} .cfp-zsel__sub{font-family:Inter,sans-serif;font-size:13px;line-height:1.45;color:#6b7382;margin:0 2px 16px} .cfp-zsel__loc{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border:0;border-radius:13px;background:#F5C518;color:#122444;font-family:Inter,sans-serif;font-size:15px;font-weight:800;cursor:pointer;margin:0 0 14px;box-shadow:0 8px 20px rgba(245,197,24,.26);box-sizing:border-box} .cfp-zsel__loc svg{width:19px;height:19px} .cfp-zsel__loc.is-busy{opacity:.65;pointer-events:none} .cfp-zsel__loc[hidden]{display:none!important} /* Priming + confirmación de ubicación */ .cfp-zsel__prime,.cfp-zsel__confirm{border:1px solid rgba(18,36,68,.12);background:#F9FAFB;border-radius:14px;padding:14px 15px;margin:0 0 16px} .cfp-zsel__prime[hidden],.cfp-zsel__confirm[hidden]{display:none} .cfp-zsel__prime p,.cfp-zsel__confirm p{font-family:Inter,sans-serif;font-size:13px;line-height:1.45;color:#4a5364;margin:0 0 12px} .cfp-zsel__prime b,.cfp-zsel__confirm b{color:#122444} .cfp-zsel__prow{display:flex;gap:8px;flex-wrap:wrap} .cfp-zsel__btn{flex:1 1 auto;min-width:0;min-height:44px;border-radius:11px;font-family:Inter,sans-serif;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;box-sizing:border-box} .cfp-zsel__btn--go{background:#122444;color:#fff;border:0} .cfp-zsel__btn--ghost{background:#fff;color:#122444;border:1.5px solid rgba(18,36,68,.16)} .cfp-zsel__btn:active{transform:scale(.98)} .cfp-zsel__or{display:flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b0;margin:2px 2px 12px} .cfp-zsel__or::before,.cfp-zsel__or::after{content:"";height:1px;flex:1 1 auto;background:rgba(18,36,68,.1)} .cfp-zsel__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px} .cfp-zsel__i{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 34px 0 13px;border:1.5px solid rgba(18,36,68,.12);border-radius:13px;background:#fff;color:#122444;font-family:Inter,sans-serif;font-size:14.5px;font-weight:700;cursor:pointer;text-align:left;min-width:0;box-sizing:border-box} .cfp-zsel__dot{width:13px;height:13px;border-radius:50%;flex:0 0 auto;background:#9aa3b0} .cfp-zsel__i span:not(.cfp-zsel__dot){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto} .cfp-zsel__check{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;flex:0 0 auto;color:#2e7d57;opacity:0;transition:opacity .12s} .cfp-zsel__i.is-active{border-color:#122444;background:rgba(18,36,68,.045)} .cfp-zsel__i.is-active .cfp-zsel__check{opacity:1} .cfp-zsel__i:active{transform:scale(.98)} .cfp-zsel__i:focus-visible,.cfp-zsel__all:focus-visible,.cfp-zsel__loc:focus-visible,.cfp-zsel__btn:focus-visible{outline:2px solid #122444;outline-offset:2px} .cfp-zsel__all{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:50px;margin:12px 0 4px;padding:0 34px 0 14px;border:1.5px dashed rgba(18,36,68,.18);border-radius:13px;background:#fff;color:#122444;font-family:Inter,sans-serif;font-size:14.5px;font-weight:700;cursor:pointer;box-sizing:border-box} .cfp-zsel__all>svg{width:17px;height:17px;flex:0 0 auto;color:#122444} .cfp-zsel__all.is-active{border-style:solid;border-color:#122444;background:rgba(18,36,68,.045)} .cfp-zsel__all.is-active .cfp-zsel__check{opacity:1} .cfp-zsel__done{display:flex;align-items:center;gap:9px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#122444;margin:14px 2px 2px} .cfp-zsel__done[hidden]{display:none} .cfp-zsel__done svg{width:20px;height:20px;color:#2e7d57;flex:0 0 auto} /* Desktop: bottom-sheet asciende a modal centrado */ @media(min-width:768px){ .cfp-zsel__sheet{left:50%;right:auto;bottom:auto;top:50%;width:min(600px,calc(100vw - 48px));border-radius:22px;padding:26px 30px 30px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .18s;max-height:min(680px,88vh)} .cfp-zsel.is-open .cfp-zsel__sheet{transform:translate(-50%,-50%) scale(1);opacity:1} .cfp-zsel__grab{display:none} .cfp-zsel__h{font-size:24px} .cfp-zsel__list{gap:11px} } /* ---- Banda contextual de hubs genéricos ---- */ .cfp-zhub{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;box-sizing:border-box;margin:0 0 18px;padding:11px 15px;border:1px solid rgba(18,36,68,.1);border-radius:14px;background:linear-gradient(180deg,#fff,#F9FAFB);font-family:Inter,-apple-system,sans-serif} .cfp-zhub__dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;background:#9aa3b0;box-shadow:0 0 0 3px rgba(18,36,68,.06)} .cfp-zhub__lbl{font-size:13.5px;font-weight:600;color:#122444;min-width:0} .cfp-zhub__lbl b{font-weight:800} .cfp-zhub__cta{font-size:13.5px;font-weight:800;color:#122444;text-decoration:none;border-bottom:2px solid #F5C518;padding-bottom:1px;white-space:normal} .cfp-zhub__cta:hover{border-bottom-color:#122444} .cfp-zhub__note{font-size:12px;color:#6b7382;font-weight:600} .cfp-zhub__sep{margin-left:auto} .cfp-zhub__ch,.cfp-zhub__all{background:none;border:0;padding:2px 2px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;color:#6b7382;cursor:pointer;text-decoration:underline;text-underline-offset:2px} .cfp-zhub__ch:hover,.cfp-zhub__all:hover{color:#122444} .cfp-zhub__ch:focus-visible,.cfp-zhub__all:focus-visible,.cfp-zhub__cta:focus-visible{outline:2px solid #122444;outline-offset:2px} @media(max-width:520px){.cfp-zhub__sep{margin-left:0;width:100%}} @media(prefers-reduced-motion:reduce){.cfp-zsel__sheet,.cfp-zsel__bg{transition:none}} @media(max-width:767px){ /* Gasolineras: el separador "o" (con sus dos líneas encima/debajo) entre el buscador y "Cerca de mí" se rompe visualmente en móvil; los botones se entienden sin él. */ .cgas-search-or{display:none!important} /* Footer (Iván 3/7): la caja de copyright llevaba 40px arriba y 50px abajo de margen — compactar solo móvil */ .footer-new-bottom-inner{margin-top:16px!important;margin-bottom:10px!important} } /* Footer: "Canarias.app © + redes" en una línea; "Todos los derechos reservados" debajo en 1 sola línea. */ .footer-new-bottom-left.cfp-foot{display:block} .cfp-foot-r1{display:flex;align-items:center;gap:14px;flex-wrap:nowrap} .cfp-foot-brand{flex:0 0 auto;white-space:nowrap} .cfp-foot-r1 .new-footer-social-icons{flex:0 0 auto;width:auto!important;margin:0!important;padding:0;display:flex;gap:13px;list-style:none;float:none!important} .cfp-foot-r1 .new-footer-social-icons li{margin:0!important;padding:0;float:none!important;width:auto!important;display:inline-flex} .cfp-foot-rights{margin-top:9px;white-space:nowrap} .bookmark-btn-title, a.bookmark-button .bookmark-btn-title, .like-button .bookmark-btn-title { white-space: nowrap !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; } /* Ensure parent wrapper expands to fit single line */ .bookmark-button, a.bookmark-button { white-space: nowrap; } @media (min-width: 1025px){h1{font-size:clamp(30px,2.6vw,36px) !important;line-height:1.15 !important}}@media (min-width: 769px) and (max-width: 1024px){h1{font-size:clamp(26px,3.6vw,33px) !important;line-height:1.16 !important}}@media (max-width: 768px){h1{font-size:clamp(22px,5.6vw,27px) !important;line-height:1.18 !important;overflow-wrap:break-word}} @media(min-width:768px){.page-container-col>[class*="cfp-"]{margin-top:-40px}.page-container-col>.cfp-qe,.page-container-col>.cfp-apth,.page-container-col>.cfp-apti{margin-top:18px}} #claim-dialog{ max-width:580px!important; width:94%!important; padding:0!important; border-radius:16px!important; overflow:hidden!important; box-shadow:0 30px 80px -20px rgba(13,26,46,.45)!important; } #claim-dialog .small-dialog-header{ background:#122444!important; padding:18px 50px!important; margin:0!important; border:0!important; text-align:center!important; } #claim-dialog .small-dialog-header h3{ margin:0!important; padding:0!important; width:100%!important; text-align:center!important; color:#fff!important; font-family:'Fraunces',Georgia,serif!important; font-size:20px!important; font-weight:700!important; line-height:1.2!important; } #claim-dialog .message-claim-listing-form-popup, #claim-dialog .message-reply{ padding:22px 24px!important; margin:0!important; } #claim-dialog .claim-info{ margin:0 0 18px!important; } #claim-dialog .claim-info h4{ margin:0 0 6px!important; color:#122444!important; font-size:17px!important; font-weight:800!important; } #claim-dialog h4{ color:#122444!important; font-size:12px!important; font-weight:800!important; text-transform:uppercase!important; letter-spacing:.06em!important; margin:0 0 10px!important; } #claim-dialog #package-selection .owned-packages{ display:grid!important; gap:10px!important; margin:0 0 18px!important; } #claim-dialog .owned-packages label{ display:block!important; cursor:pointer!important; margin:0!important; } #claim-dialog .owned-packages input[type=radio]{ position:absolute!important; opacity:0!important; width:0!important; height:0!important; } #claim-dialog .package-checkbox{ display:flex!important; align-items:flex-start!important; gap:12px!important; border:2px solid #E8DEC6!important; border-radius:12px!important; padding:14px 16px!important; background:#fff!important; transition:border-color .15s ease,background .15s ease!important; } #claim-dialog input:checked + .package-checkbox{ border-color:#122444!important; background:rgba(18,36,68,.04)!important; } #claim-dialog .package-checkbox > i.fa-check{ display:none!important; } #claim-dialog .claim-package-name, #claim-dialog .owned-package-name{ flex:1!important; min-width:0!important; } #claim-dialog .claim-package-name > strong, #claim-dialog .owned-package-name > strong{ display:block!important; color:#122444!important; font-size:16px!important; font-weight:800!important; } #claim-dialog .owned-package-desc{ margin:2px 0 0!important; color:#122444!important; font-weight:800!important; font-size:15px!important; } #claim-dialog .claim-package-details ul{ list-style:none!important; margin:9px 0 0!important; padding:0!important; display:grid!important; gap:5px!important; } #claim-dialog .claim-package-details li{ display:flex!important; gap:7px!important; align-items:flex-start!important; margin:0!important; font-size:13px!important; line-height:1.45!important; color:#3a4150!important; } #claim-dialog .claim-package-details li svg{ width:16px!important; height:16px!important; flex-shrink:0!important; margin-top:1px!important; } #claim-dialog .claim-package-details li svg circle{ fill:rgba(245,197,24,.22)!important; } #claim-dialog .claim-package-details li svg path{ stroke:#122444!important; } #claim-dialog input[type=text], #claim-dialog input[type=email], #claim-dialog input[type=tel], #claim-dialog textarea{ border:1px solid #d8d3c4!important; border-radius:10px!important; } #claim-dialog button[type=submit], #claim-dialog .message-reply .button{ background:#122444!important; border:2px solid #122444!important; color:#fff!important; border-radius:10px!important; font-weight:800!important; padding:13px 24px!important; transition:background .15s,color .15s!important; } #claim-dialog button[type=submit]:hover, #claim-dialog .message-reply .button:hover{ background:#F5C518!important; border-color:#F5C518!important; color:#122444!important; } html :focus,html :focus-visible,html a:focus-visible,html button:focus-visible,html input:focus-visible,html select:focus-visible,html textarea:focus-visible,html [role]:focus-visible,html [tabindex]:focus-visible,html .button:focus-visible,html .button-2:focus-visible{outline-color:#122444!important;outline-width:1px!important;outline-offset:1px!important}.main-search-container input:focus,.main-search-container input:focus-visible,.main-search-container select:focus,.main-search-container select:focus-visible,.main-search-container textarea:focus,.main-search-container textarea:focus-visible,.main-search-container .chosen-single:focus,.main-search-container .chosen-container-active .chosen-single,.main-search-container a.highlighted-category:focus,.main-search-container a.highlighted-category:focus-visible,.ai-chat-search-container input:focus,.ai-chat-search-container input:focus-visible{outline:none!important;box-shadow:none!important} #footer{padding-bottom:48px !important} .highlighted-category i{margin-right:9px}body:not(.logged-in) #header .listeo-cart-container{display:none!important}.category-small-box:hover .category-box-counter,.category-small-box:focus .category-box-counter{background:#F5C518 !important;color:#122444 !important}@media (max-width:1024px){form.listeo-form-search_on_home_page button.button,.main-search-input button.button{background:#F5C518 !important;color:#122444 !important;font-weight:800}} form.register p:has(#first-name),form.register p:has(#last-name),form.register .form-row:has(#first-name),form.register .form-row:has(#last-name){display:none !important} /* Listeo .about-author: float-left clásico → avatar 95px más alto que texto deja hueco vacío debajo. Convertimos a flex centrado vertical. */ .about-author { display: flex !important; align-items: center !important; gap: 20px !important; } .about-author > img, .about-author img.avatar, .about-author img.photo { float: none !important; margin: 0 !important; flex-shrink: 0; } .about-author > .about-description, .about-author .about-description { float: none !important; margin: 0 !important; flex: 1 1 auto; min-width: 0; } /* Mobile compacto: gap menor, padding del box menor. */ @media (max-width: 600px) { .about-author { gap: 14px !important; padding: 18px !important; } .about-author img.avatar { width: 64px !important; height: 64px !important; } } /* === Regla global de ancho de texto (Iván 7/7-2026) === * Cuerpos y leads del sistema .cfp-* a todo el ancho de su columna. * En 2+ columnas la columna limita → esto solo expande columnas únicas. */ [class*="-hsub"],[class*="-hsum"],[class*="-hubhero"] p, [class*="faq-a"] p,[class*="-faq-a"] p,.lede, .cfp-qe__intro,.cfp-qe__live p,.cfp-qe__p, .cfp-apth__lead,.cfp-apti__intro,.cfp-apti__lead,.cfp-apti__zlist, .cfp-ent-hero p,.cfp-conciertos-hero p,.cfp-rf p.cfp-rf-sub, .cfp-fut-article,.cfp-fut-article p,.cfp-fut-arch-intro, .cfp-qe__p,.cfp-que-es__intro, /* Títulos de hero: que usen el ancho que necesitan en vez de partirse a NNch (Iván 7/7). En móvil el H1 envuelve normal, sin desborde. */ [class*="-h1"],[class*="-htitle"],[class*="-hero"] h1,[class*="-dhero"] h1, [class*="-hubhero"] h1,.editorial h2{ max-width:none !important; } /* Escape: volver a limitar donde interese (Iván lo marca). */ .cfp-narrow,.cfp-narrow p,[data-narrow],[data-narrow] p{ max-width:74ch !important; } /* Contención GLOBAL del ::before del nav del tema (width:940px fijo → scroll-x real en 1100-1279px, diagnosticado 18/7). clip (no hidden: hidden crearía scroll container) solo recorta el sobrante horizontal invisible; overflow-y sigue visible y los dropdowns no se tocan. Promoción a global decidida por Fable tras validar la misma regla en la Home (0px en 6 anchos, cero cambio visual). */ @media(min-width:1025px){#wrapper{overflow-x:clip}} :root { --canarias-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --canarias-serif: 'Fraunces', Georgia, 'Times New Roman', Times, serif; /* Brand cream tokens — reducidos de 6 hex literales a 4 semánticos (audit Codex 2026-05-24). Cambio futuro = editar aquí, no buscar y reemplazar en N archivos. */ --cream-soft: #FDFBF6; /* ultra sutil: filas alternas tabla, hover row */ --cream-base: #F9F5EC; /* canónico: fondos brand panels, blockquote, TOC, nav cards */ --cream-deep: #F5F2E8; /* +oscuro: footer-bottom, hover botones secundarios */ --cream-accent: #EDE9DE; /* hairline: bordes, separadores, dividers */ /* Brand core colors */ --brand-navy: #0D1A2E; --brand-yellow: #F5C518; --brand-yellow-hover: #b8911a; } /* ---------- BODY / UI / TEXTO GENERAL → Inter ---------- */ body, button, input, select, textarea, optgroup, option, p, li, ul, ol, dl, dt, dd, a, span, label, small, strong, em, b, blockquote, cite, q, article, aside, section, header, footer, nav, main, figure, figcaption, .entry-content, .post-content, .single-content, .listing-content, .listing-title-bar, .listing-nav, .card, .dashboard, .dashboard-nav, .my-account-nav, .post-meta, .post-info, .blog-post, .blog-post .post-content, .about-author, .about-description, .widget, .widget-content, .sidebar, .elementor-widget-text-editor, .elementor-element, .megamenu, .megamenu ul li a, #footer, #footer p, #footer a, #footer li, .button, .button-2, .notification, .notification p, .headline, .list-1 li, .list-2 li, .list-3 li, .list-4 li { font-family: var(--canarias-sans) !important; } /* ---------- HEADINGS / TÍTULOS EDITORIALES → Fraunces ---------- */ h1, h2, h3, h4, h5, h6, .entry-title, .post-title, .blog-post h3, .blog-post h3 a, .listing-title h3, .listing-title h1, .headline-with-separator, .section-headline, .section h2, .section h3, .elementor-heading-title, .fun-fact h3, .counter h3, .testimonial h4, #logo h1, #logo h2, .about-description h4, .post-pagination .nav-title, .post-pagination .post-title, nav.post-navigation .nav-title, .author-page-info h2, .dashboard-headline h3 { font-family: var(--canarias-serif) !important; font-optical-sizing: auto !important; font-weight: 600 !important; } /* H1 más expresivo (Fraunces brilla en sizes grandes con optical sizing). Sin letter-spacing negativo: en mobile reduce legibilidad (audit 2026-05-24). */ h1, .entry-title, .single-content h1 { font-weight: 500 !important; } /* Subtítulos de meta / labels uppercase: mantener sans Inter para legibilidad. */ .post-meta li, .meta-nav, .nav-subtitle, .label, .listing-tag, .button, .button-2, .dashboard-stat-content h4, .headline span.small, .nav-tag { font-family: var(--canarias-sans) !important; } /* ---------- TESTIMONIOS / RESEÑAS — Inter regular (no Fraunces, no bold). Fraunces 600 sobre navy oscuro se leía pesado y muy "editorial" para reseñas conversacionales. Inter 400 con line-height generoso da un ritmo de lectura más cómodo y conserva el contraste sin gritar. ---------- */ .testimonial, .testimonial p, .testimonial-box .testimonial, .testimonial-box .testimonial p, .fw-carousel-review .testimonial p { font-family: var(--canarias-sans) !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.6 !important; letter-spacing: 0 !important; } /* ---------- NÚMEROS TABULARES (precios, stats, datos) ---------- */ .price, .listing-price, .fun-fact-text h4, [class*="precio"], [class*="price"], table td, table th, .stat-number, .counter-number { font-variant-numeric: tabular-nums !important; font-feature-settings: 'tnum' 1, 'lnum' 1 !important; } /* ---------- INPUTS / FORMS: Inter con weight 500 (Listeo usa 500 hardcoded) ---------- */ input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], textarea, select { font-family: var(--canarias-sans) !important; font-weight: 500 !important; } /* ---------- ICON FONTS — CASCADA MULTI-FAMILIA ---------- Listeo carga FA4 ('FontAwesome') + FA5 + FA6 con v4-shims. El truco para no romper nada: declarar TODAS las familias FA en cascada. Cuando el navegador renderiza un glyph, busca el codepoint en la primera familia; si no existe, prueba la siguiente. Así: - .fa.fa-angle-right (U+F105, solid) → encuentra en Free - .fa.fa-facebook (U+F09A, brand) → no en Free, encuentra en Brands - .fa.fa-envelope (U+F0E0, regular) → encuentra en Free Necesario porque mi override Inter para body/p hace que los hereden Inter si no forzamos la familia FA aquí. */ .fa, .fas, .far, .fal, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-light, i.fa, i.fas, i.far, i.fal, i.fab, [class^="fa-"]:not([class*="sl-icon"]), [class*=" fa-"]:not([class*="sl-icon"]) { font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'FontAwesome' !important; } /* simple-line-icons: necesario para mi dropdown Mi Cuenta. */ .sl-icon, [class^="sl-icon-"], [class*=" sl-icon-"] { font-family: 'simple-line-icons' !important; } /* eicons (Elementor): iconos de los handles del editor (editar/mover/añadir) y widgets Elementor. El selector `i` del bloque de texto los pisaba con Inter → handles como cajas ▤ en el editor. Re-aseguramos eicons igual que FA/sl-icons. */ .eicon, [class^="eicon-"], [class*=" eicon-"], i.eicon, i[class^="eicon-"], i[class*=" eicon-"] { font-family: 'eicons' !important; } /* ---------- WORDPRESS ADMIN BAR — restaurar fonts nativas + dashicons ---------- */ #wpadminbar, #wpadminbar *, #wpadminbar a, #wpadminbar span, #wpadminbar li, #wpadminbar div { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important; } /* Dashicons del admin bar — su font-family debe ser dashicons. */ .dashicons, .dashicons-before:before, #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-submenu .ab-item:before, .ab-icon:before, .ab-item:before { font-family: dashicons !important; } /* ---------- FOOTER MENU LINKS — nowrap para que "Términos y condiciones" no parta ---------- */ #footer .menu li, #footer ul.menu li, #footer .footer-menu li, #footer .widget_nav_menu li, #footer .widget ul li, .footer-links li { white-space: nowrap !important; } /* ---------- FOOTER MENU CHEVRON - fix definitivo 2026-05-28 (Codex) ---------- Neutraliza la geometría absoluta de Listeo: el gap real icono-texto queda en 6px, y translateY(-1px) corrige la métrica baja del glifo Font Awesome. */ #footer .menu li, #footer ul.menu li, #footer .footer-menu li, #footer .widget_nav_menu li, #footer .widget_nav_menu ul li, #footer .widget ul li, #footer .footer-links li, .footer-links li { display: flex !important; align-items: center !important; gap: 0 !important; min-height: 30px !important; padding-left: 0 !important; list-style: none !important; white-space: nowrap !important; } #footer .menu li::before, #footer ul.menu li::before, #footer .footer-menu li::before, #footer .widget_nav_menu li::before, #footer .widget_nav_menu ul li::before, #footer .widget ul li::before, #footer .footer-links li::before, .footer-links li::before { content: "\f105" !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important; font-weight: 900 !important; position: relative !important; inset: auto !important; top: auto !important; left: auto !important; bottom: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 6px 0 0 !important; padding: 0 !important; box-sizing: content-box !important; font-size: 12px !important; line-height: 1 !important; color: rgba(18, 36, 68, 0.45) !important; transform: translateY(-1px) !important; /* ajuste óptico FA: el chevron cae bajo */ } #footer .menu li > a, #footer ul.menu li > a, #footer .footer-menu li > a, #footer .widget_nav_menu li > a, #footer .widget_nav_menu ul li > a, #footer .widget ul li > a, #footer .footer-links li > a, .footer-links li > a { display: inline-flex !important; align-items: center !important; min-height: 30px !important; margin-left: 0 !important; padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 21px !important; } #footer .footer-links li a:hover, #footer .menu li > a:hover, #footer ul.menu li > a:hover, #footer .widget_nav_menu li > a:hover, #footer .widget ul li > a:hover { padding-left: 0 !important; color: #b8911a !important; } @media (max-width: 768px) { #footer .menu li, #footer ul.menu li, #footer .footer-menu li, #footer .widget_nav_menu li, #footer .widget_nav_menu ul li, #footer .widget ul li, #footer .footer-links li, .footer-links li { min-height: 36px !important; } #footer .menu li > a, #footer ul.menu li > a, #footer .footer-menu li > a, #footer .widget_nav_menu li > a, #footer .widget_nav_menu ul li > a, #footer .widget ul li > a, #footer .footer-links li > a, .footer-links li > a { min-height: 36px !important; padding: 0 4px 0 0 !important; line-height: 20px !important; } } /* ---------- HEADER NAV DROPDOWNS — submenús con ancho cómodo (nowrap) ---------- Antes los items del dropdown "Datos en Vivo" partían a 2 líneas ("El Tiempo en Canarias" / "Noticias Diarias con Gara"). Damos más ancho al submenú para que el texto vaya en una sola línea. */ #navigation ul ul, #navigation.style-1 ul ul, .menu ul.sub-menu, .megamenu ul.sub-menu, .nav-menu ul.sub-menu { min-width: 240px !important; width: max-content !important; max-width: 360px !important; } #navigation ul ul li, #navigation ul ul li a, .menu ul.sub-menu li, .menu ul.sub-menu li a, .megamenu ul.sub-menu li a { white-space: nowrap !important; } /* ---------- ICONOS EN DROPDOWN "MI CUENTA" DEL HEADER ---------- Match por href substring (rutas Listeo predecibles). Iconos simple-line-icons ya cargados por Listeo (0 KB extra). Posición con ::before y padding-left en el para reservar espacio. */ #navigation ul.sub-menu li a[href*="/mi-panel/"], #navigation ul.sub-menu li a[href*="/mis-fichas/"], #navigation ul.sub-menu li a[href*="/publicar-ficha/"], #navigation ul.sub-menu li a[href*="/mis-reservas/"], #navigation ul.sub-menu li a[href*="/reservas/"], #navigation ul.sub-menu li a[href*="/mensajes/"], #navigation ul.sub-menu li a[href*="/resenas/"], #navigation ul.sub-menu li a[href*="/favoritos/"], #navigation ul.sub-menu li a[href*="/cartera/"], #navigation ul.sub-menu li a[href*="/mi-perfil/"], #navigation ul.sub-menu li a[href*="/cerrar-sesion/"] { padding-left: 38px !important; position: relative !important; } #navigation ul.sub-menu li a[href*="/mi-panel/"]::before, #navigation ul.sub-menu li a[href*="/mis-fichas/"]::before, #navigation ul.sub-menu li a[href*="/publicar-ficha/"]::before, #navigation ul.sub-menu li a[href*="/mis-reservas/"]::before, #navigation ul.sub-menu li a[href*="/reservas/"]::before, #navigation ul.sub-menu li a[href*="/mensajes/"]::before, #navigation ul.sub-menu li a[href*="/resenas/"]::before, #navigation ul.sub-menu li a[href*="/favoritos/"]::before, #navigation ul.sub-menu li a[href*="/cartera/"]::before, #navigation ul.sub-menu li a[href*="/mi-perfil/"]::before, #navigation ul.sub-menu li a[href*="/cerrar-sesion/"]::before { font-family: 'simple-line-icons' !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 14px !important; color: #0D1A2E !important; opacity: 0.75 !important; line-height: 1 !important; width: auto !important; height: auto !important; font-weight: normal !important; } /* Códigos REALES verificados en Listeo template-dashboard.php + logged_section.php (2026-05-24). Listeo MISMO usa estos iconos en el sidebar Mi cuenta — replicamos para consistencia visual exacta. IMPORTANTE: Listeo usa simple-line-icons PARA TODO excepto las reservas, que usan FontAwesome (fa-calendar-check). Por eso hay 2 font-family. Distinción Mis Reservas vs Reservas: - Mis Reservas (/mis-reservas/) = reservas que el usuario HIZO como cliente - Reservas (/reservas/) = reservas RECIBIDAS en sus listings (rol owner) */ /* simple-line-icons items (default font del bloque general) */ #navigation ul.sub-menu li a[href*="/mi-panel/"]::before { content: "\e09a"; /* settings (cog) — Listeo Dashboard */ } #navigation ul.sub-menu li a[href*="/mis-fichas/"]::before { content: "\e034"; /* layers — Listeo My Listings */ } #navigation ul.sub-menu li a[href*="/publicar-ficha/"]::before { content: "\e095"; /* plus — Listeo Add Listing */ } #navigation ul.sub-menu li a[href*="/mensajes/"]::before { content: "\e01e"; /* envelope-open — Listeo Messages */ } #navigation ul.sub-menu li a[href*="/resenas/"]::before { content: "\e09b"; /* star — Listeo Reviews */ } #navigation ul.sub-menu li a[href*="/favoritos/"]::before { content: "\e08a"; /* heart — Listeo Bookmarks */ } #navigation ul.sub-menu li a[href*="/cartera/"]::before { content: "\e02a"; /* wallet — Listeo Wallet */ } #navigation ul.sub-menu li a[href*="/mi-perfil/"]::before { content: "\e005"; /* user — Listeo My Profile */ } #navigation ul.sub-menu li a[href*="/cerrar-sesion/"]::before { content: "\e097"; /* power — Listeo Logout */ } /* FontAwesome items (reservations) — Listeo usa fa-calendar-check */ #navigation ul.sub-menu li a[href*="/mis-reservas/"]::before { content: "\f274" !important; /* fa-calendar-check — mis bookings */ font-family: 'Font Awesome 5 Free', 'FontAwesome' !important; font-weight: 900 !important; } #navigation ul.sub-menu li a[href$="/reservas/"]:not([href*="/mis-reservas/"])::before { content: "\f01c" !important; /* fa-inbox — reservas recibidas */ font-family: 'Font Awesome 5 Free', 'FontAwesome' !important; font-weight: 900 !important; } /* ---------- BOTÓN "AGREGAR LISTADO" del header — brand amarillo+navy ---------- HTML real (inspeccionado 2026-05-24):
envuelve Agregar listado . Selector quirúrgico: SOLO .header-widget directo, NO el dropdown menu Mi Cuenta. */ .header-widget > a.button[href*="publicar-ficha"], .header-widget > a.button.with-icon[href*="publicar-ficha"], .header-widget a.button.border.with-icon[href*="publicar-ficha"] { background: #F5C518 !important; background-color: #F5C518 !important; color: #0D1A2E !important; border: 2px solid #F5C518 !important; font-weight: 600 !important; letter-spacing: 0.01em !important; border-radius: 50px !important; box-shadow: 0 2px 6px rgba(13, 26, 46, 0.08) !important; transition: all 0.2s ease !important; text-decoration: none !important; } .header-widget > a.button[href*="publicar-ficha"]:hover, .header-widget a.button.border.with-icon[href*="publicar-ficha"]:hover { background: #0D1A2E !important; background-color: #0D1A2E !important; color: #F5C518 !important; border-color: #0D1A2E !important; transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(13, 26, 46, 0.18) !important; } /* SOLO HOME: el header va sobre el hero oscuro; al pasar el ratón, blanco + azul oscuro para que destaque (el navy del hover normal se pierde sobre el fondo oscuro). */ body.home .header-widget > a.button[href*="publicar-ficha"]:hover, body.home .header-widget a.button.border.with-icon[href*="publicar-ficha"]:hover { background: #fff !important; background-color: #fff !important; color: #122444 !important; border-color: #fff !important; } /* El + dentro del botón "Agregar listado" — pintarlo igual que el texto */ .header-widget > a.button[href*="publicar-ficha"] i, .header-widget > a.button[href*="publicar-ficha"] .sl-icon-plus { color: inherit !important; background: transparent !important; } /* ---------- BOTÓN "PUBLICAR TU NEGOCIO" — brand premium amarillo+navy ---------- Antes: outline navy sutil, casi invisible. Ahora: bg amarillo brand + texto navy + hover invertido (bg navy + texto amarillo). Lift effect en hover. Specific al sidebar widget (a.button.border con href publicar-ficha). */ .widget a.button[href*="publicar-ficha"], .widget a.button.border[href*="publicar-ficha"], aside .widget a[href*="publicar-ficha"].button, .elementor-widget-text-editor a.button[href*="publicar-ficha"] { background: #F5C518 !important; background-color: #F5C518 !important; color: #0D1A2E !important; border: 2px solid #F5C518 !important; font-weight: 600 !important; letter-spacing: 0.01em !important; padding: 12px 24px !important; border-radius: 6px !important; box-shadow: 0 2px 6px rgba(13, 26, 46, 0.08) !important; transition: all 0.2s ease !important; text-decoration: none !important; display: inline-block !important; } .widget a.button[href*="publicar-ficha"]:hover, .widget a.button.border[href*="publicar-ficha"]:hover, aside .widget a[href*="publicar-ficha"].button:hover, .elementor-widget-text-editor a.button[href*="publicar-ficha"]:hover { background: #0D1A2E !important; background-color: #0D1A2E !important; color: #F5C518 !important; border-color: #0D1A2E !important; transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(13, 26, 46, 0.18) !important; } /* ---------- FOOTER BRAND — cream sutil + accent amarillo ---------- Footer actual: blanco plano. Premium: bg cream brand muy sutil + accent amarillo en border-top (2px), bottom-section un punto más oscuro. margin-top + padding-top para que el footer no quede pegado al contenido principal (audit visual 2026-05-24). */ #footer, .footer { background: var(--cream-base) !important; border-top: 2px solid #F5C518 !important; margin-top: 60px !important; padding-top: 50px !important; } #footer-bottom-section, .footer-bottom-section, .footer-bottom, .copyrights { background: var(--cream-deep) !important; border-top: 1px solid var(--cream-accent) !important; padding-top: 22px !important; padding-bottom: 22px !important; padding-left: 28px !important; padding-right: 28px !important; } /* Children del copyright también con padding por si Listeo envuelve. */ #footer-bottom-section > *, .copyrights > p, .copyrights > div { padding-left: 0 !important; } /* Texto del footer ligeramente más cálido (navy con un poco de cream undertone). */ #footer p, #footer li, #footer a { color: #0D1A2E !important; } #footer a:hover { color: #b8911a !important; /* amarillo brand un poco oscurecido */ } /* ---------- AIRE ANTES DEL FOOTER (GLOBAL) ---------- Aplica a TODA la web (home, listings, blog, dashboards Listeo /cartera/ /resenas/ /cupones/ /mi-panel/ /mis-fichas/ etc., posts, archives). 60px de respiro estándar entre el final del contenido y el footer cream. En dashboard pages de usuarios logueados, Listeo oculta el #footer principal y solo muestra .copyrights / #footer-bottom-section, por eso hay que aplicar también a esos selectores. */ #footer, #footer-bottom-section, .footer-bottom-section, .copyrights { margin-top: 60px !important; } /* ---------- BOTONES DE ACCIÓN EN TABLAS DASHBOARD — gap entre Editar/Eliminar ---------- Listeo Core renderiza sin separador. Selectores específicos a Listeo Core para ganar especificidad sobre sus reglas. Cubre cupones, mis-fichas, y futuras pantallas similares. */ .listeo_core-dashboard-action-edit + .listeo_core-dashboard-action-delete, [class*="listeo_core-dashboard-action-"] + [class*="listeo_core-dashboard-action-"], td .woocommerce-button.button + .woocommerce-button.button, td a.button + a.button, td a.woocommerce-button + a.woocommerce-button { margin-left: 8px !important; } /* ---------- BODY LINE-HEIGHT / WEIGHT BASE ---------- */ body { font-weight: 400 !important; line-height: 1.6 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* ---------- :focus-visible — accesibilidad teclado WCAG 2.4.7 ---------- Outline brand amarillo en cualquier elemento focusable navegado con TAB. Solo aparece con keyboard nav (no click mouse) gracias a :focus-visible. Audit Codex 2026-05-24 + mobile a11y test: refuerzo con selectores específicos para ganar a Listeo (que pone outline gris genérico). */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .button:focus-visible, .button-2:focus-visible, [role="button"]:focus-visible, .widget a:focus-visible, #navigation a:focus-visible, #navigation > ul > li > a:focus-visible, #navigation ul.sub-menu li a:focus-visible, .menu a:focus-visible, .nav-links a:focus-visible, .user-menu a:focus-visible, .user-menu .user-name:focus-visible, .blog-post a:focus-visible, .blog-post .read-more:focus-visible, #footer a:focus-visible, .header-widget a:focus-visible { outline: 3px solid #F5C518 !important; outline-offset: 2px !important; border-radius: 3px; box-shadow: 0 0 0 1px #0D1A2E !important; } /* Tap targets desktop — WCAG 2.5.8 AA (24x24 mínimo) + Apple HIG (44x44 ideal). Aplicamos también en desktop porque mejora UX y muchos visitan con touch. */ .blog-post .post-content a.read-more, .blog-post .read-more { display: inline-block !important; padding: 10px 0 !important; min-height: 32px !important; line-height: 1.4 !important; } .user-menu .user-name, .user-menu > a { padding: 8px 0 !important; min-height: 32px !important; display: inline-flex !important; align-items: center !important; } /* Skip native browser outline default que es feo. */ a:focus, button:focus, input:focus, select:focus, textarea:focus { outline: none; } /* Universal :focus-visible — gana a Listeo que aplica :focus genérico. Solo aplica con keyboard navigation (no mouse click). */ *:focus-visible { outline: 3px solid #F5C518 !important; outline-offset: 2px !important; border-radius: 3px; box-shadow: 0 0 0 1px #0D1A2E !important; } /* Resetear el outline cuando NO es keyboard navigation (click con mouse). Esto oculta el outline gris/azul de Listeo en clicks normales. */ a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible), .button:focus:not(:focus-visible), .read-more:focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; } /* ---------- A11Y MOBILE — TAP TARGETS >= 44x44 (WCAG 2.5.5) ---------- Audit 2026-05-24: detectados links con height < 44px en mobile. Aplicamos padding vertical solo en mobile para no engordar desktop. */ @media (max-width: 768px) { /* Menu items header — más padding para tap fácil */ #navigation > ul > li > a, .user-menu .user-name, .user-menu > a { min-height: 44px !important; display: flex !important; align-items: center !important; padding-top: 8px !important; padding-bottom: 8px !important; } /* Read More en archive cards */ .blog-post .post-content a.read-more, .blog-post .read-more { display: inline-block !important; min-height: 44px !important; padding: 12px 16px 12px 0 !important; line-height: 20px !important; } /* Footer menu links */ #footer ul.menu li a, #footer .widget_nav_menu ul li a, #footer ul li a { display: inline-block !important; min-height: 36px !important; padding: 8px 4px !important; line-height: 20px !important; } /* Iconos dropdown Mi Cuenta — más alto */ #navigation ul.sub-menu li a { min-height: 44px !important; display: flex !important; align-items: center !important; padding-top: 10px !important; padding-bottom: 10px !important; } /* Botones brand siempre mínimo 44x44 */ .button, .button-2, a.button, button.button, a.button.border, a.button.with-icon, .header-widget > a.button[href*="publicar-ficha"] { min-height: 44px !important; padding-top: 12px !important; padding-bottom: 12px !important; } /* TOC summary clickeable a tap-target */ .ccnr-toc__title { min-height: 56px !important; padding: 16px 20px !important; } } /* ---------- HEADINGS BASE LINE-HEIGHT (Fraunces necesita más respiración) ---------- */ h1, h2, h3, h4, h5, h6 { line-height: 1.25 !important; } @media (min-width:1025px){#header .header-widget{display:flex!important;align-items:center;gap:10px}#header .header-widget>.cfp-zona-chip--hdr,#header .header-widget>a.sign-in,#header .header-widget>span{margin:0!important}#header .header-widget>.user-menu{margin:0 0 0 36px!important;top:0!important}#header .header-widget>.user-menu .user-name>span{top:50%!important;transform:translateY(-50%)}#header .header-widget>span{display:inline-flex}#header .header-widget .cfp-zona-chip--hdr,#header .header-widget a.sign-in,#header .header-widget a.cfp-alta-header{box-sizing:border-box;height:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:0 18px!important;border-radius:999px!important;font-family:Inter,system-ui,sans-serif!important;font-size:14px!important;font-weight:650!important;line-height:1!important;letter-spacing:0!important;vertical-align:middle;top:auto!important}#header .header-widget a.sign-in{border:1px solid rgba(18,36,68,.14)!important;background:#fff!important;color:#122444!important}#header .header-widget a.sign-in i{margin:0!important;line-height:1!important}} #claim-dialog .cfp-claim-actions{ display:flex!important; gap:10px!important; flex-wrap:wrap!important; align-items:stretch!important; } #claim-dialog .cfp-claim-actions > .button, #claim-dialog .cfp-claim-actions > button{ flex:0 1 auto!important; } #claim-dialog .cfp-claim-wa{ display:inline-flex!important; align-items:center!important; gap:8px!important; background:#25D366!important; border:2px solid #25D366!important; color:#fff!important; border-radius:10px!important; font-weight:800!important; padding:13px 20px!important; text-decoration:none!important; white-space:nowrap!important; transition:background .15s,border-color .15s!important; } #claim-dialog .cfp-claim-wa:hover{ background:#1fbe5b!important; border-color:#1fbe5b!important; color:#fff!important; } #claim-dialog .cfp-claim-wa svg{ width:20px!important; height:20px!important; fill:#fff!important; } #claim-dialog .cfp-claim-wa span{ color:#fff!important; font-size:15px!important; } div.nsl-container[data-align="left"] { text-align: left; } div.nsl-container[data-align="center"] { text-align: center; } div.nsl-container[data-align="right"] { text-align: right; } div.nsl-container div.nsl-container-buttons a[data-plugin="nsl"] { text-decoration: none; box-shadow: none; border: 0; } div.nsl-container .nsl-container-buttons { display: flex; padding: 5px 0; } div.nsl-container.nsl-container-block .nsl-container-buttons { display: inline-grid; grid-template-columns: minmax(145px, auto); } div.nsl-container-block-fullwidth .nsl-container-buttons { flex-flow: column; align-items: center; } div.nsl-container-block-fullwidth .nsl-container-buttons a, div.nsl-container-block .nsl-container-buttons a { flex: 1 1 auto; display: block; margin: 5px 0; width: 100%; } div.nsl-container-inline { margin: -5px; text-align: left; } div.nsl-container-inline .nsl-container-buttons { justify-content: center; flex-wrap: wrap; } div.nsl-container-inline .nsl-container-buttons a { margin: 5px; display: inline-block; } div.nsl-container-grid .nsl-container-buttons { flex-flow: row; align-items: center; flex-wrap: wrap; } div.nsl-container-grid .nsl-container-buttons a { flex: 1 1 auto; display: block; margin: 5px; max-width: 280px; width: 100%; } @media only screen and (min-width: 650px) { div.nsl-container-grid .nsl-container-buttons a { width: auto; } } div.nsl-container .nsl-button { cursor: pointer; vertical-align: top; border-radius: 4px; } div.nsl-container .nsl-button-default { color: #fff; display: flex; } div.nsl-container .nsl-button-icon { display: inline-block; } div.nsl-container .nsl-button-svg-container { flex: 0 0 auto; padding: 8px; display: flex; align-items: center; } div.nsl-container svg { height: 24px; width: 24px; vertical-align: top; } div.nsl-container .nsl-button-default div.nsl-button-label-container { margin: 0 24px 0 12px; padding: 10px 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; letter-spacing: .25px; overflow: hidden; text-align: center; text-overflow: clip; white-space: nowrap; flex: 1 1 auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; display: inline-block; } div.nsl-container .nsl-button-google[data-skin="light"] { box-shadow: inset 0 0 0 1px #747775; color: #1f1f1f; } div.nsl-container .nsl-button-google[data-skin="dark"] { box-shadow: inset 0 0 0 1px #8E918F; color: #E3E3E3; } div.nsl-container .nsl-button-google[data-skin="neutral"] { color: #1F1F1F; } div.nsl-container .nsl-button-google div.nsl-button-label-container { font-family: "Roboto Medium", Roboto, Helvetica, Arial, sans-serif; } div.nsl-container .nsl-button-apple .nsl-button-svg-container { padding: 0 6px; } div.nsl-container .nsl-button-apple .nsl-button-svg-container svg { height: 40px; width: auto; } div.nsl-container .nsl-button-apple[data-skin="light"] { color: #000; box-shadow: 0 0 0 1px #000; } div.nsl-container .nsl-button-facebook[data-skin="white"] { color: #000; box-shadow: inset 0 0 0 1px #000; } div.nsl-container .nsl-button-facebook[data-skin="light"] { color: #1877F2; box-shadow: inset 0 0 0 1px #1877F2; } div.nsl-container .nsl-button-spotify[data-skin="white"] { color: #191414; box-shadow: inset 0 0 0 1px #191414; } div.nsl-container .nsl-button-apple div.nsl-button-label-container { font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } div.nsl-container .nsl-button-slack div.nsl-button-label-container { font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } div.nsl-container .nsl-button-slack[data-skin="light"] { color: #000000; box-shadow: inset 0 0 0 1px #DDDDDD; } div.nsl-container .nsl-button-tiktok[data-skin="light"] { color: #161823; box-shadow: 0 0 0 1px rgba(22, 24, 35, 0.12); } div.nsl-container .nsl-button-kakao { color: rgba(0, 0, 0, 0.85); } .nsl-clear { clear: both; } .nsl-container { clear: both; } .nsl-disabled-provider .nsl-button { filter: grayscale(1); opacity: 0.8; } /*Button align start*/ div.nsl-container-inline[data-align="left"] .nsl-container-buttons { justify-content: flex-start; } div.nsl-container-inline[data-align="center"] .nsl-container-buttons { justify-content: center; } div.nsl-container-inline[data-align="right"] .nsl-container-buttons { justify-content: flex-end; } div.nsl-container-grid[data-align="left"] .nsl-container-buttons { justify-content: flex-start; } div.nsl-container-grid[data-align="center"] .nsl-container-buttons { justify-content: center; } div.nsl-container-grid[data-align="right"] .nsl-container-buttons { justify-content: flex-end; } div.nsl-container-grid[data-align="space-around"] .nsl-container-buttons { justify-content: space-around; } div.nsl-container-grid[data-align="space-between"] .nsl-container-buttons { justify-content: space-between; } /* Button align end*/ /* Redirect */ #nsl-redirect-overlay { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 1000000; left: 0; top: 0; width: 100%; height: 100%; backdrop-filter: blur(1px); background-color: RGBA(0, 0, 0, .32);; } #nsl-redirect-overlay-container { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: white; padding: 30px; border-radius: 10px; } #nsl-redirect-overlay-spinner { content: ''; display: block; margin: 20px; border: 9px solid RGBA(0, 0, 0, .6); border-top: 9px solid #fff; border-radius: 50%; box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, .6), 0 0 0 1px RGBA(0, 0, 0, .6); width: 40px; height: 40px; animation: nsl-loader-spin 2s linear infinite; } @keyframes nsl-loader-spin { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } #nsl-redirect-overlay-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 18px; font-weight: bold; color: #3C434A; } #nsl-redirect-overlay-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; text-align: center; font-size: 14px; color: #3C434A; } /* Redirect END*/ /* Notice fallback */ #nsl-notices-fallback { position: fixed; right: 10px; top: 10px; z-index: 10000; } .admin-bar #nsl-notices-fallback { top: 42px; } #nsl-notices-fallback > div { position: relative; background: #fff; border-left: 4px solid #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1); margin: 5px 15px 2px; padding: 1px 20px; } #nsl-notices-fallback > div.error { display: block; border-left-color: #dc3232; } #nsl-notices-fallback > div.updated { display: block; border-left-color: #46b450; } #nsl-notices-fallback p { margin: .5em 0; padding: 2px; } #nsl-notices-fallback > div:after { position: absolute; right: 5px; top: 5px; content: '\00d7'; display: block; height: 16px; width: 16px; line-height: 16px; text-align: center; font-size: 20px; cursor: pointer; } /* Patrón: shadcn Pricing comparison + sistema .cfp-tv (Inter/Fraunces, navy y amarillo); footer de marca existente. */ .cfp-alta-app-only{display:none!important}html.cfp-en-app .cfp-alta-app-only{display:inline-flex!important} body #header .header-widget .cfp-alta-header{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #F5C518;border-radius:10px;background:#F5C518;color:#122444!important;font:750 13px/1.3 Inter,sans-serif;text-decoration:none;box-sizing:border-box} html:not(.cfp-en-app) body #header .header-widget .cfp-alta-app-only{display:none!important} html.cfp-en-app body #header .header-widget [data-cfp-pro]{display:none!important} .cfp-alta-access:focus-visible,.cfp-alta-cta:focus-visible,.cfp-alta-footer a:focus-visible{outline:3px solid #b27b00;outline-offset:4px} .cfp-alta-menu{display:none!important} .mobile-navigation-wrapper .cfp-alta-menu{margin:18px 16px!important;border:0!important} .mobile-navigation-wrapper .cfp-alta-menu a.cfp-alta-access{display:flex!important;align-items:center;justify-content:center;min-height:48px!important;padding:12px 16px!important;border-radius:10px;background:#F5C518!important;color:#122444!important;font:750 14px/1.4 Inter,sans-serif!important} html:not(.cfp-en-app) .mobile-navigation-wrapper .cfp-alta-menu .cfp-alta-app-only,html.cfp-en-app .mobile-navigation-wrapper .cfp-alta-menu [data-cfp-pro]{display:none!important} .cfp-alta-footer{max-width:min(1340px,calc(100% - 40px));margin:0 auto;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:12px 28px;align-items:center;flex-wrap:wrap;font-family:Inter,sans-serif;box-sizing:border-box} .cfp-alta-footer__title{font-size:12px!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#F5C518!important} .cfp-alta-footer ul{list-style:none;display:flex;gap:4px 24px;flex-wrap:wrap;margin:0;padding:0} #footer.cfp-foot .cfp-alta-footer a{display:inline-flex;align-items:center;min-height:44px;color:#d3dbe8!important;font-size:14px;text-decoration:none} #footer.cfp-foot .cfp-alta-footer a:hover{color:#fff!important;text-decoration:underline} /* Patrón: shadcn pricing-block / Mobbin pricing / v0 k1hAO7FPEnW; elección de periodo junto al total. */ .cfp-alta-periodos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0;padding:0;margin:0;min-width:0}.cfp-alta-periodos legend{font:650 12px/1.5 Inter,sans-serif;color:#e7edf5;margin:0 0 8px;padding:0}.cfp-alta-periodos label{position:relative;margin:0;cursor:pointer}.cfp-alta-periodos input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.cfp-alta-periodos label span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border:1px solid #a9b4c4;border-radius:9px;color:#fff;font:650 13px/1.5 Inter,sans-serif}.cfp-alta-periodos input:checked+span{background:#f5c518;border-color:#f5c518;color:#122444}.cfp-alta-periodos input:focus-visible+span{outline:3px solid #fff;outline-offset:3px}.cfp-alta-choice [hidden]{display:none!important}.cfp-alta-ahorro{font:650 12px/1.65 Inter,sans-serif;color:#f5c518}.cfp-alta-garantia{border-top:1px solid #ffffff30;padding-top:12px} /* Listeo aplica color y tamaño propios a los span de controles: defender también el estado elegido. */ body.page-id-164 .cfp-alta-choice .cfp-alta-periodos label{display:block;width:100%;min-width:44px;min-height:44px} body.page-id-164 .cfp-alta-choice .cfp-alta-periodos label>span{display:flex!important;width:100%;min-width:44px;min-height:44px;color:#fff!important;font:650 13px/1.5 Inter,sans-serif!important} body.page-id-164 .cfp-alta-choice .cfp-alta-periodos input:checked+span{background:#f5c518!important;border-color:#f5c518!important;color:#122444!important} /* Ambas opciones comparten la altura real de la fila aunque el ahorro anual ocupe dos líneas. */ .cfp-alta-periodos{align-items:stretch}.cfp-alta-periodos label{height:100%}.cfp-alta-periodos label>span{height:100%;text-align:center} .cfp-alta-choice,.cfp-alta-choice *{box-sizing:border-box;min-width:0} .cfp-alta-choice{margin:12px 0 30px;font-family:Inter,sans-serif;color:#122444} .cfp-alta-kicker{display:block;font-size:11px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#765600!important;margin-bottom:8px} .cfp-alta-choice h2{margin:0 0 20px;font:650 clamp(25px,3vw,33px)/1.2 Fraunces,Georgia,serif!important;color:#122444} .cfp-alta-options{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch} .cfp-alta-option{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #dce1e8;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(18,36,68,.05)} .cfp-alta-option--pro{background:linear-gradient(135deg,#122444,#1c365d);border:2px solid #F5C518;color:#fff} .cfp-alta-name{font-size:16px!important;font-weight:800;color:#122444!important} .cfp-alta-option--pro .cfp-alta-name{color:#fff!important} .cfp-alta-price{font:650 36px/1.1 Fraunces,Georgia,serif!important;letter-spacing:-.03em} .cfp-alta-price>[data-alta-precio]{font:inherit!important;letter-spacing:inherit!important;color:inherit!important} .cfp-alta-price small{font:500 14px/1.4 Inter,sans-serif!important;color:inherit!important;letter-spacing:0;margin-left:5px} .cfp-alta-desc{font-size:14px;line-height:1.6;margin-bottom:8px} .cfp-alta-recommended{position:absolute;right:16px;top:16px;width:fit-content;max-width:calc(100% - 32px);background:#F5C518;border-radius:6px;padding:5px 9px;color:#122444!important;font-size:11px!important;font-weight:800} .cfp-alta-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:auto;border-radius:10px;padding:12px 16px;background:#F5C518;color:#122444!important;font-size:14px;font-weight:800;text-decoration:none!important} .cfp-alta-cta:hover{background:#ffe066} .cfp-alta-cta--free{background:#f1f3f6;border:1px solid #cbd2dc} .cfp-alta-cta--free:hover{background:#e4e9f0} .cfp-alta-cta span{font-size:18px!important;color:inherit!important} .cfp-alta-small{display:block;font-size:12px!important;line-height:1.6;color:#536174!important} .cfp-alta-option--pro .cfp-alta-small{color:#d6dfed!important} /* Patrón: shadcn pricing-cards-grid; coste y CTA antes del checklist, alternativa gratis desde la cabecera. */ .cfp-alta-free-shortcut{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#122444!important;font:650 14px/1.5 Inter,sans-serif;text-decoration:underline;text-underline-offset:3px} #cfp-alta-opcion-gratis{scroll-margin-top:110px} .cfp-alta-choice .cfp-alta-desc{font:450 14px/1.6 Inter,sans-serif;color:inherit;margin-bottom:0} .cfp-alta-details{border-top:1px solid #ffffff30;padding-top:4px} .cfp-alta-details>summary{display:list-item;list-style:disclosure-closed inside;cursor:pointer;min-height:44px;padding:12px 0;font:700 13px/1.5 Inter,sans-serif;color:#ffe28b} .cfp-alta-details[open]>summary{list-style-type:disclosure-open} .cfp-alta-details>summary:focus-visible,.cfp-alta-free-shortcut:focus-visible{outline:3px solid #b27b00;outline-offset:4px} .cfp-alta-launch{display:block;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);font-size:12px!important;line-height:1.6;color:#ffe184!important} body.cfp-alta-page .cfp-pf-guia__alt{display:none!important} body.cfp-alta-page .cfp-pf-guia__pasos li>span{font-size:14.5px!important;line-height:1.5!important;color:#f9f5ec!important} body.cfp-alta-page .cfp-pf-guia__pasos strong{color:#fff!important} body.cfp-alta-page #cfp-alta-gratis{scroll-margin-top:110px} /* Patrón: guía de progreso del alta existente, resumida como stepper de shadcn en móvil. El espacio sobrante era padding interno de la guía + sus tarjetas, no margen del registro. */ .cfp-alta-guia-corta{display:none} @media(max-width:640px){ body.cfp-alta-page .cfp-pf-guia:not(.cfp-pf-guia--mini){padding:14px 16px;margin-bottom:18px;border-radius:14px} body.cfp-alta-page .cfp-pf-guia:has(.cfp-alta-guia-corta) .cfp-pf-guia__h, body.cfp-alta-page .cfp-pf-guia:has(.cfp-alta-guia-corta) .cfp-pf-guia__pasos{display:none} body.cfp-alta-page .cfp-pf-guia .cfp-alta-guia-corta{display:block;font:500 13px/1.6 Inter,system-ui,sans-serif!important;color:#f9f5ec!important} body.cfp-alta-page #cfp-alta-gratis{scroll-margin-top:84px} } @media(min-width:768px){.cfp-alta-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cfp-alta-options:not(:has([data-cfp-pro])),html.cfp-en-app .cfp-alta-options{grid-template-columns:1fr}} @media(max-width:1024px){body #header .header-widget>span[data-cfp-alta-rendered]{display:none!important}.cfp-alta-menu{display:block!important}.cfp-alta-menu a{min-height:44px!important;display:flex!important;align-items:center;color:#122444!important;font-weight:750!important}.cfp-alta-menu .cfp-alta-app-only{display:none!important}html.cfp-en-app .cfp-alta-menu .cfp-alta-app-only{display:flex!important}html.cfp-en-app .cfp-alta-menu [data-cfp-pro]{display:none!important}} @media(max-width:767px){.cfp-alta-option{padding:20px}.cfp-alta-choice{margin-top:8px}.cfp-alta-footer{display:block}.cfp-alta-footer ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-top:10px}body #header .header-widget .cfp-alta-header{font-size:12px;padding:9px 11px}} .cfp-alta-choice .cfp-pro-selling-list li>span{font:450 13px/1.65 Inter,sans-serif!important;color:#edf2fa!important}.cfp-alta-choice__head{padding-bottom:20px}.cfp-alta-choice .cfp-alta-option:not(.cfp-alta-option--pro)>.cfp-alta-name{font:600 30px/1.2 Fraunces,Georgia,serif!important} /* Patrón: TheFork product proof + shadcn highlighted pricing; misma identidad de la página Pro. */ .cfp-alta-option--pro{background:linear-gradient(140deg,#1d3658,#122444 65%)!important;border:1px solid #52627b!important;box-shadow:0 18px 42px #12244422!important;position:relative}.cfp-alta-option--pro .cfp-alta-name{font:650 36px/1.1 Fraunces,Georgia,serif!important;color:#fff!important}.cfp-alta-option--pro .cfp-alta-price{font-family:Fraunces,Georgia,serif!important}.cfp-alta-option--pro .cfp-alta-price [data-alta-precio]{font:inherit!important}.cfp-alta-choice .cfp-pro-selling-list{list-style:none;margin:8px 0;padding:18px 0;border-top:1px solid #ffffff30;display:grid;gap:12px}.cfp-alta-choice .cfp-pro-selling-list li{display:flex;gap:12px;color:#edf2fa;font:450 13px/1.55 Inter,sans-serif}.cfp-alta-choice .cfp-pro-selling-list svg{width:18px;height:18px;flex:none;color:#f5c518;margin-top:3px}.cfp-alta-choice .cfp-alta-garantia{display:flex;gap:12px;padding:16px;background:#ffffff09;border:1px solid #ffffff25;border-radius:12px}.cfp-alta-garantia>svg{width:24px;height:24px;flex:none;color:#f5c518}.cfp-alta-garantia strong{display:block;color:#fff;margin-bottom:5px}.cfp-alta-choice .cfp-alta-garantia>span{font:400 13px/1.55 Inter,system-ui,sans-serif!important;color:#d6dfed!important}.cfp-alta-choice .cfp-alta-garantia strong{font:700 14px/1.4 Inter,system-ui,sans-serif!important}.cfp-alta-choice .cfp-alta-free-list{list-style:none!important;margin:4px 0 6px!important;padding:16px 0 2px!important;border-top:1px solid #e3e7ec;display:grid;gap:12px}.cfp-alta-choice .cfp-alta-free-list li{display:flex;gap:12px;align-items:flex-start;margin:0!important;padding:0!important}.cfp-alta-choice .cfp-alta-free-list li:before{display:none!important}.cfp-alta-choice .cfp-alta-free-list li>span{font:450 13.5px/1.55 Inter,system-ui,sans-serif!important;color:#26344a!important}.cfp-alta-choice .cfp-alta-free-list svg{flex:none;width:18px;height:18px;margin-top:2px;color:#1c6546}@media(min-width:768px){.cfp-alta-options>.cfp-alta-option--pro{order:2}.cfp-alta-options>.cfp-alta-option--free{order:1;position:sticky;top:110px;align-self:start}}.cfp-alta-choice .cfp-alta-option--pro .cfp-alta-garantia{display:flex!important;align-items:center!important;gap:16px!important;padding:18px 20px!important}.cfp-alta-choice .cfp-alta-option--pro .cfp-alta-garantia>svg{box-sizing:content-box;width:24px!important;height:24px!important;padding:11px;border-radius:50%;background:rgba(245,197,24,.12);border:1px solid rgba(245,197,24,.4);color:#f5c518;flex:0 0 auto;margin:0!important}.cfp-alta-choice .cfp-alta-option--pro .cfp-alta-garantia strong{margin-bottom:3px!important}.cfp-alta-choice .cfp-alta-price{font-variant-numeric:tabular-nums}.cfp-alta-choice .cfp-alta-recommended{width:fit-content}.cfp-alta-choice .cfp-alta-options{align-items:start}.cfp-alta-choice .cfp-alta-cta:focus-visible{outline:3px solid #2263a1;outline-offset:4px} .canarias-skip-link { position: absolute; top: -40px; left: 0; background: #003399; color: #fff; padding: 8px 16px; z-index: 100000; text-decoration: none; font-weight: 700; font-size: 14px; border-radius: 0 0 4px 0; transition: top .15s ease-out; } .canarias-skip-link:focus { top: 0; outline: 3px solid #E89330; outline-offset: 2px; } /* ABAJO — Chrome 135+ Android: inset ESTÁTICO máximo (alto real de la barra), no el dinámico (vale 0 + thrashing). ⛔ SOLO MÓVIL: sin la media query, el @supports aplica también en desktop (Chrome lo soporta con env()=0) y los 58px del body pintaban una FRANJA BLANCA bajo el footer en TODAS las páginas (Iván 3/7). */ @media (max-width: 767px) { @supports (padding: env(safe-area-max-inset-bottom)) { body { padding-bottom: calc(58px + env(safe-area-max-inset-bottom, 0px)) !important; } .cfp-appnav { padding-bottom: calc(6px + env(safe-area-max-inset-bottom, 0px)) !important; } #listeo-floating-chat-widget { bottom: calc(66px + env(safe-area-max-inset-bottom, 0px)) !important; } #ccn-cc-reopen { bottom: calc(94px + env(safe-area-max-inset-bottom, 0px)) !important; } /* a la altura del © (Iván 3/7) */ } } /* (Sin fallback de padding fijo: el sistema reserva la barra en la app; forzar px dejaba un hueco blanco. El "azul que se comía el menú" era el aviso de instalar, no la barra — arreglado en canarias-app-nudge.) */ /* ARRIBA — solo PWA instalada: empujar bajo la barra de estado (hueco navy = theme-color). */ @media (display-mode: standalone) { @supports (padding: env(safe-area-inset-top)) { html { padding-top: env(safe-area-inset-top); background-color: #122444; } } } #logo img{max-height:45px;}#header.cloned #logo img{max-width:120px;}body{font-family:Raleway;}/* cyrillic-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }/* cyrillic-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }/* cyrillic-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://canarias.app/wp-content/fonts/raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }