/* Cobara Web Studio V28 — 6 bloques premium originales. No altera estilos de páginas anteriores. */
.cs-section[class*="cs-variant-pro-"]{overflow:hidden;isolation:isolate;box-sizing:border-box}
.cs-section[class*="cs-variant-pro-"] .cs-elements{width:min(1180px,100%);margin:0 auto;gap:clamp(15px,2.8vw,34px);align-items:stretch}
.cs-section[class*="cs-variant-pro-"] .cs-element{min-width:0}
.cs-section[class*="cs-variant-pro-"] .cs-element h3{line-height:1.12;letter-spacing:-.038em;margin:0 0 14px;font-weight:750}
.cs-section[class*="cs-variant-pro-"] .cs-element p{line-height:1.65;margin:0 0 16px}
.cs-section[class*="cs-variant-pro-"] .cs-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;min-height:44px;padding:12px 20px;text-decoration:none}
.cs-variant-pro-commerce-hero{background:#F5F2EC!important;color:#19251F!important;padding:clamp(50px,7vw,110px) clamp(20px,4vw,62px)!important}
.cs-variant-pro-commerce-hero>.cs-elements>.cs-element:first-child{align-self:center;padding:clamp(12px,3vw,48px)}
.cs-variant-pro-commerce-hero>.cs-elements>.cs-element:last-child{background:#DDD5C4;border-radius:22px;padding:16px;box-shadow:16px 18px 0 #C9D1C4}
.cs-variant-pro-commerce-hero .cs-photo{width:100%;height:clamp(250px,35vw,480px);object-fit:cover;border-radius:14px}
.cs-variant-pro-commerce-hero .cs-button{background:#193A2B;color:white}
.cs-variant-pro-commerce-categories{background:#FFFFFF!important;padding:clamp(55px,7vw,100px) clamp(18px,4vw,48px)!important}
.cs-variant-pro-commerce-categories>.cs-elements>.cs-element:has(.cs-nested-grid){background:#F6F7F4;border:1px solid #E4E9E1;border-radius:20px;padding:18px}
.cs-variant-pro-commerce-categories .cs-photo{width:100%;height:210px;object-fit:cover;border-radius:13px}
.cs-variant-pro-commerce-categories .cs-button{background:#1C4331;color:#fff}
.cs-variant-pro-beauty-editorial{background:#F9F1EE!important;color:#483A3B!important;padding:clamp(55px,7vw,100px) clamp(18px,4vw,50px)!important}
.cs-variant-pro-beauty-editorial>.cs-elements>.cs-element:last-child{align-self:center;padding:clamp(16px,4vw,55px)}
.cs-variant-pro-beauty-editorial .cs-photo{height:clamp(320px,40vw,580px);width:100%;object-fit:cover;border-radius:190px 190px 16px 16px}
.cs-variant-pro-beauty-editorial .cs-button,.cs-variant-pro-beauty-services .cs-button{background:#794F58;color:white}
.cs-variant-pro-beauty-services{background:#FFFDFC!important;color:#493C41!important;padding:clamp(55px,7vw,100px) clamp(18px,4vw,50px)!important}
.cs-variant-pro-beauty-services>.cs-elements>.cs-element:has(.cs-nested-grid){background:#FAF2F0;border-radius:130px 130px 20px 20px;padding:clamp(23px,3vw,44px);border:1px solid #F2E5E1}
.cs-variant-pro-services-split{background:#172235!important;color:#fff!important;padding:clamp(60px,8vw,120px) clamp(18px,4vw,50px)!important}
.cs-variant-pro-services-split .cs-photo{width:100%;height:clamp(280px,35vw,480px);object-fit:cover;border-radius:10px 90px 10px 10px}
.cs-variant-pro-services-split .cs-button{background:#F1B85A;color:#172235}
.cs-variant-pro-services-process{background:#F3F6FA!important;color:#172235!important;padding:clamp(55px,7vw,100px) clamp(18px,4vw,50px)!important}
.cs-variant-pro-services-process>.cs-elements>.cs-element:has(.cs-nested-grid){background:#FFFFFF;border:1px solid #DEE5ED;border-radius:15px;padding:clamp(20px,3vw,38px);box-shadow:0 14px 32px rgba(20,35,55,.05)}
@media(max-width:760px){.cs-section[class*="cs-variant-pro-"]>.cs-elements{display:flex!important;flex-direction:column;align-items:stretch}.cs-section[class*="cs-variant-pro-"]>.cs-elements>.cs-element{grid-column:auto!important;width:100%}.cs-section[class*="cs-variant-pro-"] .cs-nested-grid{grid-template-columns:1fr!important}.cs-variant-pro-commerce-hero>.cs-elements>.cs-element:last-child{box-shadow:7px 9px 0 #C9D1C4}.cs-variant-pro-beauty-editorial .cs-photo{height:340px}}
@media(prefers-reduced-motion:reduce){.cs-section[class*="cs-variant-pro-"] *{scroll-behavior:auto!important;transition:none!important}}

/* Cobara V28.5: contraste, ritmo, componentes y densidad comercial. */
.cs-site .cs-variant-pro-commerce-hero,.cs-site .cs-variant-pro-commerce-categories,.cs-site .cs-variant-pro-complete-benefits,.cs-site .cs-variant-pro-complete-faq,.cs-site .cs-variant-pro-complete-contact{--c28-ink:#182c25;--c28-accent:#245640;color:var(--c28-ink)!important;font-family:inherit;}
.cs-site .cs-variant-pro-commerce-hero{background:linear-gradient(128deg,#eaf0e8 0%,#f8f6f1 70%)!important;padding:clamp(56px,6vw,104px) clamp(22px,5vw,78px)!important;}
.cs-site .cs-variant-pro-commerce-hero>.cs-elements>.cs-element:first-child{padding:clamp(4px,2vw,22px);}
.cs-site .cs-variant-pro-commerce-hero h3{font-size:clamp(38px,4.4vw,72px)!important;letter-spacing:-.055em;line-height:1.03;max-width:14ch;}
.cs-site .cs-variant-pro-commerce-hero .cs-photo{height:clamp(360px,38vw,560px);object-fit:cover;}
.cs-site .cs-variant-pro-commerce-hero>.cs-elements>.cs-element:last-child{background:transparent;padding:0;box-shadow:none;}
.cs-site .cs-variant-pro-commerce-hero .cs-button,.cs-site .cs-variant-pro-commerce-categories .cs-button,.cs-site .cs-variant-pro-complete-contact .cs-button{background:#245640!important;color:#fff!important;border-radius:8px;box-shadow:none;transition:transform .18s ease,background .18s ease;}
.cs-site .cs-variant-pro-commerce-hero .cs-button:hover,.cs-site .cs-variant-pro-commerce-categories .cs-button:hover,.cs-site .cs-variant-pro-complete-contact .cs-button:hover{background:#173d2c!important;transform:translateY(-2px)}
.cs-site .cs-variant-pro-commerce-categories{background:#f6f7f3!important;padding:clamp(56px,6vw,90px) clamp(20px,4vw,60px)!important;}
.cs-site .cs-variant-pro-commerce-categories>.cs-elements{gap:clamp(16px,2vw,26px)}
.cs-site .cs-variant-pro-commerce-categories>.cs-elements>.cs-element:has(.cs-nested-grid){background:#fff;border:1px solid #dee5db;border-radius:18px;padding:14px 14px 25px;box-shadow:0 14px 35px rgba(26,55,38,.055);transition:transform .2s ease,box-shadow .2s ease;}
.cs-site .cs-variant-pro-commerce-categories>.cs-elements>.cs-element:has(.cs-nested-grid):hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(26,55,38,.12)}
.cs-site .cs-variant-pro-commerce-categories .cs-photo{height:clamp(180px,17vw,240px);border-radius:12px;object-fit:cover;background:#e8ece6;}
.cs-site .cs-variant-pro-commerce-categories .cs-nested-grid>.cs-element{padding-inline:8px;}
.cs-site .cs-variant-pro-complete-benefits{background:#152b23!important;color:#f6f8f3!important;padding:clamp(60px,6vw,94px) clamp(20px,4vw,60px)!important;}
.cs-site .cs-variant-pro-complete-benefits .cs-elements{align-items:stretch;gap:clamp(16px,2vw,26px)}
.cs-site .cs-variant-pro-complete-benefits>.cs-elements>.cs-element:has(.cs-nested-grid){background:#254337;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:clamp(22px,2.5vw,34px);min-height:210px;}
.cs-site .cs-variant-pro-complete-benefits h3,.cs-site .cs-variant-pro-complete-benefits p{color:inherit!important;}
.cs-site .cs-variant-pro-complete-benefits .cs-element>h3{font-size:clamp(24px,2.7vw,40px)!important;}
.cs-site .cs-variant-pro-complete-faq{background:#eef3ee!important;padding:clamp(54px,5vw,82px) clamp(20px,4vw,60px)!important;}
.cs-site .cs-variant-pro-complete-faq>.cs-elements>.cs-element:has(.cs-nested-grid){background:#fff;border-radius:14px;border:1px solid #d9e4da;padding:clamp(20px,2.5vw,32px);min-height:155px;}
.cs-site .cs-variant-pro-complete-faq .cs-nested-grid h3{font-size:clamp(19px,1.6vw,23px)!important;}
.cs-site .cs-variant-pro-complete-contact{background:#dae6d7!important;padding:clamp(56px,6vw,100px) clamp(20px,5vw,70px)!important;}
.cs-site .cs-variant-pro-complete-contact .cs-elements{max-width:1100px;}
.cs-site .cs-variant-pro-complete-contact h3{font-size:clamp(38px,4vw,64px)!important;max-width:22ch;}
.cs-site .cs-variant-pro-complete-contact .cs-button{padding:16px 26px;}
.cs-site .cs-variant-pro-commerce-categories .cs-elements>.cs-element>h3,.cs-site .cs-variant-pro-complete-faq .cs-elements>.cs-element>h3{font-size:clamp(30px,3.1vw,46px)!important;}
@media(max-width:760px){.cs-site .cs-variant-pro-commerce-hero h3{font-size:clamp(34px,10vw,49px)!important}.cs-site .cs-variant-pro-complete-benefits>.cs-elements>.cs-element:has(.cs-nested-grid){min-height:0}.cs-site .cs-variant-pro-commerce-categories>.cs-elements>.cs-element:has(.cs-nested-grid){padding-bottom:18px}}