.content-page { background: #f4f1ea; color: #1c1b1a; }
.page-heading { padding: 26px max(32px, calc((100vw - 1240px) / 2)); background: #f47528; color: #fff; }
.page-heading .eyebrow { color: #fff; }.page-heading .eyebrow span { background: #1c1b1a; }
.page-heading h1 { margin: 13px 0 0; font-size: clamp(39px, 5.7vw, 76px); line-height: .92; letter-spacing: -.065em; }
.page-layout { max-width: 1240px; margin: auto; padding: 76px 32px 110px; }
.centre-intro { max-width: 1020px; margin: 0 0 92px; border-top: 1px solid #d4cec3; border-bottom: 1px solid #d4cec3; }
.centre-intro__location { margin: 0; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.centre-intro__content { position: relative; padding: 54px 56px 34px; }
.centre-intro__content::before { content: '“'; position: absolute; top: 29px; right: 3px; color: #e7dfd2; font-family: Georgia, serif; font-size: 158px; line-height: 1; }
.centre-intro__location { position: relative; z-index: 1; margin-bottom: 31px; color: #f47528; }
.centre-intro h2 { position: relative; z-index: 1; max-width: 680px; margin: 0 0 25px; font-size: clamp(39px, 5.1vw, 69px); font-weight: 600; line-height: .92; letter-spacing: -.075em; }
.centre-intro__copy { position: relative; z-index: 1; max-width: 650px; margin: 0 0 18px; font-size: 15px; line-height: 1.7; }
.centre-intro__copy + .centre-intro__copy { max-width: 610px; color: #54514d; }
.centre-intro__pillars { display: flex; flex-wrap: wrap; gap: 0; margin: 37px 0 33px; padding: 0; border-top: 1px solid #d4cec3; border-bottom: 1px solid #d4cec3; list-style: none; }
.centre-intro__pillars li { flex: 1 1 145px; padding: 14px 17px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.centre-intro__pillars li + li { border-left: 1px solid #d4cec3; }
.centre-intro__welcome { display: inline-flex; align-items: center; gap: 12px; margin: 0; color: #f47528; font-size: 21px; font-weight: 600; letter-spacing: -.045em; }
.centre-intro__welcome span { font-size: 25px; transition: transform .22s ease; }.centre-intro:hover .centre-intro__welcome span { transform: translate(4px, -4px); }
.statement-label { margin: 0 0 34px; color: #f47528; font-size: 12px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.statement-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #d4cec3; }
.statement-grid article { min-height: 250px; padding: 29px 28px 28px 0; border-bottom: 1px solid #d4cec3; }
.statement-grid article + article { padding-left: 28px; border-left: 1px solid #d4cec3; }
.statement-grid h2 { margin: 0 0 16px; color: #f47528; font-size: 25px; line-height: 1; letter-spacing: -.05em; }.statement-grid p { max-width: 300px; margin: 0; font-size: 14px; line-height: 1.65; }
.values { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; }.values span { padding: 11px 15px; border: 1px solid #1c1b1a; border-radius: 100px; font-size: 12px; font-weight: 600; }
.insurance-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d4cec3; border-left: 1px solid #d4cec3; }
.insurance-grid figure { height: 138px; display: grid; place-items: center; margin: 0; padding: 22px; border-right: 1px solid #d4cec3; border-bottom: 1px solid #d4cec3; background: #fffdf8; }.insurance-grid img { max-width: 100%; max-height: 72px; object-fit: contain; }
.faq { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; margin-top: 96px; }.faq h2 { grid-column: 1 / -1; margin: 0 0 22px; font-size: clamp(32px, 4vw, 51px); letter-spacing: -.06em; }.faq article { padding: 24px 0; border-top: 1px solid #d4cec3; }.faq h3 { margin: 0 0 12px; font-size: 16px; line-height: 1.35; }.faq p { margin: 0; font-size: 14px; line-height: 1.66; }
.contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; }.contact-intro h2 { margin: 0 0 26px; color: #f47528; font-size: clamp(36px, 4vw, 58px); letter-spacing: -.07em; }.contact-list { border-top: 1px solid #d4cec3; }.contact-list div { padding: 25px 0; border-bottom: 1px solid #d4cec3; }.contact-list h3 { margin: 0 0 9px; color: #f47528; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }.contact-list p, .contact-list a, .contact-list address { margin: 0; color: inherit; font-size: 16px; font-style: normal; line-height: 1.55; text-decoration: none; }.map-link { display: flex; align-items: end; min-height: 360px; padding: 28px; background: linear-gradient(140deg, rgba(244,117,40,.95), rgba(28,27,26,.96)), url('assets/centro-recepcion.jpg') center / cover; color: #fff; text-decoration: none; }.map-link strong { max-width: 250px; font-size: 25px; line-height: 1.05; letter-spacing: -.05em; }
.cookie-copy { max-width: 820px; }.cookie-copy.motion-reveal { opacity: 1; transform: none; }.cookie-copy h2 { margin: 58px 0 17px; font-size: clamp(28px, 3.4vw, 43px); letter-spacing: -.06em; }.cookie-copy h3 { margin: 30px 0 10px; color: #f47528; font-size: 15px; }.cookie-copy p, .cookie-copy li { font-size: 14px; line-height: 1.7; }.cookie-copy p { margin: 0 0 16px; }.cookie-copy ul { padding-left: 20px; }.cookie-notice { padding: 25px; border-left: 5px solid #f47528; background: #ebe5db; }
@media (max-width: 760px) { .page-heading { padding: 22px 22px; }.page-heading h1 { font-size: 41px; }.page-layout { padding: 54px 22px 76px; }.centre-intro { margin-bottom: 65px; }.centre-intro__content { padding: 35px 0 27px; }.centre-intro__content::before { top: 17px; font-size: 115px; }.centre-intro__location { max-width: 280px; margin-bottom: 25px; line-height: 1.4; }.centre-intro h2 { max-width: 510px; margin-bottom: 22px; font-size: clamp(37px, 11vw, 55px); }.centre-intro__copy { font-size: 14px; }.centre-intro__pillars { margin: 29px 0; }.centre-intro__pillars li { flex-basis: 100%; padding: 13px 0; }.centre-intro__pillars li + li { border-top: 1px solid #d4cec3; border-left: 0; }.statement-grid, .faq, .contact-layout { grid-template-columns: 1fr; }.statement-grid article + article { padding-left: 0; border-left: 0; }.statement-grid article { min-height: auto; }.statement-grid h2 { margin-bottom: 22px; }.insurance-grid { grid-template-columns: repeat(2, 1fr); }.faq { gap: 0; margin-top: 64px; }.contact-layout { gap: 48px; }.map-link { min-height: 260px; } }