.clara-preview .showcase-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}.clara-preview .showcase-stage{min-width:0}.clara-devices{position:relative;padding:20px 48px 80px 0}.clara-desktop{overflow:hidden;border:8px solid #243d59;border-radius:14px;background:#fff;box-shadow:0 24px 60px #0004}.clara-desktop img{display:block;width:100%;height:auto}.clara-phone{position:absolute;right:0;bottom:0;width:27%;padding:7px;background:#122238;border:2px solid #56708a;border-radius:25px;box-shadow:0 16px 35px #0006;overflow:hidden}.clara-phone img{display:block;width:100%;height:auto;border-radius:16px}.clara-speaker{position:absolute;top:10px;left:36%;width:28%;height:5px;border-radius:8px;background:#122238;z-index:1}.clara-preview .concept-label{margin:0 0 8px}.clara-preview .example-caption{margin-top:22px}@media(max-width:800px){.clara-preview .showcase-layout{grid-template-columns:1fr;gap:28px}.clara-devices{padding:10px 30px 65px 0}.clara-phone{width:30%;border-radius:17px;padding:5px}.clara-phone img{border-radius:10px}.clara-preview .section{padding-top:56px;padding-bottom:56px}}
.clara-preview .example-caption{position:static!important;margin-top:24px!important}.clara-preview .showcase-stage{padding-bottom:0!important}.clara-preview{overflow:visible}.clara-preview .section{height:auto}
.clara-preview .showcase-layout{grid-template-columns:.75fr 1.25fr;gap:42px}.clara-preview .showcase-stage:before,.clara-preview .showcase-stage:after{display:none!important}.clara-devices{padding:12px 54px 65px 0}.clara-phone{width:30%}.clara-preview .showcase-stage{min-height:0!important}.clara-preview .example-caption{margin-top:18px!important}@media(max-width:800px){.clara-preview .showcase-layout{grid-template-columns:1fr;gap:30px}.clara-devices{padding:8px 0 180px}.clara-desktop{border-width:5px}.clara-phone{width:47%;right:0;bottom:0;border-radius:20px}.clara-phone img{border-radius:12px}.clara-preview .showcase-note{margin-bottom:0}.clara-preview .section{padding-bottom:40px}}
/* Ajuste de proporción del teléfono · 16/10/2026 */.clara-phone{aspect-ratio:390/844;box-sizing:border-box}.clara-phone img{width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:auto}.clara-preview .concept-label{position:relative;z-index:2}@media(max-width:800px){.clara-devices{padding-bottom:110px}.clara-phone{width:42%}}
/* Composición ajustada · 16/10/2026 */.clara-preview .clara-phone{width:25%;right:-20px;bottom:-20px}@media(max-width:800px){.clara-preview .clara-phone{width:36%;right:-6px;bottom:0}.clara-preview .clara-devices{padding-bottom:100px}}
.preview-automation{font-size:13px;line-height:1.7;color:var(--muted);max-width:620px;margin:18px auto 0}.clara-visit{display:inline-flex;gap:16px;align-items:center;margin-top:20px;padding:13px 20px;border:1px solid var(--coral);border-radius:8px;color:var(--cream);font-weight:600;font-size:14px;text-decoration:none}.clara-visit:hover{background:var(--coral);color:var(--deep)}
/* Botón aprobado: contorno coral en todos los estados. */
.clara-preview .clara-visit,.clara-preview .clara-visit:visited{background:transparent;color:var(--cream);border:1px solid var(--coral)}.clara-preview .clara-visit:hover{background:rgba(255,139,120,.08);color:var(--cream)}.clara-preview .clara-visit:focus-visible{outline:2px solid var(--cream);outline-offset:4px}

.clara-testimonial{background:var(--deep);color:var(--cream);padding:0 0 80px}.clara-testimonial>.wrap{max-width:1200px}.clara-testimonial figure{margin:24px 0 0;border-top:1px solid rgba(255,248,243,.2);padding-top:32px}.clara-testimonial blockquote{margin:0;max-width:1000px;border-left:3px solid var(--coral);padding-left:28px}.clara-testimonial blockquote p{font-size:clamp(19px,2vw,26px);line-height:1.75;margin:0}.clara-testimonial figcaption{display:flex;flex-direction:column;gap:4px;margin:24px 0 0 31px;font-size:14px}.clara-testimonial figcaption span{color:var(--muted)}@media(max-width:767px){.clara-testimonial{padding-bottom:56px}.clara-testimonial blockquote{padding-left:20px}.clara-testimonial figcaption{margin-left:23px}}
