/* FLOR & SHINE — IDENTIDAD VISUAL APLICABLE / Propuesta V3.5
   Origen: composición de “Flor ref(2).pdf” + paleta oficial aprobada.
   No reintroduce bloques eliminados y mantiene los JS originales. */
:root {
  --fs-salvia: #5F8F7A;
  --fs-cielo: #A7C8F0;
  --fs-amarillo: #F7D37A;
  --fs-rosa: #E9B8C8;
  --fs-terracota: #E68B63;
  --fs-marfil: #FAF9F5;
  --fs-tinta: #254F41; /* tono funcional para lectura */
  --fs-gris: #52645B;
  --fs-borde: rgba(95,143,122,.19);
  --fs-radio: 26px;
  --fs-sombra: 0 12px 38px rgba(48,75,59,.07);
  --fs-espacio-seccion: clamp(44px, 5vw, 76px);
}
html {scroll-padding-top:84px}
body {font-family: 'Inter','Manrope',system-ui,-apple-system,'Segoe UI',sans-serif!important;background:var(--fs-marfil)!important;color:var(--fs-tinta)!important}
.shell {width:min(1240px,calc(100% - 72px))!important;max-width:1240px!important;margin-inline:auto!important}
.site-header{border-bottom:1px solid rgba(95,143,122,.14)!important;box-shadow:0 5px 20px rgba(45,67,56,.04)!important}
.header-inner{min-height:84px!important;gap:24px!important}
.header-cta{border-radius:999px!important;padding-inline:26px!important}
.nav-link{font-size:14px!important;font-weight:650!important}
.nav-link:hover,.nav-link:focus-visible{color:var(--fs-tinta)!important}
.brand-new-art{height:auto!important;max-height:62px!important;width:auto!important;max-width:225px!important;object-fit:contain!important}
/* Portada: imagen luminosa como protagonista, sin grandes masas verdes */
.hero.hero-v28{background:var(--fs-marfil)!important;border-bottom:0!important}
.hero-grid{min-height:475px!important;position:relative!important}
.hero-grid::before{background:linear-gradient(90deg,rgba(250,249,245,.97) 0%,rgba(250,249,245,.90) 22%,rgba(250,249,245,.42) 46%,rgba(250,249,245,0) 69%)!important}
.hero h1{font-weight:800!important;letter-spacing:-.055em!important;font-size:clamp(42px,4.5vw,70px)!important;line-height:1.02!important;max-width:680px!important}
.hero h1 span{color:var(--fs-salvia)!important}
.hero-description{font-size:clamp(15px,1.24vw,18px)!important;line-height:1.58!important;max-width:390px!important}
.hero-copy{padding-block:50px!important;max-width:540px!important}
.hero .hero-actions .btn{background:var(--fs-salvia)!important;color:white!important;border-radius:999px!important;padding:14px 27px!important;box-shadow:0 12px 25px #5F8F7A2a!important}
.hero .hero-actions{margin-top:20px!important}
.hero-note{display:none!important}
.hero-float-quote,.hero-floating-tag,.hero-photo-credit,.hero-photo-shine{display:none!important}
.hero-bottom-strip{background:rgba(255,255,255,.78)!important;border-bottom:1px solid var(--fs-borde)!important}
.strip-inner{min-height:88px!important;gap:18px!important}
.strip-inner>span{font-weight:650!important;color:var(--fs-tinta)!important;line-height:1.32!important}
.strip-icon{font-size:24px!important;color:var(--fs-salvia)!important}
/* Resultado visual: imagen fuerte y explicación breve. */
.comparison{padding:var(--fs-espacio-seccion) 0 42px!important;background:var(--fs-marfil)!important}
.comparison .section-overline{display:none!important}
.gallery-grid{align-items:center!important;gap:46px!important}
.gallery-copy .display-title{font-size:clamp(34px,3.3vw,51px)!important;letter-spacing:-.045em!important;line-height:1.03!important}
.gallery-copy .blue-text{color:var(--fs-salvia)!important}
.gallery-copy p{max-width:350px!important;line-height:1.65!important;font-size:15px!important}
.gallery-hint{display:inline-flex!important;background:rgba(167,200,240,.32)!important;border-radius:30px!important}
.compare-frame{overflow:hidden!important;border-radius:28px!important;border:3px solid white!important;box-shadow:var(--fs-sombra)!important}
/* Quote – 2 tarjetas, márgenes amplios, colores de apoyo. */
.v31-services{padding:18px 0 var(--fs-espacio-seccion)!important;background:var(--fs-marfil)!important}
.v31-services .areas-embedded>.shell{width:min(1240px,calc(100% - 72px))!important;max-width:1240px!important}
.v31-services .v31-grid{gap:22px!important}
.v31-services .v31-left,.v31-grid .v30-quote .form-card{background:#fff!important;border-radius:27px!important;box-shadow:var(--fs-sombra)!important;border:1px solid var(--fs-borde)!important}
.v31-services .v31-left{padding:26px!important}
.v31-grid .v30-quote .form-card{padding:26px!important}
.v31-left-head h2{font-size:32px!important;letter-spacing:-.045em!important}
.v31-left-head p{font-size:14px!important;line-height:1.55!important}
.v31-room-heading{font-size:18px!important}
.v31-left-services .wizard-choice,.v30-choice-grid .wizard-choice{background:#fff!important;box-shadow:none!important;border:1px solid var(--fs-borde)!important}
.v31-left-services .wizard-choice:nth-child(1),.v30-choice-grid .wizard-choice:nth-child(1){background:rgba(95,143,122,.09)!important}
.v31-left-services .wizard-choice:nth-child(2),.v30-choice-grid .wizard-choice:nth-child(2){background:rgba(167,200,240,.24)!important}
.v31-left-services .wizard-choice:nth-child(3),.v30-choice-grid .wizard-choice:nth-child(3){background:rgba(233,184,200,.18)!important}
.v31-left-services .wizard-choice.is-selected,.v30-choice-grid .wizard-choice.is-selected{border-color:var(--fs-salvia)!important;background:rgba(95,143,122,.16)!important;box-shadow:inset 0 0 0 1px var(--fs-salvia)!important}
.v30-step.is-current{background:rgba(247,211,122,.60)!important}
.v30-step:not(.is-current){background:rgba(167,200,240,.42)!important}
.v30-selected-preview{background:rgba(167,200,240,.22)!important;border-color:rgba(167,200,240,.36)!important}
.quantity-card.quantity-bedroom{background:rgba(167,200,240,.20)!important}
.quantity-card.quantity-bathroom{background:rgba(233,184,200,.19)!important}
.v30-action-row .wizard-next,.v30-action-row .submit-quote{border-radius:999px!important}
.v31-whatsapp-strip{border-radius:18px!important;background:linear-gradient(110deg,rgba(95,143,122,.12),rgba(247,211,122,.19))!important;box-shadow:none!important}
/* Tres pasos informativos: manchas suaves de color, no tarjetas estridentes. */
.how-to-request{padding:clamp(26px,4vw,52px) 0 var(--fs-espacio-seccion)!important}
.steps-head{margin-bottom:32px!important}
.steps-title{color:var(--fs-tinta)!important;font-size:clamp(38px,4.8vw,67px)!important}
.steps-title span{color:var(--fs-salvia)!important}
.steps-intro{font-size:16px!important;max-width:470px!important}
.steps-cards{gap:20px!important}
.step-card{min-height:255px!important;border-radius:25px!important;border:1px solid rgba(255,255,255,.66)!important;box-shadow:var(--fs-sombra)!important}
.step-card-sky{background:linear-gradient(135deg,rgba(167,200,240,.72),rgba(167,200,240,.45))!important}
.step-card-yellow{background:linear-gradient(135deg,rgba(247,211,122,.75),rgba(247,211,122,.43))!important}
.step-card-pink{background:linear-gradient(135deg,rgba(233,184,200,.72),rgba(233,184,200,.43))!important}
.step-card h3{font-size:clamp(22px,2vw,29px)!important}
.step-icon{color:var(--fs-salvia)!important}
/* FAQ / footer suaves */
.faq{padding:38px 0 70px!important;background:var(--fs-marfil)!important}
.faq-heading .display-title{font-size:clamp(33px,3.6vw,56px)!important}
.faq-list details{border-radius:14px!important;margin-bottom:9px!important;border-color:var(--fs-borde)!important;box-shadow:none!important}
.faq-list .faq-plus{background:rgba(233,184,200,.40)!important}
.site-footer{background:#F1F3EE!important;border-top:1px solid var(--fs-borde)!important}
.site-footer .footer-giant{display:none!important}
.site-footer .footer-cta{background:rgba(233,184,200,.32)!important}
/* Small screens */
@media(max-width:820px){
 .shell,.v31-services .areas-embedded>.shell{width:calc(100% - 38px)!important}
 .hero-grid{min-height:530px!important}
 .hero-grid::before{background:linear-gradient(180deg,rgba(250,249,245,.94),rgba(250,249,245,.50) 60%,transparent 94%)!important}
 .hero-copy{padding:28px 0!important}
 .gallery-grid{gap:22px!important}
 .v31-services .v31-left,.v31-grid .v30-quote .form-card{padding:20px!important}
 .steps-cards{gap:14px!important}
}
@media(max-width:560px){
 .shell,.v31-services .areas-embedded>.shell{width:calc(100% - 28px)!important}
 .hero h1{font-size:clamp(39px,11vw,50px)!important}
 .hero-description{font-size:14px!important}
 .hero-copy{padding-block:24px!important}
 .strip-inner{min-height:0!important}
 .v31-services .v31-left,.v31-grid .v30-quote .form-card{padding:14px!important;border-radius:20px!important}
 .v31-left-head h2{font-size:29px!important}
 .steps-cards{grid-template-columns:1fr!important}
 .step-card{min-height:200px!important}
 .step-icon{font-size:3.1rem!important}
}
@media(prefers-reduced-motion:reduce){.step-card,.btn{transition:none!important}}