/* Coqueta Studio: la presentación de Coqueta Foto y Coqueta Motion (capturas reales, qué hacen y qué pedirle a la IA) */
.cs-hero{gap:14px}
.cs-hero__badge{border-style:solid;background:linear-gradient(90deg,#ff5fa22e,#9a67f52e);border-color:#ff8cbc88;color:#ffd1e4}
.cs-hero .button-row{flex-wrap:wrap}
.cs-hero__motion{background:linear-gradient(125deg,#ff5fa2,#b06bff);border-color:transparent}
.cs-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:10px 0 0;padding:0;list-style:none}
.cs-trust li{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.cs-trust b{font-size:.95rem}
.cs-trust span{color:var(--text-soft);font-size:.86rem;line-height:1.45}

.cs-feature{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(20px,4vw,48px);margin:34px 0;padding:clamp(20px,3vw,34px);border:1px solid rgba(139,109,255,.32);border-radius:24px;background:radial-gradient(120% 140% at 0% 0%,rgba(255,95,162,.10),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(101,82,255,.14),transparent 60%),var(--surface)}
.cs-feature--flip .cs-feature__copy{order:2}
.cs-feature__eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--text-soft);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cs-feature__eyebrow img{border-radius:11px;box-shadow:0 6px 18px rgba(101,82,255,.35)}
.cs-feature h2{margin:10px 0 8px;font-size:clamp(1.7rem,3.2vw,2.4rem);letter-spacing:-.04em;line-height:1.05}
.cs-feature__lead{margin:0 0 14px;color:var(--text-soft);font-size:1rem;line-height:1.55;max-width:58ch}
.cs-feature__points{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.cs-feature__points li{position:relative;padding-left:26px;font-size:.93rem;line-height:1.45}
.cs-feature__points li::before{content:"";position:absolute;left:0;top:.18em;width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#ff5fa2,#9a67f5)}
.cs-feature__points li::after{content:"";position:absolute;left:6px;top:calc(.18em + 4px);width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cs-asks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px}
.cs-asks b{margin-right:4px;font-size:.84rem;color:var(--text-soft)}
.cs-asks span{padding:5px 10px;border-radius:999px;border:1px solid #ff8cbc66;background:#ff5fa214;font-size:.82rem;white-space:nowrap}
.cs-feature__shot{display:block;border-radius:16px;overflow:hidden;border:1px solid #ffffff1f;box-shadow:0 30px 70px rgba(10,6,30,.55),0 0 0 6px rgba(139,109,255,.08);transform:perspective(1400px) rotateY(-4deg);transition:transform .35s ease}
.cs-feature--flip .cs-feature__shot{transform:perspective(1400px) rotateY(4deg)}
.cs-feature__shot:hover{transform:none}
.cs-feature__shot img{display:block;width:100%;height:auto}
html[data-theme=light] .cs-hero__badge{color:#9b1f5a}
html[data-theme=light] .cs-feature__shot{box-shadow:0 24px 50px rgba(40,30,90,.22)}

@media (max-width:900px){
  .cs-feature{grid-template-columns:minmax(0,1fr)}
  .cs-feature--flip .cs-feature__copy{order:0}
  .cs-feature__shot,.cs-feature--flip .cs-feature__shot{transform:none}
  .cs-trust{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.cs-feature__shot{transition:none}}