/*
 * 4IIT / Home - 13 Oct 2026
 * CSS deliberadamente aislado: no sustituye app.css ni requiere compilar Vite.
 * Solo se inyecta en la ruta home desde components/layouts/app.blade.php.
 */
.site-header--home {
    background: rgba(5, 17, 30, .98) !important;
    border-bottom-color: rgba(142, 204, 222, .16) !important;
    color: #f5fbff;
}
.site-header--home > div:first-child {max-width: 1280px;}
.ph-brand-wordmark {font-size: 1.9rem; font-weight: 900; color: #f6fdff; letter-spacing: -.085em; line-height: 1; display: inline-block;}
.ph-brand-wordmark span {color: #38e0e9;}
.site-header--home .ph-header-link {color: #dae7ef; font-size: .85rem; font-weight: 600; transition: color .18s ease;}
.site-header--home .ph-header-link:hover,.site-header--home .ph-header-link:focus-visible {color: #65f4f5;}
.site-header--home .ph-header-cta {border-radius: 999px; background: #42dfe9; color: #041725; padding: .75rem 1rem; font-size: .85rem; font-weight: 800; box-shadow: 0 0 28px rgba(34,211,238,.16); white-space: nowrap;}
.site-header--home .ph-header-cta:hover {background: #85f3f5;}
.site-header--home button[aria-label="Abrir menú"] {color: #e7fbff; border-color: #486172;}
.site-header--home .ph-mobile-menu {background: #091b2b; border-top-color: #263e52;}
.site-header--home .ph-menu-link {color: #deebf3; font-weight: 600; padding: .5rem .25rem;}
.site-header--home .ph-menu-cta {display: block; text-align: center; background: #48dfea; color: #062333; border-radius: .7rem; font-weight: 800; padding: .85rem;}
.site-home {--ph-dark:#051522;--ph-navy:#0d2638;--ph-ink:#081b2d;--ph-cyan:#40dce8;--ph-text:#53667a; color:var(--ph-ink); overflow: clip;}
.site-home *, .site-home *::before,.site-home *::after {box-sizing:border-box;}
.site-home a:focus-visible, .site-header--home a:focus-visible {outline: 3px solid #1ecfe0; outline-offset: 4px;}
.site-home .ph-container {width: min(100% - 3rem, 1220px); margin-inline: auto;}
.site-home .ph-section {padding: 5.5rem 0;}
.site-home .ph-eyebrow {color:#047b98; letter-spacing:.14em; font-size:.72rem; font-weight:850; text-transform:uppercase; margin-bottom: 1rem;}
.site-home .ph-eyebrow-cyan {color:#70e8f4;}
.site-home .ph-section h2 {font-size:clamp(2rem,3.6vw,3.1rem);letter-spacing:-.04em;line-height:1.12;font-weight:850;}
.site-home .ph-section h2 span {color:#067f99;}
.site-home .ph-btn {display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border-radius:.8rem;padding:1rem 1.45rem;min-height:52px;text-decoration:none;font-weight:800;font-size:.94rem;transition:transform .2s ease,background .2s ease,border-color .2s ease;white-space:normal;text-align:center;}
.site-home .ph-btn:hover {transform:translateY(-2px);}
.site-home .ph-btn-primary {background:#42e0ea;color:#052032;box-shadow:0 13px 29px rgba(7,192,211,.19);}
.site-home .ph-btn-primary:hover {background:#82f3f7;}
.site-home .ph-btn-outline {border:1px solid #8dc4d9;color:#f0fcff;}
.site-home .ph-btn-outline:hover {background:rgba(255,255,255,.10);}
.site-home .ph-btn-dark {background:#092035;color:#fff;}
.site-home .ph-btn-dark:hover {background:#0f3853;}
/* Hero */
.site-home .ph-hero {position:relative;background:radial-gradient(circle at 78% 23%,rgba(0,156,205,.19),transparent 41%),linear-gradient(132deg,#04111d,#071d31 58%,#061624);color:white;isolation:isolate;}
.site-home .ph-glow {position:absolute;pointer-events:none;border-radius:50%;filter:blur(70px);z-index:-1;}
.site-home .ph-glow-one {width:330px;height:320px;right:10%;top:3%;background:rgba(12,155,205,.12);}
.site-home .ph-glow-two {width:310px;height:180px;left:12%;bottom:1%;background:rgba(4,160,187,.10);}
.site-home .ph-hero-grid {display:grid;grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap:2.5rem;align-items:center;min-height:620px;padding-block:5.1rem 5.4rem;}
.site-home .ph-hero-copy {position:relative;z-index:2;}
.site-home .ph-hero h1 {font-size:clamp(2.55rem,4.7vw,4.5rem);font-weight:900;line-height:1.06;letter-spacing:-.055em;margin:0;max-width:720px;text-wrap:balance;}
.site-home .ph-hero h1 span {color:#41deea;}
.site-home .ph-hero-description {font-size:1.08rem;line-height:1.8;color:#c8d9e4;max-width:600px;margin-top:1.5rem;}
.site-home .ph-actions {display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;}
.site-home .ph-proof {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(199,235,248,.18);}
.site-home .ph-proof div {min-width:0;padding-right:.4rem;}
.site-home .ph-proof strong {display:block;font-size:1.04rem;letter-spacing:-.02em;color:#65edf1;font-weight:800;}
.site-home .ph-proof span {display:block;font-size:.73rem;line-height:1.55;color:#b0c8d7;margin-top:.24rem;}
/* Browser + dashboard + phone = no external assets / no third party JS */
.site-home .ph-hero-visual {position:relative;height:480px;min-width:0;}
.site-home .ph-visual-orbit {position:absolute;border:1px solid rgba(63,218,232,.17);transform:rotate(-16deg);border-radius:30px;inset:40px 20px 30px 45px;box-shadow:0 0 75px rgba(20,190,225,.11);}
.site-home .ph-browser {position:absolute;top:20px;right:14px;width:87%;height:330px;overflow:hidden;background:#102a3d;border:1px solid #4d91ac;border-radius:18px;box-shadow:0 38px 90px rgba(0,0,0,.4);transform:perspective(1000px) rotateY(-8deg) rotateX(2deg);}
.site-home .ph-window-bar {height:39px;background:#081d2c;border-bottom:1px solid #335068;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:.67rem;color:#c4deec;}
.site-home .ph-window-dots {display:flex;gap:4px;}
.site-home .ph-window-dots i {width:7px;height:7px;border-radius:50%;background:#59abb8;display:block;}
.site-home .ph-window-dots i:first-child {background:#ff7c7e;}
.site-home .ph-window-dots i:nth-child(2) {background:#ffc867;}
.site-home .ph-window-live {font-size:.61rem;color:#67ebd5;}
.site-home .ph-browser-body {height:calc(100% - 39px);position:relative;padding:31px 34px;background:radial-gradient(circle at 77% 37%,#2d6e90 0%,transparent 42%),linear-gradient(120deg,#071c2c 0%,#0a334d 100%);}
.site-home .ph-browser-body::after {content:"";position:absolute;width:205px;height:205px;right:3%;bottom:-48px;border:2px solid rgba(110,224,240,.17);border-radius:24%;transform:rotate(25deg);box-shadow:0 0 35px rgba(55,208,240,.15);}
.site-home .ph-browser-kicker {font-size:.60rem;font-weight:850;color:#77edf6;letter-spacing:.17em;position:relative;z-index:1;}
.site-home .ph-browser-headline {font-size:clamp(1.8rem,2.9vw,2.9rem);letter-spacing:-.05em;line-height:1.1;font-weight:800;color:white;margin-top:14px;position:relative;z-index:1;}
.site-home .ph-browser-headline em {font-style:normal;color:#6aeaf5;}
.site-home .ph-browser-button {display:inline-block;margin-top:19px;padding:8px 17px;border-radius:99px;background:#55e6f0;color:#071b2e;font-size:.65rem;font-weight:800;position:relative;z-index:1;}
.site-home .ph-browser-panels {position:absolute;bottom:14px;left:34px;display:flex;gap:8px;opacity:.5;}
.site-home .ph-browser-panels span {width:56px;height:19px;background:#296382;border:1px solid #588ba4;border-radius:5px;}
.site-home .ph-floating-panel {position:absolute;left:0;bottom:10px;width:66%;height:202px;padding:16px 18px;background:linear-gradient(145deg,#f5faff,#dfeff5);border:1px solid #b5d9e6;border-radius:15px;box-shadow:0 20px 65px rgba(0,0,0,.33);color:#0a2c42;transform:rotate(-3deg);}
.site-home .ph-dashboard-head {display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;}
.site-home .ph-panel-dot {width:8px;height:8px;border-radius:50%;background:#00b8bf;}
.site-home .ph-dashboard-head small {font-size:.54rem;color:#5e8296;margin-left:auto;}
.site-home .ph-dashboard-metrics {display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;}
.site-home .ph-dashboard-metrics div {background:#fff;border-radius:6px;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px #d0e4ef;}
.site-home .ph-dashboard-metrics small {font-size:.56rem;color:#668599;}
.site-home .ph-dashboard-metrics strong {color:#0497ac;}
.site-home .ph-line-chart {width:100%;height:90px;margin-top:8px;}
.site-home .ph-floating-phone {position:absolute;right:0;bottom:0;width:125px;height:236px;padding:25px 10px 12px;display:flex;flex-direction:column;align-items:center;border:5px solid #132d42;border-radius:23px;background:linear-gradient(#0c2438,#082034);color:white;box-shadow:0 22px 44px rgba(0,0,0,.55),inset 0 0 0 1px #628ba5;transform:rotate(6deg);}
.site-home .ph-phone-notch {position:absolute;top:8px;left:30%;width:40%;height:7px;border-radius:15px;background:#040f19;}
.site-home .ph-phone-avatar {width:30px;height:30px;display:grid;place-items:center;background:#2bcde0;color:#082237;border-radius:50%;font-size:1.3rem;font-weight:900;}
.site-home .ph-phone strong {font-size:.57rem;margin-top:7px;}
.site-home .ph-phone small {font-size:.44rem;color:#bdd2df;margin:4px 0 10px;text-align:center;}
.site-home .ph-phone-qr,.site-home .ph-art-qr {background-color:#fff;background-image:repeating-linear-gradient(0deg,transparent 0 5px,#102a42 5px 8px,transparent 8px 10px),repeating-linear-gradient(90deg,transparent 0 5px,#102a42 5px 8px,transparent 8px 10px);background-blend-mode:multiply;border:6px solid white;box-shadow:0 0 0 1px #a6cada;}
.site-home .ph-phone-qr {width:62px;height:62px;}
.site-home .ph-phone-pill {display:block;font-size:.43rem;background:#20cbe0;color:#062234;padding:5px 7px;border-radius:10px;margin-top:10px;font-weight:800;}
.site-home .ph-visual-note {position:absolute;bottom:-14px;right:0;font-size:.59rem;color:#8bb6ca;text-align:right;}
/* technology strip */
.site-home .ph-tech-ribbon {background:#edf6fa;border-bottom:1px solid #d5e5ee;}
.site-home .ph-tech-items {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 22px;padding-block:20px;color:#244456;font-weight:800;font-size:.8rem;}
.site-home .ph-tech-items span {white-space:nowrap;}
/* section titles */
.site-home .ph-section-top {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:end;gap:3rem;margin-bottom:2rem;}
.site-home .ph-section-top p:last-child {color:#50677a;line-height:1.8;font-size:1rem;}
.site-home .ph-services {background:#fff;}
.site-home .ph-services-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.site-home .ph-service-card {min-height:280px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:1.1rem;padding:1.55rem;border:1px solid #deebf2;border-radius:20px;background:linear-gradient(148deg,#f9fcff,#f0f6fa);box-shadow:0 10px 26px rgba(12,35,52,.025);transition:transform .18s ease,box-shadow .18s ease;}
.site-home .ph-service-card:hover {transform:translateY(-3px);box-shadow:0 18px 35px rgba(12,35,52,.09);}
.site-home .ph-service-primary {background:linear-gradient(135deg,#d9f7fb,#f1fbfd 64%);border-color:#b6edf3;}
.site-home .ph-service-icon {width:48px;height:48px;display:grid;place-items:center;color:#03657d;border:1px solid #b4e5ed;border-radius:15px;background:#dcf9fc;font-size:1.65rem;font-weight:900;}
.site-home .ph-service-num {color:#16839a;font-weight:850;letter-spacing:.12em;font-size:.63rem!important;margin-bottom:.6rem;}
.site-home .ph-service-card h3 {font-size:1.23rem;letter-spacing:-.025em;font-weight:850;line-height:1.22;margin-bottom:.65rem;}
.site-home .ph-service-card p {font-size:.85rem;line-height:1.65;color:#53697b;}
.site-home .ph-service-card a {display:inline-block;color:#00667e;font-size:.85rem;font-weight:850;margin-top:1.2rem;text-decoration:none;}
.site-home .ph-service-card a:hover {text-decoration:underline;}
.site-home .ph-service-mini {display:none;}
.site-home .ph-service-note {margin-top:1.25rem;background:#e9f6fa;border-radius:14px;padding:1rem 1.35rem;font-size:.91rem;line-height:1.7;color:#375568;}
.site-home .ph-service-note a {font-weight:800;color:#00657d;}
/* experience */
.site-home .ph-experience {background:radial-gradient(ellipse at 76% 40%,#123a52,#051625 62%);color:#f7fcff;}
.site-home .ph-experience-layout {display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;}
.site-home .ph-experience h2 span,.site-home .ph-analytics h2 span {color:#57e5ee;}
.site-home .ph-experience p:not(.ph-eyebrow),.site-home .ph-analytics p:not(.ph-eyebrow) {font-size:.98rem;color:#c0d1dd;line-height:1.85;margin-top:1.2rem;}
.site-home .ph-inline-link {display:inline-block;margin-top:1.6rem;color:#71edf3;font-weight:800;}
.site-home .ph-exp-highlight {display:flex;gap:1.5rem;align-items:center;padding:1.6rem;border-radius:18px;border:1px solid #2b5b72;background:#0d2c40;}
.site-home .ph-exp-highlight strong {font-size:5.6rem;line-height:1;font-weight:900;letter-spacing:-.08em;color:#5ae8f0;}
.site-home .ph-exp-highlight span {color:#e0eef7;font-size:1rem;line-height:1.6;font-weight:750;}
.site-home .ph-exp-chips {display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem;}
.site-home .ph-exp-chips span {padding:.65rem .85rem;border:1px solid #25475b;background:rgba(129,210,237,.07);border-radius:10px;font-size:.81rem;color:#d2e3eb;}
/* project previews */
.site-home .ph-projects {background:#f5f9fc;}
.site-home .ph-project-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}
.site-home .ph-project-card {overflow:hidden;background:#fff;border:1px solid #dceaf2;border-radius:17px;box-shadow:0 7px 24px rgba(19,48,70,.035);}
.site-home .ph-project-card>div:last-child {padding:1.2rem;}
.site-home .ph-project-card h3 {font-size:1rem;line-height:1.35;font-weight:850;}
.site-home .ph-project-card p {color:#566a7b;font-size:.8rem;line-height:1.7;margin-top:.65rem;}
.site-home .ph-project-art {height:175px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(132deg,#0a2c43,#185878);}
.site-home .ph-project-vcard {background:radial-gradient(circle at 65% 35%,#2879a1,#0c243b 66%);flex-direction:column;gap:5px;}
.site-home .ph-project-leads {background:linear-gradient(130deg,#164f6b,#08243b);}
.site-home .ph-project-subs {background:linear-gradient(150deg,#0e3850,#0e6680);}
.site-home .ph-art-qr {width:92px;height:92px;border-radius:7px;}
.site-home .ph-art-tag {position:absolute;bottom:11px;left:12px;background:#e4fbff;border-radius:5px;padding:4px 8px;color:#075369;font-size:.65rem;font-weight:800;}
.site-home .ph-art-avatar {height:52px;width:52px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:900;background:#30e3e8;color:#0c2333;}
.site-home .ph-art-lines {display:grid;gap:5px;margin-top:10px;}
.site-home .ph-art-lines i {height:6px;width:85px;border-radius:20px;background:#a0d8e5;}
.site-home .ph-art-lines i:nth-child(2){width:60px;margin:auto;opacity:.7;}
.site-home .ph-art-lines i:nth-child(3){width:78px;opacity:.5;}
.site-home .ph-art-lead {width:76%;display:grid;gap:10px;padding:15px 18px;border-radius:11px;background:#e7f4f8;}
.site-home .ph-art-lead i {height:12px;border-radius:5px;background:linear-gradient(90deg,#43cddb 15%,#b0d3df 15%,#b0d3df 90%,transparent 90%);}
.site-home .ph-art-bars {height:105px;width:175px;border-bottom:1px solid #b3f1f6;display:flex;align-items:flex-end;gap:10px;}
.site-home .ph-art-bars i {display:block;flex:1;background:linear-gradient(#6af4ef,#1a85c0);border-radius:5px 5px 0 0;}
.site-home .ph-art-bars i:nth-child(1){height:25%;}.site-home .ph-art-bars i:nth-child(2){height:45%;}.site-home .ph-art-bars i:nth-child(3){height:38%;}.site-home .ph-art-bars i:nth-child(4){height:78%;}.site-home .ph-art-bars i:nth-child(5){height:95%;}
/* existing pricing and quote sections - keep the original interactive Blade */
.site-home #paquetes {background:#f2f7fa;}
.site-home #paquetes article {border-radius:20px;transition:transform .18s ease;}
.site-home #paquetes article:hover {transform:translateY(-3px);}
.site-home #cotizar {background:linear-gradient(#fff,#f7fafc);}
.site-home #cotizar>div>div>div:last-child {box-shadow:0 25px 65px rgba(15,40,62,.08);}
/* support */
.site-home .ph-support {background:#fff;}
.site-home .ph-support-layout {display:grid;grid-template-columns:.88fr 1.12fr;gap:5rem;align-items:center;}
.site-home .ph-support h2 {max-width:530px;}
.site-home .ph-support p:not(.ph-eyebrow) {margin:1.25rem 0 1.8rem;line-height:1.8;color:#53697a;}
.site-home .ph-support-options {display:grid;gap:.8rem;}
.site-home .ph-support-options>div {display:flex;align-items:start;gap:1rem;background:#f3f8fb;border:1px solid #dfedf3;padding:1.25rem 1.35rem;border-radius:15px;}
.site-home .ph-option-icon {display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:#cdf6f8;color:#076279;font-size:1.7rem;}
.site-home .ph-support-options h3 {font-size:1.02rem;font-weight:850;}
.site-home .ph-support-options p {margin:.4rem 0 0!important;font-size:.83rem!important;line-height:1.65!important;}
/* analytics */
.site-home .ph-analytics {background:radial-gradient(circle at 75% 26%,#14435d,#041624 63%);color:#fff;}
.site-home .ph-analytics-layout {display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.site-home .ph-analytics-tools {display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0 2rem;}
.site-home .ph-analytics-tools span {border:1px solid #335a73;background:#173950;color:#e0f2fa;border-radius:9px;padding:.55rem .65rem;font-size:.78rem;font-weight:700;}
.site-home .ph-analytics-demo {border:1px solid #2e5b74;background:#0b2a3d;border-radius:18px;padding:1.5rem;box-shadow:0 30px 65px #0004;}
.site-home .ph-analytics-demo-title {display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-weight:800;font-size:.92rem;}
.site-home .ph-analytics-demo-title small {color:#95b9cb;font-weight:500;font-size:.66rem;}
.site-home .ph-metric-group {display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.3rem;}
.site-home .ph-metric-group span {background:#163c53;padding:1rem .65rem;border:1px solid #2b5570;border-radius:9px;text-align:center;font-size:.77rem;}
.site-home .ph-analytics-demo svg {width:100%;margin:1.5rem 0 .5rem;height:auto;}
.site-home .ph-analytics-demo-bottom {display:flex;justify-content:space-between;gap:1rem;color:#95bacc;font-size:.68rem;}
/* lower sections from original project */
.site-home #proceso {border-top:1px solid #234050;}
.site-home #faq {background:#f6f9fc;}
.site-home #faq>div>div:last-child>div {background:white;}
@media(max-width:1100px){
 .site-home .ph-hero-grid {grid-template-columns:1fr 1fr;gap:1rem;}
 .site-home .ph-hero h1 {font-size:clamp(2.35rem,4vw,3.4rem);}
 .site-home .ph-proof {gap:.5rem;}
 .site-home .ph-hero-visual {transform:scale(.90);transform-origin:center right;}
 .site-home .ph-project-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .site-header--home nav {gap:1rem;}
}
@media(max-width:840px){
 .site-home .ph-hero-grid {grid-template-columns:1fr;padding-block:4rem 2.5rem;gap:1.5rem;}
 .site-home .ph-hero-copy {text-align:left;}
 .site-home .ph-hero h1 {font-size:clamp(2.7rem,7.5vw,4.2rem);}
 .site-home .ph-hero-visual {width:min(100%,600px);height:445px;margin:0 auto;transform:none;}
 .site-home .ph-section {padding:4.5rem 0;}
 .site-home .ph-services-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .site-home .ph-section-top,.site-home .ph-experience-layout,.site-home .ph-support-layout,.site-home .ph-analytics-layout {grid-template-columns:1fr;gap:2rem;}
 .site-home .ph-section-top {margin-bottom:1.8rem;}
 .site-home .ph-experience-panels {max-width:600px;}
}
@media(max-width:640px){
 .site-home .ph-container {width:min(100% - 2rem,1220px);}
 .site-home .ph-hero-grid {padding-top:3rem;padding-bottom:2rem;}
 .site-home .ph-hero h1 {font-size:clamp(2.45rem,10vw,3.5rem);}
 .site-home .ph-hero-description {font-size:.97rem;line-height:1.7;}
 .site-home .ph-actions {flex-direction:column;}
 .site-home .ph-btn {width:100%;}
 .site-home .ph-proof {grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:2rem;}
 .site-home .ph-proof strong {font-size:.83rem;}
 .site-home .ph-proof span {font-size:.65rem;}
 .site-home .ph-hero-visual {height:340px;width:100%;}
 .site-home .ph-browser {top:7px;right:4%;width:90%;height:245px;border-radius:12px;}
 .site-home .ph-window-bar {height:27px;font-size:.54rem;}
 .site-home .ph-browser-body {height:calc(100% - 27px);padding:22px;}
 .site-home .ph-browser-headline {font-size:clamp(1.65rem,6.4vw,2.2rem);}
 .site-home .ph-browser-panels {left:22px;}
 .site-home .ph-floating-panel {width:69%;height:155px;bottom:13px;padding:10px;left:0;}
 .site-home .ph-dashboard-head {font-size:.56rem;}
 .site-home .ph-dashboard-head small {font-size:.44rem;}
 .site-home .ph-dashboard-metrics {margin-top:9px;}
 .site-home .ph-dashboard-metrics div {padding:4px;}
 .site-home .ph-dashboard-metrics small {font-size:.44rem;}
 .site-home .ph-line-chart {height:58px;}
 .site-home .ph-floating-phone {transform:rotate(6deg) scale(.8);transform-origin:bottom right;bottom:0;right:-4px;}
 .site-home .ph-visual-note {bottom:0;font-size:.52rem;}
 .site-home .ph-tech-items {justify-content:center;gap:10px 20px;font-size:.7rem;padding-block:14px;}
 .site-home .ph-section {padding:3.7rem 0;}
 .site-home .ph-section h2 {font-size:clamp(1.85rem,7vw,2.6rem);}
 .site-home .ph-services-grid,.site-home .ph-project-grid {grid-template-columns:1fr;}
 .site-home .ph-service-card {min-height:225px;padding:1.3rem;}
 .site-home .ph-project-art {height:160px;}
 .site-home .ph-project-card {display:grid;grid-template-columns:42% 58%;}
 .site-home .ph-exp-highlight strong {font-size:4.2rem;}
 .site-home .ph-exp-highlight span {font-size:.85rem;}
 .site-home .ph-analytics-demo {padding:1rem;}
 .site-home .ph-metric-group span {font-size:.65rem;padding:.65rem .25rem;}
}
@media(prefers-reduced-motion:reduce){
 .site-home .ph-btn,.site-home .ph-service-card,.site-home #paquetes article,.site-header--home .ph-header-link {transition:none;}
 .site-home .ph-btn:hover,.site-home .ph-service-card:hover,.site-home #paquetes article:hover{transform:none;}
}