/* =========================================================
   CARACÓIS-CARE.CSS — página conceito Caracóis Care
   Base: /assets/css/main.css
   Escopo: .care-cat-* / .care-product-* / .care-modal-*
========================================================= */
.care-cat-hero{position:relative;min-height:76vh;display:flex;align-items:center;padding:150px 0 105px;overflow:hidden;background:linear-gradient(170deg,var(--black) 0%,#241514 42%,var(--terracota-dark) 100%);color:var(--white)}
.care-cat-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 920px 620px at 84% 22%,rgba(196,162,101,.18),transparent 62%),radial-gradient(ellipse 680px 520px at 8% 86%,rgba(155,68,66,.42),transparent 66%)}
.care-cat-hero::after{content:'';position:absolute;right:-60px;bottom:-90px;width:min(640px,75vw);height:min(640px,75vw);background:url('/images/logos/hero-watermark.svg') center/contain no-repeat;opacity:.065;pointer-events:none}
.care-cat-hero-content{position:relative;z-index:1;max-width:850px}.care-cat-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:rgba(196,162,101,.14);border:1px solid rgba(196,162,101,.3);color:var(--gold-light);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;margin-bottom:24px}.care-cat-hero-badge-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px rgba(196,162,101,.7);animation:care-pulse 2.4s ease-in-out infinite}@keyframes care-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}}
.care-cat-hero-title{font-family:var(--serif);font-size:clamp(2.4rem,5.2vw,4.3rem);font-weight:500;line-height:1.08;margin-bottom:24px;color:var(--white);letter-spacing:-.02em}.care-cat-hero-title em{font-style:italic;color:var(--gold-light);display:block}.care-cat-hero-sub{font-size:1.08rem;color:rgba(255,255,255,.82);line-height:1.68;margin-bottom:28px;max-width:690px;font-weight:300}.care-cat-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.care-cat-hero-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:var(--white);padding:9px 18px;border-radius:100px;font-size:.8rem;font-weight:400;letter-spacing:.02em;backdrop-filter:blur(6px)}.care-cat-hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.care-cat-hero-cta .btn-outline{border:1px solid rgba(255,255,255,.4);color:var(--white);background:transparent}.care-cat-hero-cta .btn-outline:hover{background:rgba(255,255,255,.1);border-color:var(--white)}
.care-cat-note{padding:26px 0;background:linear-gradient(135deg,var(--nude-ultra),var(--nude-light));border-top:1px solid rgba(155,68,66,.08);border-bottom:1px solid rgba(155,68,66,.08)}.care-cat-note-box{background:var(--white);border:1px solid rgba(155,68,66,.10);border-radius:22px;padding:22px 26px;box-shadow:0 10px 28px rgba(0,0,0,.035);display:flex;gap:18px;align-items:flex-start}.care-cat-note-icon{width:42px;height:42px;border-radius:14px;background:rgba(155,68,66,.08);color:var(--terracota);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.care-cat-note-box strong{display:block;font-family:var(--serif);font-size:1.22rem;color:var(--black);margin-bottom:4px}.care-cat-note-box p{font-size:.92rem;color:var(--text-light);line-height:1.6;margin:0}
.care-cat-routine{padding:100px 0;background:var(--nude-ultra)}.care-cat-routine-intro{text-align:center;max-width:700px;margin:0 auto 60px}.care-cat-routine-intro .section-desc{margin-top:14px;color:var(--text-muted)}.care-cat-routine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.care-cat-routine-card{background:var(--white);border-radius:20px;padding:40px 32px;text-align:center;transition:all .4s var(--ease);border:1px solid rgba(155,68,66,.06);position:relative;overflow:hidden}.care-cat-routine-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(196,162,101,.05),transparent 60%);opacity:0;transition:opacity .4s}.care-cat-routine-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px rgba(155,68,66,.1);border-color:var(--gold)}.care-cat-routine-card:hover::before{opacity:1}.care-cat-routine-icon{font-size:2.6rem;margin-bottom:18px;position:relative}.care-cat-routine-card h3{font-family:var(--serif);font-size:1.6rem;font-weight:600;margin-bottom:14px;color:var(--black);position:relative}.care-cat-routine-card p{font-size:.95rem;color:var(--text-light);line-height:1.65;margin-bottom:22px;position:relative}.care-cat-routine-card p strong{color:var(--terracota);font-weight:600}.care-cat-routine-products{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:.78rem;color:var(--text-muted);position:relative}.care-cat-routine-products span{padding:5px 11px;background:var(--nude-light);border-radius:100px;font-weight:400}
.care-cat-products{padding:120px 0;background:var(--white)}.care-cat-products-intro{text-align:center;max-width:720px;margin:0 auto 50px}.care-cat-products-intro .section-desc{margin-top:14px;color:var(--text-muted)}.care-cat-filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:60px;padding:0 16px}.care-cat-filter-btn{background:transparent;border:1px solid var(--border);color:var(--text-light);padding:10px 22px;border-radius:100px;font-family:var(--sans);font-size:.85rem;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .3s var(--ease)}.care-cat-filter-btn:hover{border-color:var(--terracota);color:var(--terracota)}.care-cat-filter-btn.active{background:var(--terracota);color:var(--white);border-color:var(--terracota);box-shadow:0 4px 16px rgba(155,68,66,.22)}
.care-cat-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:stretch}.care-product-card{background:var(--white);border:1px solid rgba(0,0,0,.05);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .45s var(--ease);position:relative}.care-product-card:hover{transform:translateY(-10px);border-color:var(--terracota);box-shadow:0 24px 56px rgba(155,68,66,.14)}.care-product-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.care-product-img{aspect-ratio:1/1;width:100%;background:linear-gradient(165deg,var(--nude-ultra),var(--nude-light));display:flex;align-items:center;justify-content:center;padding:28px;position:relative;overflow:hidden}.care-product-img::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.6),transparent 65%);pointer-events:none}.care-product-placeholder{width:78%;height:78%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(239,217,215,.88) 38%,rgba(155,68,66,.16));display:flex;align-items:center;justify-content:center;color:var(--terracota);font-family:var(--serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:-.04em;filter:drop-shadow(0 8px 24px rgba(0,0,0,.08));position:relative;z-index:1;transition:transform .55s var(--ease)}.care-product-card:hover .care-product-placeholder{transform:scale(1.06)}.care-product-tag-float{position:absolute;top:14px;left:14px;background:var(--terracota);color:var(--white);padding:5px 12px;border-radius:100px;font-size:.68rem;font-weight:500;letter-spacing:.05em;text-transform:lowercase;z-index:2;box-shadow:0 2px 10px rgba(155,68,66,.24)}.care-product-info{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1;gap:8px}.care-product-type{font-size:.68rem;color:var(--gold);font-weight:500;letter-spacing:.12em;text-transform:uppercase}.care-product-info h4{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--black);line-height:1.15;margin-bottom:2px}.care-product-info p{font-size:.9rem;color:var(--text-light);line-height:1.55;margin-bottom:10px;flex:1}.care-product-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;margin-bottom:18px}.care-product-pill{padding:4px 10px;border-radius:100px;font-size:.7rem;font-weight:500;letter-spacing:.02em}.care-product-pill--tag{background:var(--nude-light);color:var(--terracota)}.care-product-pill--ph{background:rgba(196,162,101,.12);color:var(--gold)}.care-product-actions{margin-top:auto}.care-btn-mini{width:100%;background:transparent;color:var(--terracota);border:1px solid var(--terracota);padding:11px 14px;border-radius:100px;font-family:var(--sans);font-size:.8rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:all .3s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:6px}.care-btn-mini:hover{background:var(--terracota);color:var(--white);box-shadow:0 6px 20px rgba(155,68,66,.22)}
.care-cat-guide{padding:100px 0;background:linear-gradient(165deg,var(--black),#1C1110 80%);color:var(--white);position:relative}.care-cat-guide-intro{text-align:center;max-width:680px;margin:0 auto 56px}.care-cat-guide-intro .section-label{color:var(--gold-light)}.care-cat-guide-intro .section-title{color:var(--white)}.care-cat-guide-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.care-cat-guide-step{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px 22px;transition:all .35s var(--ease)}.care-cat-guide-step:hover{transform:translateY(-5px);border-color:rgba(196,162,101,.3);background:rgba(255,255,255,.065)}.care-cat-guide-num{font-family:var(--sans);font-size:2.2rem;font-weight:700;color:var(--gold-light);opacity:.72;line-height:1;margin-bottom:18px}.care-cat-guide-step h3{font-family:var(--serif);font-size:1.22rem;font-weight:600;margin-bottom:10px}.care-cat-guide-step p{font-size:.84rem;line-height:1.6;color:rgba(255,255,255,.64)}
.care-cat-cta-final{padding:105px 0;background:linear-gradient(135deg,var(--terracota),var(--terracota-dark));color:var(--white);text-align:center}.care-cat-cta-inner{max-width:760px;margin:0 auto}.care-cat-cta-final .section-title{color:var(--white)}.care-cat-cta-sub{color:rgba(255,255,255,.76);font-size:1.02rem;line-height:1.72;max-width:620px;margin:0 auto 30px}.care-cat-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.u-text-gold{color:var(--gold-light)!important}.btn-outline-white{background:rgba(255,255,255,.04);color:var(--white);border:1px solid rgba(255,255,255,.42)}.btn-outline-white:hover{background:rgba(255,255,255,.12);border-color:var(--white);color:var(--white)}
.care-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}.care-modal-overlay.active{display:flex}.care-product-modal{background:var(--white);border-radius:26px;max-width:980px;width:min(980px,100%);max-height:90vh;overflow:auto;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.26)}.care-pm-close{position:sticky;top:16px;float:right;margin:16px 16px 0 0;width:42px;height:42px;border-radius:50%;border:1px solid rgba(155,68,66,.14);background:rgba(255,255,255,.92);color:var(--terracota);font-size:1.5rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 10px 28px rgba(0,0,0,.08)}.care-pm-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:0}.care-pm-visual{background:linear-gradient(165deg,var(--nude-ultra),var(--nude-light));display:flex;align-items:center;justify-content:center;min-height:520px;padding:44px}.care-pm-visual .care-product-placeholder{width:min(320px,80%);height:min(320px,80%);font-size:4rem}.care-pm-copy{padding:58px 52px 48px}.care-pm-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:12px}.care-pm-copy h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);line-height:1.08;font-weight:600;color:var(--black);margin-bottom:14px}.care-pm-desc{font-size:1rem;line-height:1.75;color:var(--text-light);margin-bottom:22px}.care-pm-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.care-pm-pill{background:var(--nude-light);color:var(--terracota);border-radius:100px;padding:6px 12px;font-size:.74rem;font-weight:500}.care-pm-section{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.care-pm-section h3{font-family:var(--serif);font-size:1.32rem;color:var(--black);margin-bottom:10px}.care-pm-section p,.care-pm-section li{font-size:.92rem;color:var(--text-light);line-height:1.68}.care-pm-section ul{padding-left:18px}.care-pm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.care-pm-disclaimer{font-size:.78rem;color:var(--text-muted);line-height:1.55;margin-top:16px}.care-cat-products-grid--loading::before{content:'Carregando linha Caracóis Care…';display:block;padding:40px;color:var(--text-muted);text-align:center;font-style:italic;grid-column:1/-1}
@media(max-width:980px){.care-cat-products-grid{grid-template-columns:repeat(2,1fr)}.care-cat-routine-grid{grid-template-columns:1fr}.care-cat-guide-steps{grid-template-columns:repeat(2,1fr)}.care-pm-grid{grid-template-columns:1fr}.care-pm-visual{min-height:320px}.care-pm-copy{padding:36px 28px 34px}}@media(max-width:640px){.care-cat-hero{padding:120px 0 76px;min-height:auto}.care-cat-hero-title{font-size:2.5rem}.care-cat-hero-cta .btn,.care-cat-cta-btns .btn{width:100%}.care-cat-products-grid{grid-template-columns:1fr}.care-cat-guide-steps{grid-template-columns:1fr}.care-cat-note-box{flex-direction:column;text-align:left}.care-product-modal{border-radius:18px;max-height:92vh}.care-pm-visual{padding:32px 20px}.care-pm-copy{padding:30px 22px 32px}.care-pm-actions .btn{width:100%}}