/* Approved hero artwork: original copy, original five-device renderer. */
.process-v10.p-home #inicio{padding-top:40px;padding-bottom:35px;gap:32px;position:relative;isolation:isolate}
.process-v10.p-home #inicio>.p-hero-copy{position:relative;z-index:2}
.process-v10.p-home #inicio .p-hero-eyebrow{display:block;margin:0 0 24px;font-size:.72rem;line-height:1.5;font-weight:750;letter-spacing:.24em;text-transform:uppercase;color:#276b5e}
.process-v10.p-home #inicio .p-hero-eyebrow:after{content:"";display:block;width:49px;height:4px;margin-top:17px;border-radius:8px;background:linear-gradient(90deg,#dfa946,#f0d39b)}
.process-v10.p-home #inicio h1{font-size:clamp(2.4rem,3.7vw,4rem);font-weight:850;line-height:1.06;letter-spacing:-.05em!important;margin:0 0 25px;text-wrap:initial}
.process-v10.p-home #inicio h1 span{color:#347461}
.process-v10.p-home #inicio .hero-copy{font-size:clamp(.98rem,1.19vw,1.12rem);line-height:1.65;max-width:45ch;margin-bottom:25px}
.process-v10.p-home #inicio .hero-actions{gap:12px;align-items:center}.process-v10.p-home #inicio .p-button{font-size:.96rem;min-height:49px;padding:12px 23px}.process-v10.p-home #inicio .p-primary{background:linear-gradient(105deg,#d65b06,#c64e05);border-color:#ca5008;box-shadow:inset 0 1px 0 #ffffff26}
.process-v10.p-home #inicio .p-hero-note{font-size:.78rem;line-height:1.6;margin-top:20px!important}
.process-v10.p-home #inicio .p-hero-glow{position:relative;background:radial-gradient(ellipse at 52% 51%,#ffdbafaa 0%,#ffe6c350 42%,transparent 73%)}
.process-v10.p-home #inicio .p-hero-glow:before,.process-v10.p-home #inicio .p-hero-glow:after{content:"";position:absolute;pointer-events:none;z-index:-1;inset:11% 5% 19% -2%;border:1px solid #fffdf2d9;border-radius:50%;transform:rotate(-12deg)}
.process-v10.p-home #inicio .p-hero-glow:after{inset:28% 0 14% -9%;transform:rotate(-19deg);border-color:#efd6ac80}
.process-v10.p-home #inicio .three-gesture-hint{font-size:10px;padding:6px 10px;color:#53645d;background:#fffdf4c9}
.process-v10.p-home .p-benefits{background:#fffcf5;border-color:#ece8dc;padding:4px 0}
.process-v10.p-home .p-benefits>.p-wrap{width:min(1440px,calc(100% - 80px));padding:0;gap:5px}
.process-v10.p-home .p-benefits>.p-wrap>div{padding:21px 24px;align-items:center;gap:16px;border-radius:17px;background:linear-gradient(115deg,#e8f0e3,#f4f6ed);min-width:0}
.process-v10.p-home .p-benefits>.p-wrap>div:nth-child(2){background:linear-gradient(115deg,#faecd4,#fcf5e7)}
.process-v10.p-home .p-benefits>.p-wrap>div:nth-child(3){background:linear-gradient(115deg,#e3efe6,#f1f7ef)}
.process-v10.p-home .p-benefits span{display:grid;place-items:center;width:43px;height:43px;padding:0;border-radius:50%;background:#cfe4d5;flex:none;color:#286d5b;font-size:.84rem}
.process-v10.p-home .p-benefits>.p-wrap>div:nth-child(2)>span{background:#f6dfb5;color:#a66826}
.process-v10.p-home .p-benefits p{border-left:1px solid #c9dbc5;padding-left:13px;font-size:.8rem;line-height:1.5!important}.process-v10.p-home .p-benefits>.p-wrap>div:nth-child(2)>p{border-color:#ead9bc}
.process-v10.p-home .p-benefits strong{font-size:.95rem;line-height:1.3;margin-bottom:6px;letter-spacing:-.025em}
@media(min-width:981px) and (max-height:800px){.process-v10.p-home #inicio{padding-top:24px;padding-bottom:24px}.process-v10.p-home #inicio .p-hero-eyebrow{margin-bottom:19px}.process-v10.p-home #inicio .p-hero-eyebrow:after{margin-top:12px}.process-v10.p-home #inicio .hero-product-scene{height:clamp(430px,35vw,510px)}.process-v10.p-home .p-benefits>.p-wrap>div{padding:17px 18px}}
@media(min-width:701px) and (max-width:980px){.process-v10.p-home #inicio h1{font-size:clamp(2rem,4vw,2.6rem)}.process-v10.p-home #inicio .p-hero-eyebrow{font-size:.62rem;letter-spacing:.16em}.process-v10.p-home .p-benefits>.p-wrap>div{padding:16px 13px;gap:10px}.process-v10.p-home .p-benefits p{padding-left:9px}.process-v10.p-home .p-benefits span{width:32px;height:32px}.process-v10.p-home .p-benefits strong{font-size:.83rem}}
@media(max-width:700px){.process-v10.p-home #inicio{padding-top:29px!important}.process-v10.p-home #inicio .p-hero-eyebrow{font-size:.62rem;letter-spacing:.16em;margin-bottom:18px}.process-v10.p-home #inicio h1{font-size:clamp(2.1rem,8.5vw,2.7rem);line-height:1.07;margin-bottom:20px}.process-v10.p-home #inicio .hero-copy{font-size:.97rem}.process-v10.p-home #inicio .p-hero-note{font-size:.75rem}.process-v10.p-home #inicio .p-button{font-size:.87rem;padding:11px 18px;min-height:46px}.process-v10.p-home #inicio .hero-actions{gap:9px}.process-v10.p-home .p-benefits>.p-wrap{width:calc(100% - 40px);gap:7px;padding:8px 0}.process-v10.p-home .p-benefits>.p-wrap>div{padding:17px 16px;border-radius:14px;gap:13px}.process-v10.p-home .p-benefits p{font-size:.8rem}.process-v10.p-home .p-benefits strong{font-size:.94rem}.process-v10.p-home .p-benefits span{width:38px;height:38px}.process-v10.p-home #inicio .p-hero-glow:before,.process-v10.p-home #inicio .p-hero-glow:after{inset:12% 6% 20% 2%;transform:rotate(-14deg)}}

/* Reserve a heading rail outside the canvas for the dynamic screen label. */
.process-v10.p-home #inicio .hero-visual{padding-top:44px}
.process-v10.p-home #inicio .sora-label{top:-40px!important;left:10px;right:auto;max-width:calc(100% - 20px);transform:none!important;margin:0;z-index:2;font-size:11px;line-height:1.4;padding:6px 11px;min-height:30px;white-space:normal}
.process-v10.p-home #inicio .three-gesture-hint{top:-38px!important;right:8px;font-size:9px;padding:6px 9px}
@media(max-width:1100px){.process-v10.p-home #inicio .three-gesture-hint{display:none}}
@media(max-width:700px){.process-v10.p-home #inicio .hero-visual{padding-top:35px}.process-v10.p-home #inicio .sora-label{top:-32px!important;left:4px;font-size:10px;padding:5px 9px;min-height:26px}}

/* Teléfono central más grande: la escena crece hacia arriba y usa el espacio libre de la pantalla. */
@media(min-width:981px){.process-v10.p-home #inicio .hero-product-scene{height:clamp(440px,min(42vw,calc(100vh - 215px)),610px)}}

/* Vista de cerca: la captura real de la pantalla, grande y nítida. */
.sv{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:rgba(10,14,25,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sv-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%}
.sv-figure img{display:block;width:auto;height:auto;max-width:min(92vw,520px);max-height:calc(100vh - 110px);border:8px solid #0b1020;border-radius:38px;background:#0b1020;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);image-rendering:auto}
.sv-figure figcaption{color:#fff;font-size:.95rem;font-weight:600;text-align:center}
.sv-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#101523;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.sv-close:focus-visible{outline:3px solid #f08a00;outline-offset:3px}
html.sv-open{overflow:hidden}

/* Carga: mientras el 3D se prepara no se muestran los teléfonos de respaldo (aparecían enormes y oscuros).
   Solo se muestran si el 3D falla o tarda demasiado (clase hero-fallback). */
.hero-product-scene:not(.three-ready):not(.hero-fallback) .product-phone,
.hero-product-scene:not(.three-ready):not(.hero-fallback) .hero-sora{opacity:0!important;visibility:hidden!important;pointer-events:none!important}