/*
Theme Name: LHR Client Platform Showcase
Theme URI: https://client.lhrservicescorp.com
Author: LH & R Services Corp.
Author URI: https://lhrservicescorp.com
Description: Tema comercial oficial de LHR Client Platform. Incluye portada, recorrido visual y base preparada para Demo interactivo.
Version: 1.5.6
Text Domain: lhr-client-platform-showcase
License: Proprietary
*/

/* Theme shell only. Main Showcase styles are loaded from assets/css/showcase.css */
html, body {
    margin: 0;
    padding: 0;
    background: #06101c;
}


/* =========================================================
   v1.5.1 CLEAN — menos repetición, más claridad
   ========================================================= */
.lhrcp-clean-how,
.lhrcp-clean-capabilities{
  position:relative;
  padding:clamp(72px,8vw,124px) 0;
  background:#061521;
  border-top:1px solid rgba(103,211,255,.10);
}
.lhrcp-clean-capabilities{background:linear-gradient(180deg,#071827 0%,#06131f 100%)}
.lhrcp-clean-heading{max-width:880px;margin:0 auto 48px;text-align:center}
.lhrcp-clean-heading-left{max-width:820px;margin-left:0;text-align:left}
.lhrcp-clean-heading h2{margin:12px 0 16px;font-size:clamp(36px,4.4vw,68px);line-height:.98;letter-spacing:-.045em;color:#f7fbff}
.lhrcp-clean-heading p{max-width:760px;margin:0 auto;color:#93a9bc;font-size:clamp(16px,1.25vw,20px);line-height:1.7}
.lhrcp-clean-heading-left p{margin-left:0}
.lhrcp-clean-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:stretch}
.lhrcp-clean-flow>article{position:relative;min-height:290px;padding:32px;border:1px solid rgba(91,202,255,.16);border-radius:24px;background:linear-gradient(180deg,rgba(12,39,58,.78),rgba(7,25,39,.88));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.lhrcp-clean-flow>i{align-self:center;color:#38c8ff;font-style:normal;font-size:28px;opacity:.68}
.lhrcp-clean-step{font-size:13px;font-weight:800;letter-spacing:.18em;color:#57d8ff;margin-bottom:28px}
.lhrcp-clean-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(72,205,255,.28);border-radius:14px;background:rgba(31,145,205,.09);color:#63dcff;font-size:22px;margin-bottom:22px}
.lhrcp-clean-flow h3,.lhrcp-clean-cap-grid h3{margin:0 0 10px;color:#f4f9fd;font-size:23px;letter-spacing:-.02em}
.lhrcp-clean-flow p,.lhrcp-clean-cap-grid p{margin:0;color:#8fa6b8;line-height:1.65;font-size:15px}
.lhrcp-clean-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.lhrcp-clean-cap-grid article{padding:28px;min-height:190px;border-radius:20px;border:1px solid rgba(80,194,245,.14);background:rgba(10,31,47,.72);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.lhrcp-clean-cap-grid article:hover{transform:translateY(-4px);border-color:rgba(79,215,255,.34);background:rgba(12,39,58,.88)}
.lhrcp-clean-cap-grid article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:12px;background:#0b2b43;color:#56d8ff;font-size:18px}
.lhrcp-clean-summary{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:26px;padding:24px 28px;border:1px solid rgba(69,209,255,.16);border-radius:18px;background:rgba(5,22,34,.84)}
.lhrcp-clean-summary strong{color:#f4fbff;font-size:18px}
.lhrcp-clean-summary span{color:#8ea6b8;text-align:right}
/* La sección de permisos se conserva porque aporta una capacidad única, pero con menos aire vertical. */
.lhrcp-device-access{padding-top:clamp(72px,7vw,108px)!important;padding-bottom:clamp(72px,7vw,108px)!important}
.lhrcp-contact-section{padding-top:clamp(70px,7vw,110px)!important}
@media (max-width:980px){
  .lhrcp-clean-flow{grid-template-columns:1fr;gap:14px}.lhrcp-clean-flow>i{display:none}
  .lhrcp-clean-flow>article{min-height:0}
  .lhrcp-clean-cap-grid{grid-template-columns:repeat(2,1fr)}
  .lhrcp-clean-summary{align-items:flex-start;flex-direction:column}.lhrcp-clean-summary span{text-align:left}
}
@media (max-width:620px){
  .lhrcp-clean-how,.lhrcp-clean-capabilities{padding:64px 0}
  .lhrcp-clean-cap-grid{grid-template-columns:1fr}
  .lhrcp-clean-heading{margin-bottom:32px}
  .lhrcp-clean-flow>article,.lhrcp-clean-cap-grid article{padding:24px}
}

/* =========================================================
   v1.5.2 PREMIUM POLISH — misma estructura CLEAN, mejor acabado
   ========================================================= */
:root{--lhrcp-premium-line:rgba(84,207,255,.18);--lhrcp-premium-glow:rgba(45,183,255,.12)}
.lhrcp-clean-how,.lhrcp-clean-capabilities,.lhrcp-device-access,.lhrcp-contact-section{overflow:hidden;isolation:isolate}
.lhrcp-clean-how:before,.lhrcp-clean-capabilities:before,.lhrcp-device-access:before,.lhrcp-contact-section:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:520px;height:520px;border-radius:50%;filter:blur(12px);opacity:.42;background:radial-gradient(circle,var(--lhrcp-premium-glow),transparent 68%)}
.lhrcp-clean-how:before{right:-240px;top:-210px}.lhrcp-clean-capabilities:before{left:-270px;bottom:-250px}.lhrcp-device-access:before{right:-260px;top:18%}.lhrcp-contact-section:before{left:-260px;top:10%}
.lhrcp-clean-flow>article,.lhrcp-clean-cap-grid article,.lhrcp-permission-device,.lhrcp-permission-center,.lhrcp-device-list,.lhrcp-contact-panel{transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s ease,box-shadow .32s ease,background .32s ease}
.lhrcp-clean-flow>article:hover,.lhrcp-clean-cap-grid article:hover{transform:translateY(-6px);border-color:rgba(82,217,255,.36);box-shadow:0 24px 55px rgba(0,0,0,.18),0 0 38px rgba(44,180,255,.055)}
.lhrcp-clean-flow>article:after,.lhrcp-clean-cap-grid article:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 30% 72%,rgba(64,208,255,.025));opacity:0;transition:opacity .32s ease}
.lhrcp-clean-flow>article:hover:after,.lhrcp-clean-cap-grid article:hover:after{opacity:1}
.lhrcp-clean-flow>article,.lhrcp-clean-cap-grid article{position:relative;overflow:hidden}
.lhrcp-clean-icon,.lhrcp-clean-cap-grid article>span{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.lhrcp-clean-flow>article:hover .lhrcp-clean-icon,.lhrcp-clean-cap-grid article:hover>span{transform:translateY(-2px) scale(1.04);border-color:rgba(89,220,255,.45);box-shadow:0 0 26px rgba(62,202,255,.11)}
.lhrcp-clean-flow>i{position:relative;text-shadow:0 0 18px rgba(56,200,255,.28)}
.lhrcp-clean-summary{box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .3s ease,box-shadow .3s ease}.lhrcp-clean-summary:hover{border-color:rgba(72,216,255,.28);box-shadow:0 16px 42px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.035)}
.lhrcp-device-access .lhrcp-device-grid{position:relative}
.lhrcp-permission-device:hover,.lhrcp-permission-center:hover,.lhrcp-device-list:hover{transform:translateY(-4px);border-color:rgba(80,211,255,.28)!important;box-shadow:0 22px 55px rgba(0,0,0,.16)}
.lhrcp-contact-panel:hover{transform:translateY(-3px);border-color:rgba(83,210,255,.34)!important;box-shadow:0 38px 105px rgba(0,0,0,.30),0 0 48px rgba(40,181,255,.045)!important}
.lhrcp-contact-card{transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.lhrcp-contact-card:hover{transform:translateX(4px);border-color:rgba(76,219,255,.38)!important;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.lhrcp-contact-card b{transition:transform .25s ease}.lhrcp-contact-card:hover b{transform:translateX(3px)}
.lhrcp-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(max-width:760px){.lhrcp-clean-heading h2{font-size:clamp(36px,11vw,52px)}.lhrcp-clean-heading p{font-size:15px;line-height:1.6}.lhrcp-clean-flow>article,.lhrcp-clean-cap-grid article{border-radius:19px}.lhrcp-clean-summary{padding:20px}.lhrcp-contact-panel:hover,.lhrcp-permission-device:hover,.lhrcp-permission-center:hover,.lhrcp-device-list:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.lhrcp-clean-flow>article,.lhrcp-clean-cap-grid article,.lhrcp-clean-icon,.lhrcp-clean-cap-grid article>span,.lhrcp-permission-device,.lhrcp-permission-center,.lhrcp-device-list,.lhrcp-contact-panel,.lhrcp-contact-card,.lhrcp-contact-card b{transition:none!important;transform:none!important}}
.lhrcp-premium-reveal{opacity:.001;transform:translateY(18px);transition:opacity .62s ease var(--lhrcp-reveal-delay,0ms),transform .62s cubic-bezier(.2,.8,.2,1) var(--lhrcp-reveal-delay,0ms)}
.lhrcp-premium-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.lhrcp-premium-reveal{opacity:1!important;transform:none!important;transition:none!important}}


/* =========================================================
   v1.5.6 SEAMLESS SECTIONS — fondo inferior continuo
   ========================================================= */
.lhrcp-lower-background-wrap{position:relative;background-color:#06101c;}
.lhrcp-lower-background-wrap .lhrcp-clean-how,
.lhrcp-lower-background-wrap .lhrcp-clean-capabilities,
.lhrcp-lower-background-wrap .lhrcp-device-access,
.lhrcp-lower-background-wrap .lhrcp-contact-section{
  background:transparent!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
}
/* Las tarjetas conservan sus bordes; solo se eliminan las divisiones entre secciones. */