/* ========================================================== ROOKIE IN TOWN — EXPERIENCE CORE · FOOTER v0.4.0 CSS encapsulado. No depende de Bootstrap ni Font Awesome. Escala tipográfica en px para evitar que el font-size raíz de WP Rentals reduzca visualmente todo el footer. ========================================================== */ :root { --rit-footer-orange: var(--rit-core-color-brand); --rit-footer-orange-dark: var(--rit-core-color-brand-dark); --rit-footer-orange-soft: var(--rit-core-color-brand-light); --rit-footer-gestia: var(--rit-core-color-gestia); --rit-footer-gestia-soft: var(--rit-core-color-gestia-light); --rit-footer-navy-950: var(--rit-core-color-navy-950); --rit-footer-navy-900: var(--rit-core-color-navy-900); --rit-footer-navy-850: var(--rit-core-color-navy-850); --rit-footer-white: var(--rit-core-color-white); --rit-footer-text: #eaf0f4; --rit-footer-muted: #bac7cf; --rit-footer-border: rgba(255, 255, 255, 0.12); --rit-footer-border-strong: rgba(255, 255, 255, 0.2); --rit-footer-shadow: 0 28px 80px rgba(0, 0, 0, 0.28); --rit-footer-radius-lg: var(--rit-core-radius-lg); --rit-footer-radius-md: var(--rit-core-radius-md); --rit-footer-container: var(--rit-core-container-wide); } /* Fallback para ocultar el footer heredado de WpRentals. Se activa únicamente cuando el PHP añade la clase al . */ body.rit-global-footer-active.rit-hide-legacy-footer #colophon, body.rit-global-footer-active.rit-hide-legacy-footer .footer_back_repeat, body.rit-global-footer-active.rit-hide-legacy-footer .footer_copyright, body.rit-global-footer-active.rit-hide-legacy-footer .sub_footer, body.rit-global-footer-active.rit-hide-legacy-footer .copyright-wrapper, body.rit-global-footer-active.rit-hide-legacy-footer .footer_wrapper:not(.rit-footer__container), body.rit-global-footer-active.rit-hide-legacy-footer > footer:not(#rit-global-footer), body.rit-global-footer-active.rit-hide-legacy-footer #page > footer:not(#rit-global-footer), body.rit-global-footer-active.rit-hide-legacy-footer .website-wrapper > footer:not(#rit-global-footer), body.rit-global-footer-active.rit-hide-legacy-footer footer:not(#rit-global-footer) { display: none !important; } /* El acceso permanente a las preferencias lo aporta el footer. Ocultamos únicamente la pestaña/botón flotante del Asesor de Cookies, no el banner inicial ni su botón interno «Configurar». */ body.rit-global-footer-active > button.cdp-cookies-preferences, body.rit-global-footer-active > [data-cdp-cookies-open-preferences], body.rit-global-footer-active button.cdp-cookies-preferences[data-cdp-cookies-open-preferences] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* El panel de cookies gestiona su propia capa visual. El footer no fuerza overflow:hidden sobre el body, evitando que el scroll quede bloqueado después de cerrar o guardar las preferencias. */ /* Evita huecos residuales del footer anterior. */ body.rit-global-footer-active #all_wrapper, body.rit-global-footer-active .website-wrapper, body.rit-global-footer-active .content_wrapper, body.rit-global-footer-active .container.main_wrapper { margin-bottom: 0 !important; padding-bottom: 0 !important; } .rit-footer, .rit-footer *, .rit-footer *::before, .rit-footer *::after { box-sizing: border-box; } .rit-footer { position: relative; z-index: 5; isolation: isolate; overflow: hidden; width: 100%; margin: 0; color: var(--rit-footer-text); background: radial-gradient(circle at 88% 10%, rgba(234, 122, 17, 0.15), transparent 500px), radial-gradient(circle at 8% 78%, rgba(56, 140, 184, 0.11), transparent 540px), linear-gradient(145deg, var(--rit-footer-navy-950) 0%, var(--rit-footer-navy-850) 56%, #061722 100%); border-top: 1px solid rgba(255, 255, 255, 0.08); font-family: inherit; font-size: 17px; line-height: 1.55; text-align: left; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .rit-footer a { color: inherit; text-decoration: none; } .rit-footer button, .rit-footer a { -webkit-tap-highlight-color: transparent; } .rit-footer a:focus-visible, .rit-footer button:focus-visible { outline: 3px solid rgba(255, 178, 106, 0.95); outline-offset: 4px; border-radius: 8px; } .rit-footer__glow { position: absolute; z-index: -1; width: 420px; height: 420px; border-radius: 50%; filter: blur(85px); opacity: 0.16; pointer-events: none; } .rit-footer__glow--one { top: -270px; right: -90px; background: var(--rit-footer-orange); } .rit-footer__glow--two { bottom: -320px; left: -120px; background: #2a93c8; } .rit-footer__container { width: min(calc(100% - 72px), var(--rit-footer-container)); margin-inline: auto; padding: 52px 0 24px; } /* CTA Gestia compacto */ .rit-footer__owner-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; margin: 0 0 42px; padding: 22px 24px 22px 30px; color: var(--rit-footer-white); background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.12); border-left: 3px solid var(--rit-footer-gestia); border-radius: 20px; box-shadow: 0 16px 42px rgba(0, 0, 0, 0.13); } .rit-footer__owner-copy { min-width: 0; max-width: 940px; } .rit-footer__eyebrow { display: block; margin-bottom: 6px; color: var(--rit-footer-gestia-soft); font-size: 12px; font-weight: 800; letter-spacing: 1.35px; line-height: 1.25; text-transform: uppercase; } .rit-footer__owner-card h2 { margin: 0; color: var(--rit-footer-white); font-size: clamp(21px, 1.55vw, 25px); font-weight: 800; letter-spacing: -0.45px; line-height: 1.16; } .rit-footer__owner-card p { max-width: 760px; margin: 7px 0 0; color: rgba(234, 240, 244, 0.82); font-size: 16px; line-height: 1.5; } .rit-footer__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; min-width: 205px; min-height: 50px; padding: 0 22px !important; border-radius: 999px !important; font-family: inherit !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; white-space: nowrap; opacity: 1 !important; visibility: visible !important; text-decoration: none !important; text-transform: none !important; text-indent: 0 !important; transition: color 180ms ease, transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .rit-footer__button span { display: inline-block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; opacity: 1 !important; visibility: visible !important; font: inherit !important; line-height: 1 !important; -webkit-text-fill-color: currentColor !important; } .rit-footer__button svg { display: block !important; width: 18px !important; height: 18px !important; flex: 0 0 18px; color: inherit !important; opacity: 1 !important; visibility: visible !important; transition: transform 180ms ease; } .rit-footer__button--gestia, .rit-footer a.rit-footer__button--gestia, #rit-global-footer a.rit-footer__button--gestia { color: #f4fbfb !important; background: rgba(87, 193, 187, 0.08) !important; border: 1px solid rgba(138, 219, 214, 0.38) !important; -webkit-text-fill-color: #f4fbfb !important; box-shadow: none !important; } .rit-footer__button--gestia span, #rit-global-footer a.rit-footer__button--gestia span { color: inherit !important; -webkit-text-fill-color: currentColor !important; } .rit-footer__button--gestia svg { color: var(--rit-footer-gestia-soft) !important; } .rit-footer__button--gestia:hover, .rit-footer__button--gestia:focus-visible { color: #08202c !important; background: var(--rit-footer-gestia-soft) !important; border-color: var(--rit-footer-gestia-soft) !important; -webkit-text-fill-color: #08202c !important; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important; } .rit-footer__button--gestia:hover svg, .rit-footer__button--gestia:focus-visible svg { color: #08202c !important; transform: translateX(3px); } /* Bloque principal */ .rit-footer__main { display: grid; grid-template-columns: minmax(280px, 1.05fr) minmax(0, 2.95fr); gap: clamp(48px, 5vw, 88px); align-items: start; } .rit-footer__brand-column { max-width: 390px; } .rit-footer__brand { display: inline-flex; align-items: center; color: var(--rit-footer-white); } /* Logotipo adaptado para fondo oscuro: cara + “rookie” + “town” en blanco y “in” en naranja. */ .rit-footer__brand-logo { display: block; width: 178px; max-width: 100%; height: auto; transition: transform 180ms ease, opacity 180ms ease; } .rit-footer__brand:hover .rit-footer__brand-logo { transform: translateY(-2px); opacity: 0.98; } .rit-footer__claim { margin: 23px 0 8px; color: var(--rit-footer-white); font-size: 20px; font-weight: 800; letter-spacing: -0.35px; line-height: 1.25; } .rit-footer__description { max-width: 390px; margin: 0; color: var(--rit-footer-muted); font-size: 16.5px; line-height: 1.62; } .rit-footer__social { display: flex; gap: 11px; margin-top: 22px; } .rit-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; color: #e1e9ee; background: rgba(255, 255, 255, 0.055); border: 1px solid var(--rit-footer-border); border-radius: 14px; transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease; } .rit-footer__social a:hover { color: var(--rit-footer-white); background: rgba(234, 122, 17, 0.13); border-color: rgba(234, 122, 17, 0.42); transform: translateY(-2px); } .rit-footer__social svg { display: block; width: 21px; height: 21px; } .rit-footer__nav { display: grid; grid-template-columns: minmax(180px, 0.9fr) minmax(180px, 0.9fr) minmax(270px, 1.2fr); gap: clamp(34px, 3.2vw, 56px); } .rit-footer__group-title { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 0 22px; padding: 0; color: var(--rit-footer-white); background: transparent; border: 0; font: inherit; font-size: 18px; font-weight: 800; letter-spacing: 0.1px; line-height: 1.3; text-align: left; cursor: default; } .rit-footer__group-title svg { display: none; width: 19px; height: 19px; transition: transform 180ms ease; } .rit-footer__links { display: grid; gap: 15px; margin: 0; padding: 0; list-style: none; } .rit-footer__links a, .rit-footer__legal a, .rit-footer__legal button { position: relative; color: var(--rit-footer-muted); font-size: 17px; line-height: 1.55; transition: color 170ms ease; } .rit-footer__links a::after, .rit-footer__legal a::after, .rit-footer__legal button::after { content: ""; position: absolute; right: 0; bottom: -3px; left: 0; height: 1px; background: var(--rit-footer-orange-soft); transform: scaleX(0); transform-origin: right; transition: transform 190ms ease; } .rit-footer__links a:hover, .rit-footer__legal a:hover, .rit-footer__legal button:hover { color: var(--rit-footer-white); } .rit-footer__links a:hover::after, .rit-footer__legal a:hover::after, .rit-footer__legal button:hover::after { transform: scaleX(1); transform-origin: left; } .rit-footer__contact-list { display: grid; gap: 18px; margin: 0; font-style: normal; } .rit-footer__contact-item { display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 13px; align-items: start; color: var(--rit-footer-muted); font-size: 16.5px; line-height: 1.55; transition: color 170ms ease; } .rit-footer__contact-item:hover { color: var(--rit-footer-white); } .rit-footer__contact-item svg { width: 23px; height: 23px; margin-top: 1px; color: var(--rit-footer-orange-soft); } .rit-footer__contact-item strong { color: #edf4f7; font-weight: 800; } .rit-footer__appointment { display: inline-block; margin-top: 3px; color: rgba(186, 199, 207, 0.72); font-size: 13.5px; line-height: 1.35; } /* Franja legal */ .rit-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--rit-footer-border); } .rit-footer__legal, .rit-footer__meta, .rit-footer__languages { display: flex; align-items: center; } .rit-footer__legal { flex-wrap: wrap; gap: 10px 20px; } .rit-footer__legal a, .rit-footer__legal button { font-size: 14px; } .rit-footer__legal button { appearance: none; margin: 0; padding: 0; color: var(--rit-footer-muted); background: transparent; border: 0; font-family: inherit; line-height: 1.55; text-align: left; cursor: pointer; } .rit-footer__meta { gap: 18px; color: #a3b3bd; font-size: 14px; white-space: nowrap; } .rit-footer__meta p { margin: 0; } .rit-footer__languages { gap: 6px; font-weight: 800; } .rit-footer__languages a { color: #a3b3bd; transition: color 170ms ease; } .rit-footer__languages a:hover, .rit-footer__languages a[aria-current="page"] { color: var(--rit-footer-white); } @media (max-width: 1080px) { .rit-footer__container { width: min(calc(100% - 48px), var(--rit-footer-container)); } .rit-footer__main { grid-template-columns: 1fr; gap: 42px; } .rit-footer__brand-column { max-width: 680px; } .rit-footer__brand-logo { width: 165px; } .rit-footer__nav { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rit-footer__bottom { align-items: flex-start; flex-direction: column; } } @media (max-width: 900px) { .rit-footer__container { width: min(calc(100% - 36px), var(--rit-footer-container)); padding-top: 42px; } .rit-footer__owner-card { grid-template-columns: 1fr; gap: 18px; margin: 0 0 36px; padding: 22px 24px; } .rit-footer__button { width: 100%; max-width: 300px; } .rit-footer__nav { gap: 30px; } } @media (max-width: 767px) { .rit-footer__container { width: min(calc(100% - 28px), var(--rit-footer-container)); padding-top: 30px; padding-bottom: 22px; } .rit-footer__main { gap: 34px; } .rit-footer__brand-column { max-width: none; } .rit-footer__brand-logo { width: 158px; } .rit-footer__claim { margin-top: 20px; font-size: 19px; } .rit-footer__description { font-size: 16px; } .rit-footer__social a { width: 44px; height: 44px; } .rit-footer__nav { display: block; border-top: 1px solid var(--rit-footer-border); } .rit-footer__group { border-bottom: 1px solid var(--rit-footer-border); } .rit-footer__group-title { min-height: 60px; margin: 0; font-size: 17.5px; cursor: pointer; } .rit-footer__group-title svg { display: block; } .rit-footer__group-title[aria-expanded="true"] svg { transform: rotate(180deg); } .rit-footer__panel { padding: 0 0 22px; } .rit-footer__links { gap: 13px; } .rit-footer__links a, .rit-footer__contact-item { font-size: 16px; } .rit-footer__owner-card { margin: 0 0 30px; padding: 21px 20px; border-radius: 17px; } .rit-footer__owner-card h2 { font-size: 22px; } .rit-footer__owner-card p { font-size: 15.5px; } .rit-footer__button { max-width: none; min-height: 50px; } .rit-footer__bottom { margin-top: 24px; padding-top: 18px; } .rit-footer__meta { align-items: flex-start; flex-direction: column; gap: 9px; white-space: normal; } } @media (max-width: 420px) { .rit-footer__container { width: min(calc(100% - 22px), var(--rit-footer-container)); } .rit-footer__brand-logo { width: 150px; } .rit-footer__owner-card { padding: 20px 17px; } } @media (prefers-reduced-motion: reduce) { .rit-footer *, .rit-footer *::before, .rit-footer *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }