/* Flor & Shine V3.3 — identidad visual aprobada; seis colores oficiales.
   Verde salvia #5F8F7A · azul cielo #A7C8F0 · amarillo #F7D37A
   rosa #E9B8C8 · terracota #E68B63 · marfil #FAF9F5.
   Textos en una variación oscura del salvia para contraste accesible. */
:root{
  --sage:#5F8F7A; --sky:#A7C8F0; --yellow:#F7D37A; --pink:#E9B8C8;
  --terra:#E68B63; --cream:#FAF9F5;
  --navy:#254F41;--navy2:#23493D;--ink:#23493D;--muted:#5C6F66;
  --cyan:#5F8F7A;--cyan-dark:#5F8F7A;--pale:#FAF9F5;
  --white:#FFFFFF;--line:#DFE8E0;--pine:#5F8F7A;
}
html{scroll-padding-top:80px}
body{background:var(--cream)!important;color:var(--ink);}
:focus-visible{outline-color:var(--terra)}
::selection{background:var(--yellow);color:var(--ink)}
.concept-banner{display:none!important}
.site-header{background:rgba(250,249,245,.96)!important;border-color:#5F8F7A32!important}
.nav-link{color:var(--ink)!important}.nav-link:hover{color:var(--sage)!important}
.brand-new-art{filter:none;max-height:76px}
.header-cta,.btn-navy,.btn-yellow,.v30-action-row .wizard-next,.v30-action-row .submit-quote{
  background:var(--sage)!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 9px 24px #5F8F7A25!important
}
.header-cta:hover,.btn-navy:hover,.btn-yellow:hover,.v30-action-row .wizard-next:hover,.v30-action-row .submit-quote:hover{
  background:#4C7564!important;color:#fff!important
}
.btn-outline{color:var(--ink)!important;background:#fff!important;border-color:var(--sage)!important}
.btn-outline:hover{background:var(--cream)!important}
.mobile-nav{background:var(--cream)!important}
.mobile-nav .mobile-nav-cta{background:var(--sage)!important;color:#fff!important}
/* Portada: marfil cálido y velo fotográfico interactivo (sigue en Canvas). */
.hero.hero-v28{background:var(--cream)!important}
.hero-grid::before{background:linear-gradient(90deg,rgba(250,249,245,.96) 0%,rgba(250,249,245,.87) 27%,rgba(250,249,245,.57) 47%,rgba(250,249,245,0) 78%)!important}
.hero h1,.hero h1 span{color:var(--ink)!important;text-shadow:0 1px 12px #FAF9F5b5}
.hero h1 span{color:var(--sage)!important}
.hero-description{color:var(--ink)!important}
.hero .hero-actions .btn{background:var(--sage)!important;color:#fff!important}
.hero-fog-hint{color:var(--ink)!important;background:rgba(250,249,245,.96)!important;border-color:#5F8F7A44!important}
.hero-bottom-strip{background:var(--cream)!important;border-color:#5F8F7A20!important;box-shadow:none!important}
.strip-inner>span{color:var(--ink)!important;border-color:#5F8F7A24!important}
.strip-icon{color:var(--sage)!important}
/* Ejemplo de estufa aprobado. */
.comparison{background:var(--cream)!important;padding:45px 0 54px!important}
.gallery-copy .display-title{color:var(--ink)!important}
.display-title,.blue-text{color:var(--sage)!important}
.gallery-copy p,.gallery-disclaimer{color:var(--muted)!important}
.gallery-hint{background:#A7C8F044!important;color:var(--ink)!important}
.compare-frame{border-color:#fff!important;background:var(--cream)!important;box-shadow:0 14px 35px #5F8F7A1a!important}
.compare-label{color:var(--ink)!important}
.label-after{background:#A7C8F0aa!important}
.compare-handle{color:var(--sage)!important;border-color:var(--sage)!important}
/* Cotización de dos tarjetas, exactamente el patrón elegido. */
.v31-services{background:var(--cream)!important;padding:36px 0 62px!important}
.v31-services .areas-embedded{background:transparent!important}
.v31-services .v31-left,.v31-grid .v30-quote .form-card{
  background:#fff!important;border:1px solid #5F8F7A27!important;
  box-shadow:0 10px 34px #5F8F7A13!important;border-radius:27px!important
}
.v31-left-head h2{color:var(--ink)!important}
.v31-left-head p{color:var(--muted)!important}
.v31-room-heading,.v30-panel>h4,.v31-grid .v30-panel>h4{color:var(--ink)!important}
.v31-left-services .wizard-choice,.v30-choice-grid .wizard-choice{
  color:var(--ink)!important;background:#fff!important;border-color:#5F8F7A34!important;box-shadow:0 3px 12px #5F8F7A12!important
}
.v31-left-services .wizard-choice:nth-child(1),.v30-choice-grid .wizard-choice:nth-child(1){background:#5F8F7A10!important}
.v31-left-services .wizard-choice:nth-child(2),.v30-choice-grid .wizard-choice:nth-child(2){background:#A7C8F01c!important}
.v31-left-services .wizard-choice:nth-child(3),.v30-choice-grid .wizard-choice:nth-child(3){background:#E9B8C81b!important}
.v31-left-services .wizard-choice.is-selected,.v30-choice-grid .wizard-choice.is-selected{
  background:#5F8F7A20!important;border-color:var(--sage)!important;box-shadow:inset 0 0 0 1px var(--sage)!important
}
.v31-left-services .wizard-choice strong,.v30-choice-grid .wizard-choice strong{color:var(--ink)!important}
.v31-left-services .wizard-choice small,.v30-choice-grid .wizard-choice small{color:var(--muted)!important}
.v31-left-services .wizard-choice .v31-choice-icon,.v30-choice-grid .wizard-choice .choice-emoji{color:var(--sage)!important}
.v31-left-services .wizard-choice:nth-child(2) .v31-choice-icon,.v30-choice-grid .wizard-choice:nth-child(2) .choice-emoji{color:var(--terra)!important}
.v31-left-services .wizard-choice:nth-child(3) .v31-choice-icon,.v30-choice-grid .wizard-choice:nth-child(3) .choice-emoji{color:#C47791!important}
.choice-check{background:var(--sage)!important}
.v31-left .v30-house-image{box-shadow:0 0 0 1px #5F8F7A39!important;background:var(--cream)!important}
.v30-room-pin,.v30-room-pin.is-selected{background:var(--sage)!important;box-shadow:0 0 0 4px #FAF9F5d5,0 3px 10px #23493D45!important}
.v30-pin-tooltip{background:var(--ink)!important}
.v31-left .blueprint-bottom{color:var(--muted)!important}
.form-tag,.v30-quote .form-tag{background:#5F8F7A20!important;color:var(--ink)!important}
.v30-quote .form-steps{color:var(--sage)!important}
.v30-progress-line{background:#A7C8F070!important}
.v30-step{background:#A7C8F064!important;color:var(--ink)!important}
.v30-step b{background:var(--sage)!important}
.v30-step.is-current{background:#F7D37A75!important;color:var(--ink)!important}
.v30-step.is-current b{background:var(--sage)!important}
.v30-selected-preview{background:#A7C8F036!important;border:1px solid #A7C8F07a!important}
.v30-selected-preview strong,.v30-house-emoji{color:var(--ink)!important}
.v30-selected-preview p{color:var(--muted)!important}
.v30-edit-rooms{color:var(--ink)!important;border-color:var(--sage)!important;background:#fff!important}
.v31-compact-summary .room-counter{background:#5F8F7A26!important;color:var(--ink)!important}
.quantity-card.quantity-bedroom{background:#A7C8F02a!important;border-color:var(--sky)!important}
.quantity-card.quantity-bathroom{background:#E9B8C82a!important;border-color:var(--pink)!important}
.quantity-heading strong,.quantity-icon{color:var(--ink)!important}
.quantity-controls{background:#fff!important;border-color:#5F8F7A3b!important}
.quantity-controls button,.qty-step{background:#5F8F7A23!important;color:var(--ink)!important}
.quantity-controls button:not(:disabled):hover{background:var(--sage)!important;color:#fff!important}
.v31-more-options{background:var(--cream)!important;border-color:#5F8F7A35!important}
.v31-more-options>summary{color:var(--ink)!important}
.v30-extras-details{border-color:#5F8F7A30!important;background:var(--cream)!important}
.v30-extras-details>summary,.v31-compact-summary .selected-room-item{color:var(--ink)!important}
.v30-data-grid .form-field input,.v30-data-grid .form-field select,.v30-data-grid .form-field textarea{border-color:#5F8F7A38!important;background:#fff!important;color:var(--ink)!important}
.v30-data-grid .form-field input:focus,.v30-data-grid .form-field select:focus,.v30-data-grid .form-field textarea:focus{border-color:var(--sage)!important;box-shadow:0 0 0 3px #A7C8F080!important}
.v30-mini-review{background:#A7C8F025!important;border-color:#A7C8F098!important}
.v30-action-row .wizard-back{color:var(--ink)!important}
.validation-feedback,.wizard-feedback{color:#743E2E!important;background:#E68B6322!important}
.v31-whatsapp-strip{background:linear-gradient(110deg,#A7C8F026,#F7D37A25)!important;border-color:#5F8F7A28!important}
.v31-whatsapp-strip>span,.v31-whatsapp-strip strong,.v31-whatsapp-strip a{color:var(--ink)!important}
.v31-whatsapp-strip a{border-color:var(--sage)!important;background:#fff!important}
/* Se mantiene preguntas: redacción empresarial, predominio marfil. */
.faq{background:var(--cream)!important;padding:30px 0 80px!important}
.faq .section-kicker{color:var(--sage)!important}
.faq-list details{border-color:#5F8F7A35!important;background:#fff!important}
.faq-list summary{color:var(--ink)!important}
.faq-heading p,.faq-list details p{color:var(--muted)!important}
/* Pie claro: el verde salvia acompaña, ya no ocupa un bloque pesado. */
.site-footer{background:#F1F3EE!important;color:var(--ink)!important;border-top:1px solid #5F8F7A29!important;padding-top:47px}
.site-footer .footer-brand>p,.site-footer .footer-group a,.site-footer .footer-contact,.site-footer .footer-area,.site-footer .footer-bottom{color:var(--muted)!important}
.site-footer .footer-group h3,.site-footer .footer-cta strong{color:var(--ink)!important}
.site-footer .footer-cta{background:#E9B8C833!important;border-color:#E9B8C885!important;color:var(--ink)!important}
.site-footer .footer-cta>a{background:var(--yellow)!important;color:var(--ink)!important}
.site-footer .footer-giant{color:#5F8F7A1c!important}
.site-footer .footer-bottom{border-color:#5F8F7A27!important}
.mobile-sticky-cta{background:var(--sage)!important;color:#fff!important}
/* No mostrar elementos prohibidos, aun si una hoja antigua los intenta restaurar. */
#cursorModeToggle,#heroFogActions,.hero .eyebrow,.hero-actions .btn-outline,.v31-bottom-strip,section.intro,section.real-work,section.how,section.values,section.big-idea{display:none!important}
@media(max-width:820px){.hero-grid::before{background:linear-gradient(180deg,rgba(250,249,245,.84) 0%,rgba(250,249,245,.65) 40%,rgba(250,249,245,0) 92%)!important}}
@media(max-width:560px){
  .hero-grid::before{background:linear-gradient(180deg,rgba(250,249,245,.89),rgba(250,249,245,.60) 44%,transparent 93%)!important}
  .v31-services .areas-embedded>.shell{width:calc(100% - 28px)!important}
  .v31-left-head h2{font-size:29px!important}
  .v30-quote .form-card{background:#fff!important}
}
@media(prefers-reduced-motion:reduce){.v30-panel{animation:none!important}}
/* Estados funcionales con un tono accesible derivado del salvia oficial. */
.header-cta,.btn-navy,.btn-yellow,.v30-action-row .wizard-next,.v30-action-row .submit-quote,.hero .hero-actions .btn,.mobile-sticky-cta{
 background:#4C7564!important;
}
.site-footer .footer-demo-note{color:var(--sage)!important;letter-spacing:.05em!important;font-weight:700}


/* V3.4 — sección “Cómo solicitar”, adaptada a la identidad actual. */
.how-to-request{background:var(--cream)!important;padding:34px 0 26px!important}
.steps-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:34px;align-items:end;margin-bottom:28px}
.alt-overline{margin-bottom:18px!important}
.alt-overline .section-mark{color:var(--sage)!important}
.steps-title{margin:0;font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.04em;color:var(--ink)!important;font-weight:800}
.steps-title span{color:#4E8D3A!important}
.steps-intro{margin:0;max-width:520px;justify-self:end;font-size:1.05rem;line-height:1.75;color:var(--muted)!important}
.steps-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.step-card{position:relative;border-radius:28px;padding:22px 22px 26px;min-height:278px;border:1px solid rgba(35,73,61,.08);box-shadow:0 10px 30px rgba(95,143,122,.10);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.step-card h3{margin:0 0 12px;font-size:clamp(1.6rem,2vw,2.2rem);line-height:1.02;color:var(--ink)!important;max-width:11ch}
.step-card p{margin:0;color:var(--ink)!important;opacity:.86;font-size:1rem;line-height:1.55;max-width:28ch}
.step-number{position:absolute;left:22px;top:20px;font-size:.98rem;font-weight:800;letter-spacing:.06em;color:var(--ink)!important}
.step-icon{position:absolute;right:28px;top:50px;font-size:3.6rem;line-height:1;color:#2F8655;opacity:.95}
.step-card-sky{background:#A7C8F0!important}
.step-card-yellow{background:#F7D37A!important}
.step-card-yellow .step-icon{color:#E68B63}
.step-card-pink{background:#E9B8C8!important}
.step-card-pink .step-icon{color:#2F8655}
@media (max-width: 1080px){
  .steps-head{grid-template-columns:1fr;gap:18px}
  .steps-intro{justify-self:start;max-width:700px}
}
@media (max-width: 820px){
  .steps-cards{grid-template-columns:1fr;gap:14px}
  .step-card{min-height:220px}
  .step-card h3{max-width:none}
}
@media (max-width:560px){
  .how-to-request{padding:26px 0 10px!important}
  .steps-title{font-size:clamp(2.2rem,12vw,3.3rem)}
  .steps-intro{font-size:.98rem;line-height:1.65}
  .step-card{border-radius:24px;padding:18px 18px 22px;min-height:190px}
  .step-number{left:18px;top:16px;font-size:.92rem}
  .step-icon{right:22px;top:42px;font-size:3rem}
  .step-card h3{font-size:2rem}
  .step-card p{font-size:.97rem}
}