/* ps-commercial-hero.css — páginas comerciales de psico-smart.com: foto del producto en lugar del formulario */
.ps-photo-col{align-self:center}
.ps-photo-col img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 30px 60px -28px rgba(0,0,0,.45)}
@media (max-width:991px){.ps-photo-col{max-width:560px;margin:16px auto 0}}
.gp-hero__inner .ps-photo-col{align-self:start;margin-top:8px}
.wrap.hero>.ps-photo-col{align-self:start;margin-top:8px}

/* PS-HERO-CTA (2026-10-08): botones del hero = proporción de la piloto (software-pruebas-psicometricas-online.php):
   alto 54px, texto 16px, principal naranja #ec8435 peso 700 con ícono, secundario con contorno 2px; justo bajo el título. */
.ps-hero .ps-hero-cta{gap:12px!important;align-items:center}
.ps-hero .ps-hero-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:11.2px 25.6px;font-size:16px;line-height:1.5;border-radius:10px}
.ps-hero .ps-hero-cta .btn.btn-brand{background:#ec8435;border:0;color:#fff;font-weight:700;box-shadow:0 6px 16px -6px rgba(236,132,53,.55)}
.ps-hero .ps-hero-cta .btn.btn-brand:hover,.ps-hero .ps-hero-cta .btn.btn-brand:focus-visible{background:#d4700f;color:#fff}
.ps-hero .ps-hero-cta .btn.btn-ghost{background:transparent;border:2px solid #0f172a;color:#0f172a;font-weight:600}
.ps-hero .ps-hero-cta .btn.btn-ghost:hover,.ps-hero .ps-hero-cta .btn.btn-ghost:focus-visible{background:#0f172a;color:#fff}
@media (max-width:575px){.ps-hero .ps-hero-cta{flex-direction:column;align-items:stretch}.ps-hero .ps-hero-cta .btn{width:100%;min-height:48px}}