/* Footer COMPTELIER España v1 — CSS aislado del resto de la web */
body .footer-sample{--purple:#290b47;--navy:#131d2a;--turquoise:#66cad4;--turquoise-hot:#19c7d2;--white:#fff;--muted:#bcc5d4;--line:rgba(235,244,250,.18)}
body .footer-sample *{box-sizing:border-box}
body .footer-sample{scroll-behavior:smooth}
body .footer-sample{padding:0;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f5f9f9;color:white}
body .footer-sample a{text-decoration:none;color:inherit}
body .footer-sample a:focus-visible{outline:2px solid var(--turquoise);outline-offset:5px;border-radius:4px}
body .footer-sample{background:radial-gradient(ellipse 50% 36% at 100% 0%,rgba(85,38,124,.22),transparent 70%),linear-gradient(165deg,#1d122f 0%,#200e39 52%,#181223 100%);padding:58px clamp(20px,5vw,68px) 28px;min-height:830px;}
body .footer-sample .container{max-width:1320px;margin:auto}
body .footer-sample .pretitle{text-transform:uppercase;letter-spacing:.17em;color:#78d3d9;font-size:12px;font-weight:850;margin-bottom:13px}
body .footer-sample .pretitle:before{content:"";display:inline-block;width:7px;height:7px;background:var(--turquoise-hot);border-radius:50%;margin-right:10px;vertical-align:2px}
body .footer-sample .cta-section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:55px;align-items:center;padding:0 0 38px}
body .footer-sample .cta-section h2{margin:0 0 12px;font-size:clamp(26px,3vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.045em;max-width:760px}
body .footer-sample .cta-section p{color:#e1dbe9;font-size:15px;line-height:1.7;max-width:740px;margin:0}
body .footer-sample .primary-cta{display:inline-flex;align-items:center;gap:22px;justify-content:space-between;min-height:57px;padding:16px 21px;border-radius:11px;background:var(--turquoise-hot);color:#122733;font-weight:850;font-size:14px;box-shadow:0 12px 35px rgba(0,0,0,.22);white-space:nowrap;transition:transform .2s,background .2s}
body .footer-sample .primary-cta:hover{transform:translateY(-2px);background:#7ee0e5}
body .footer-sample .primary-cta .arrow{font-size:22px;line-height:1;font-weight:600}
body .footer-sample .divider{height:1px;background:var(--line)}
body .footer-sample .nav-section{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(115px,1fr));gap:clamp(19px,3vw,45px);padding:40px 0 39px}
body .footer-sample .logo-badge{width:206px;max-width:100%;border-radius:12px;background:#fff;display:flex;align-items:center;padding:14px 17px;margin-bottom:17px}
body .footer-sample .logo-badge img{width:100%;height:auto;max-height:46px;object-fit:contain;display:block}
body .footer-sample .brand-caption{font-size:15px;font-weight:800;line-height:1.45;margin-bottom:10px}
body .footer-sample .brand-info{font-size:12px;line-height:1.75;color:var(--muted);max-width:285px;margin:0}
body .footer-sample .brand-subdivider{width:100%;max-width:275px;border-bottom:1px solid var(--line);margin:22px 0 17px}
body .footer-sample .contact-title{font-size:13px;font-weight:800;margin-bottom:8px}
body .footer-sample .contact-link{font-size:12px;color:var(--turquoise);font-weight:750;display:inline-block;margin-bottom:7px}
body .footer-sample .small-note{font-size:11px;color:#aeb6c8;line-height:1.65}
body .footer-sample .link-col h3{font-size:13px;line-height:1.4;color:white;margin:1px 0 16px;font-weight:820;letter-spacing:-.012em}
body .footer-sample .link-col ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
body .footer-sample .link-col a{display:inline-block;font-size:12px;line-height:1.5;color:#d2cddc;transition:color .17s}
body .footer-sample .link-col a:hover,body .footer-sample .contact-link:hover{color:#7af0ee;text-decoration:underline;text-underline-offset:4px}
body .footer-sample .info-section{padding:33px 0 30px}
body .footer-sample .info-chip{display:inline-block;color:#ecfaff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:40px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.085em;text-transform:uppercase;margin-bottom:22px}
body .footer-sample .info-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px}
body .footer-sample .info-columns p{font-size:12px;line-height:1.75;color:#c0c3d3;margin:0;max-width:585px}
body .footer-sample .criteria-box{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.055);border-radius:17px;padding:27px 30px 29px;margin:20px 0 35px}
body .footer-sample .criteria-box .kicker{font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--turquoise);margin-bottom:10px}
body .footer-sample .criteria-box h3{font-size:19px;font-weight:800;margin:0 0 20px}
body .footer-sample .criteria-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body .footer-sample .criteria-item{border-left:2px solid var(--turquoise);padding-left:14px}
body .footer-sample .criteria-item strong{display:block;font-size:13px;margin-bottom:7px;color:#fff}
body .footer-sample .criteria-item p{font-size:11.5px;line-height:1.6;color:#bec6d3;margin:0}
body .footer-sample .bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;color:#b7c0cb;font-size:11px;letter-spacing:.005em;padding:19px 0 0}
body .footer-sample .bottom b{color:#fff;font-size:12px;letter-spacing:.09em;margin-right:12px}
@media(max-width:1060px){body .footer-sample .nav-section{grid-template-columns:repeat(4,minmax(0,1fr))}
body .footer-sample .brand-col{grid-column:span 4;display:grid;grid-template-columns:230px 1fr;gap:5px 28px;align-items:start}
body .footer-sample .brand-col .logo-badge{grid-row:span 3}
body .footer-sample .brand-subdivider{display:none}
body .footer-sample .brand-col .contact-title{grid-column:2}
body .footer-sample .brand-col .contact-link{grid-column:2}
body .footer-sample .brand-col .small-note{grid-column:2}
body .footer-sample .criteria-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body .footer-sample{padding:38px 20px 26px}
body .footer-sample .cta-section{grid-template-columns:1fr;gap:24px}
body .footer-sample .cta-section h2{font-size:32px}
body .footer-sample .cta-section p{font-size:14px}
body .footer-sample .primary-cta{width:100%;justify-content:space-between}
body .footer-sample .nav-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}
body .footer-sample .brand-col{grid-column:span 2;display:block;padding-bottom:7px}
body .footer-sample .brand-subdivider{display:block}
body .footer-sample .link-col h3{margin-bottom:12px}
body .footer-sample .link-col ul{gap:12px}
body .footer-sample .link-col a{font-size:12px}
body .footer-sample .info-columns{grid-template-columns:1fr;gap:15px}
body .footer-sample .criteria-box{padding:23px 20px}
body .footer-sample .criteria-grid{gap:22px 14px}
body .footer-sample .criteria-item{padding-left:10px}
body .footer-sample .bottom{flex-direction:column;align-items:flex-start;gap:8px}
body .footer-sample .brand-info{max-width:100%}}
@media(max-width:350px){body .footer-sample .nav-section{grid-template-columns:1fr}
body .footer-sample .brand-col{grid-column:span 1}
body .footer-sample .criteria-grid{grid-template-columns:1fr}}
body .footer-sample .example-box{border:1px solid rgba(235,244,250,.28);background:rgba(255,255,255,.075);border-radius:17px;padding:28px 30px 30px;margin:20px 0 35px}
body .footer-sample .example-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
body .footer-sample .example-kicker{font-size:11px;font-weight:850;letter-spacing:.115em;text-transform:uppercase;color:var(--turquoise)}
body .footer-sample .example-pill{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.26);font-size:11px;color:#e7e4ee;font-weight:720;text-align:center}
body .footer-sample .example-lead{font-size:15px;line-height:1.73;font-weight:650;color:#fff;margin:0 0 19px;max-width:1150px}
body .footer-sample .example-lead strong{color:#fff;font-weight:850}
body .footer-sample .example-detail{font-size:12.5px;line-height:1.75;color:#d7d2e1;margin:0 0 17px;max-width:1110px}
body .footer-sample .example-detail strong{color:#e6fbfb;font-weight:750}
body .footer-sample .example-disclaimer{font-size:11px;line-height:1.7;color:#b8b6ca;margin:0;max-width:1150px}
@media(max-width:680px){body .footer-sample .example-box{padding:22px 19px 24px;margin-top:18px}
body .footer-sample .example-top{align-items:flex-start;gap:10px;margin-bottom:18px}
body .footer-sample .example-pill{border-radius:10px;text-align:left;white-space:normal}
body .footer-sample .example-lead{font-size:14px;line-height:1.75}
body .footer-sample .example-detail{font-size:12px}
body .footer-sample .example-disclaimer{font-size:11px}}
body .footer-sample .footer-locale-row{display:flex;justify-content:flex-start;align-items:flex-start;padding:19px 0 0}
body .footer-sample .footer-locale{position:relative;z-index:20;width:100%;max-width:275px;min-width:0}
body .footer-sample .footer-locale summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 13px;border:1px solid rgba(102,202,212,.7);border-radius:12px;background:#fff;color:#2c1a46;font-size:12px;font-weight:750;cursor:pointer;list-style:none;transition:background .18s,border-color .18s,box-shadow .18s;box-shadow:0 10px 28px rgba(16,17,39,.08)}
body .footer-sample .footer-locale summary::-webkit-details-marker{display:none}
body .footer-sample .footer-locale summary:hover,body .footer-sample .footer-locale[open] summary{background:#fff;border-color:rgba(102,202,212,.95);box-shadow:0 12px 30px rgba(16,17,39,.11)}
body .footer-sample .footer-locale summary:focus-visible{outline:2px solid var(--turquoise-hot);outline-offset:3px}
body .footer-sample .footer-locale-icon{font-size:20px;line-height:1}
body .footer-sample .footer-locale-caption{color:#a9afbf;font-size:11px;font-weight:600;margin-right:auto}
body .footer-sample .footer-locale-caption strong{color:#2c1a46;display:block;font-size:12px;font-weight:800;margin-top:1px}
body .footer-sample .footer-locale-chevron{width:10px;height:10px;border-right:2px solid var(--turquoise);border-bottom:2px solid var(--turquoise);transform:rotate(45deg) translateY(-3px);margin:0 5px;transition:transform .18s}
body .footer-sample .footer-locale[open] .footer-locale-chevron{transform:rotate(225deg) translate(-1px,-1px)}
body .footer-sample .footer-locale-menu{position:static;margin-top:8px;z-index:30;width:100%;padding:7px;border:1px solid rgba(235,244,250,.24);border-radius:13px;background:#24143b;box-shadow:0 18px 38px rgba(0,0,0,.36);display:grid;gap:2px}
body .footer-sample .footer-locale-menu a{min-height:42px;display:flex;align-items:center;gap:10px;border-radius:8px;padding:9px 10px;color:#e3e2eb;font-size:12px;line-height:1.3;font-weight:600;transition:background .18s,color .18s}
body .footer-sample .footer-locale-menu a:hover,body .footer-sample .footer-locale-menu a:focus-visible{background:rgba(102,202,212,.16);color:#fff}
body .footer-sample .footer-locale-menu a[aria-current="page"]{background:rgba(102,202,212,.15);color:#a0f0ee;font-weight:800}
body .footer-sample .footer-locale-menu a .check{margin-left:auto;font-size:14px}
body .footer-sample .nav-section{padding-top:27px}
@media(max-width:680px){body .footer-sample .footer-locale-row{justify-content:flex-start;padding-top:17px}
body .footer-sample .footer-locale{width:100%;min-width:0}
body .footer-sample .footer-locale-menu{left:0;right:auto;width:100%}
body .footer-sample .nav-section{padding-top:25px}}
body .footer-sample .container{width:100%;max-width:1320px;margin-left:auto;margin-right:auto}

body .footer-sample{color:#fff;isolation:isolate}