/* Carroussel - Loja Oficial | Arte Aprovada v1.15.16
   Full-width studio art is STATIC. All user-visible copy and CTA are real HTML.
   This stylesheet is scoped exclusively to .cc-la to protect prior widgets. */
.cc-la{position:relative;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow:hidden;isolation:isolate;background:#faf9f5}
.cc-la *{box-sizing:border-box}
.cc-la__stage{position:relative;isolation:isolate;display:flex;align-items:center;min-height:650px;background-color:#faf9f5;background-image:var(--cc-la-art-desktop);background-position:var(--cc-la-bg-x,50%) center;background-repeat:no-repeat;background-size:cover}
.cc-la__inner{position:relative;width:100%;max-width:1160px;margin-inline:auto;padding:42px 24px;display:flex;align-items:center}
.cc-la__copy{position:relative;z-index:1;width:100%;max-width:575px;min-width:0}
.cc-la__eyebrow{display:inline-flex;align-items:center;gap:12px;padding:5px 16px 5px 6px;min-height:42px;border-radius:80px;background:#fce8eb;color:#182337;font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:.09em;margin-bottom:24px}
.cc-la__eyebrow-symbol{width:30px;height:30px;border-radius:50%;background:#fc2b44;color:white;display:grid;place-items:center;flex:none}
.cc-la__eyebrow svg{width:17px;height:17px;display:block}
.cc-la__title{font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(37px,3.55vw,58px);font-weight:700;line-height:1.09;letter-spacing:-.05em;color:#172338;margin:0 0 22px!important}
.cc-la__title-line{display:block;white-space:nowrap}
.cc-la__title--accent{color:#f52d46}
.cc-la__description{margin:0 0 26px!important;color:#4e5c70;font-family:Montserrat,Arial,sans-serif;font-size:clamp(16px,1.2vw,19px);font-weight:400;line-height:1.65;max-width:575px}
.cc-la__cta{display:inline-flex;justify-content:space-between;align-items:center;gap:15px;max-width:100%;min-height:66px;padding:15px 24px!important;background-color:#ffe42a;color:#152032;text-decoration:none!important;border:0;border-radius:18px;font-family:Montserrat,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.35;box-shadow:0 10px 25px rgba(204,173,27,.12);transition:background-color .18s ease,box-shadow .18s ease}
.cc-la__cta:hover{background-color:#ffdd00;box-shadow:0 12px 24px rgba(207,159,12,.21);color:#152032;text-decoration:none}
.cc-la__cta>svg{height:22px;width:22px;flex:none}
.cc-la__handshake{height:31px;width:36px;object-fit:contain;flex:none}
.cc-la__benefits{border-top:1px solid rgba(77,85,106,.17);margin-top:27px;padding-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:580px}
.cc-la__benefit{display:flex;align-items:center;gap:10px;color:#172338;padding:0 12px;border-right:1px solid rgba(77,85,106,.19);min-width:0}
.cc-la__benefit:first-child{padding-left:0}
.cc-la__benefit:last-child{border-right:none;padding-right:0}
.cc-la__benefit-icon{display:grid;place-items:center;border-radius:50%;background:#fce9ed;color:#f32743;flex:0 0 40px;width:40px;height:40px}
.cc-la__benefit-icon svg{width:21px;height:21px}
.cc-la__benefit-text{display:flex;flex-direction:column;line-height:1.32;min-width:0;font-family:Montserrat,Arial,sans-serif;font-size:11px}
.cc-la__benefit-text strong{font-weight:700}
.cc-la__benefit-text span{font-weight:400;margin-top:2px;color:#33435d}
.cc-la__mobile-visual{display:none}
@media (max-width:1300px) and (min-width:981px){
 .cc-la__inner{padding:36px 32px}
 .cc-la__stage{min-height:555px}
 .cc-la__copy{max-width:510px}
 .cc-la__title{font-size:clamp(33px,3.5vw,45px)}
 .cc-la__description{font-size:16px;max-width:490px}
 .cc-la__benefit-text{font-size:10px}
 .cc-la__benefit-icon{width:34px;height:34px;flex-basis:34px}
}
/* Tablet/mobile: we do NOT crop the wide banner behind text. Static phone scene is moved below. */
@media(max-width:980px){
 .cc-la__stage{background-image:linear-gradient(120deg,#fbfaf7 0%,#fffbef 75%,#fff8e6 100%)!important;min-height:0!important}
 .cc-la__inner{max-width:710px;display:flex;flex-direction:column;align-items:stretch;padding:39px 24px 0}
 .cc-la__copy{max-width:none;width:100%}
 .cc-la__title{font-size:clamp(36px,5.3vw,54px)}
 .cc-la__description{max-width:640px;font-size:17px}
 .cc-la__benefits{max-width:650px}
 .cc-la__mobile-visual{display:block;position:relative;width:100%;margin:8px auto 0;overflow:hidden}
 .cc-la__mobile-visual img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
}
@media(max-width:600px){
 .cc-la__inner{padding:29px 18px 0}
 .cc-la__eyebrow{font-size:10px;min-height:34px;gap:7px;margin-bottom:17px}
 .cc-la__eyebrow-symbol{width:27px;height:27px}
 .cc-la__title{font-size:clamp(29px,7.4vw,42px);line-height:1.1;margin-bottom:16px!important;letter-spacing:-.05em}
 .cc-la__title-line{white-space:normal}
 .cc-la__description{font-size:15px;line-height:1.55;margin-bottom:19px!important}
 .cc-la__cta{width:100%;padding:12px 14px!important;gap:8px;min-height:57px;border-radius:14px;font-size:12px}
 .cc-la__cta>svg{height:20px;width:20px}
 .cc-la__handshake{width:30px;height:25px}
 .cc-la__benefits{padding-top:16px;margin-top:18px;gap:0}
 .cc-la__benefit{flex-direction:column;text-align:center;gap:6px;padding:0 5px}
 .cc-la__benefit-icon{width:32px;height:32px;flex-basis:32px}
 .cc-la__benefit-icon svg{width:17px;height:17px}
 .cc-la__benefit-text{font-size:9px;line-height:1.3}
 .cc-la__mobile-visual{width:calc(100% + 36px);margin:15px -18px 0}
}
