/* Tarjetas Hábitat Clima: ritmo editorial y detalles de las rejillas de aire. */
.hc-page .hc-grid{gap:20px;align-items:stretch;}
.hc-page .hc-grid:has(>.hc-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
.hc-page .hc-card{--card-accent:#66bee8;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:58px 30px 28px;background:#f0f8fc;border:0;border-radius:0 24px 0 0;box-shadow:none;}
.hc-page .hc-card:before{content:"";position:absolute;top:24px;left:30px;width:44px;height:12px;background:repeating-linear-gradient(0deg,var(--card-accent) 0 2px,transparent 2px 5px);pointer-events:none;}
.hc-page .hc-card:after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:3px;background:var(--card-accent);pointer-events:none;}
.hc-page .hc-card:nth-child(3n+2){--card-accent:#ff9900;background:#fff;border:1px solid #d9e0e4;border-radius:0;padding:57px 29px 27px;}
.hc-page .hc-card:nth-child(3n+2):before{left:29px;top:23px;}
.hc-page .hc-card:nth-child(3n+2):after{height:2px;left:29px;right:29px;}
.hc-page .hc-card:nth-child(3n){--card-accent:#ff9900;background:#595959;color:#fff;border-radius:0 0 24px 0;}
.hc-page .hc-card h3{position:relative;font-size:25px;line-height:1.22;letter-spacing:-.035em;margin:0 0 17px;max-width:20ch;}
.hc-page .hc-card p{font-size:15px;line-height:1.8;margin:0 0 24px;}
.hc-page .hc-card>a:last-child{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:19px;border-top:1px solid #25353d26;color:#25353d;font-size:13px;font-weight:700;line-height:1.6;text-decoration:none;}
.hc-page .hc-card>a:last-child:after{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;flex:none;font-size:14px;transition:transform .18s ease;}
.hc-page .hc-card>a:last-child:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ff9900;}
.hc-page .hc-card>a:last-child:hover:after{transform:translateX(4px);}
.hc-page .hc-card:nth-child(3n) h3,.hc-page .hc-card:nth-child(3n) p,.hc-page .hc-card:nth-child(3n) a{color:#fff;}
.hc-page .hc-card:nth-child(3n)>a:last-child{border-top-color:#ffffff42;}
.hc-page .hc-card:nth-child(3n)>a:last-child:after{color:#ff9900;}
@media(min-width:992px){.hc-hero.hc-home+.hc-page .hc-grid{grid-template-columns:1.1fr 1fr 1fr;}}
@media(max-width:767px){.hc-page .hc-grid,.hc-page .hc-grid:has(>.hc-card:nth-child(2):last-child){grid-template-columns:1fr;gap:16px;}.hc-page .hc-card{padding:51px 25px 25px;}.hc-page .hc-card:nth-child(3n+2){padding:50px 24px 24px;}.hc-page .hc-card:before{left:25px;top:20px;}.hc-page .hc-card:nth-child(3n+2):before{left:24px;top:19px;}.hc-page .hc-card:after{left:25px;right:25px;}.hc-page .hc-card:nth-child(3n+2):after{left:24px;right:24px;}.hc-page .hc-card h3{font-size:24px;max-width:none;}.hc-page .hc-card p{margin-bottom:20px;}}
@media(prefers-reduced-motion:reduce){.hc-page .hc-card>a:last-child:after{transition:none;}}

/* Preferencia de marca: botones naranjas con texto e iconos blancos. */
body.site .hc-button,body.site .hc-button:is(:hover,:focus,:active),body.site .btn-primary,body.site .btn-primary:is(:hover,:focus,:active),body.site .ba-form-submit-btn,body.site .ba-form-submit-btn:is(:hover,:focus,:active),body.site .ba-form-submit-btn span,body.site .ba-form-submit-btn i,body.site .hc-button span,body.site .hc-button i,body.site .hc-footer-grid .hc-button,body.site .sp-megamenu-parent>li>a[href*="/contacto"],body.site .sp-megamenu-parent>li.active>a[href*="/contacto"],body.site .sp-megamenu-parent>li>a[href*="/contacte"],body.site .sp-megamenu-parent>li.active>a[href*="/contacte"]{color:#fff!important;}

#sp-footer .hc-footer-grid .hc-footer-brand{display:inline-block;width:290px;max-width:100%;margin:0 0 16px;line-height:1;text-decoration:none;}
#sp-footer .hc-footer-brand img{display:block;width:100%;height:auto;}
@media(max-width:767px){#sp-footer .hc-footer-grid .hc-footer-brand{width:270px;margin-bottom:18px;}}

/* CTA editorial: una invitación abierta, sin panel de color ni caja redondeada. */
body.site .hc-cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:64px;row-gap:14px;align-items:start;padding:38px 0 34px!important;background:transparent;border:0;border-top:1px solid #ccd5da;border-bottom:1px solid #ccd5da;border-radius:0;box-shadow:none;}
body.site .hc-cta:before{content:"";position:absolute;top:-2px;left:0;width:76px;height:3px;background:#66bee8;}
body.site .hc-cta>h2{grid-column:1;grid-row:1;margin:0;max-width:25ch;}
body.site .hc-cta>p{grid-column:1;margin:0;max-width:62ch;font-size:16px;line-height:1.85;}
body.site .hc-cta>.hc-button{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;gap:18px;max-width:340px;margin:0;line-height:1.5;border-radius:2px!important;}
body.site .hc-cta>.hc-button:not(:has(i)):after{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;flex:none;font-size:14px;}
@media(max-width:991px){body.site .hc-cta{column-gap:32px;}body.site .hc-cta>.hc-button{max-width:240px;}}
@media(max-width:767px){body.site .hc-cta{grid-template-columns:minmax(0,1fr);padding:30px 0 28px!important;row-gap:16px;}body.site .hc-cta>.hc-button{grid-column:1;grid-row:auto;justify-self:start;max-width:100%;margin-top:5px;}body.site .hc-cta>h2{max-width:none;}body.site .hc-cta>p{font-size:15px;}}
/* Hero is also a nested section: exclude it from editorial section spacing. */
body.site .hc-page section.hc-hero{margin-top:0!important;margin-bottom:0!important}