:root{
  --primary:#18d5d0; --primary-dark:#0eaead; --primary-soft:rgba(24,213,208,.12); --primary-border:rgba(24,213,208,.35); --turquoise:var(--primary); --turquoise-2:#62fff8; --whatsapp:#128c7e; --whatsapp-bright:#25d366; --black:#010101; --graphite:#111718; --card:#0b1213; --muted:#aebfc0; --line:rgba(24,213,208,.22); --white:#fff; --radius:8px; --shadow:0 28px 80px rgba(0,0,0,.45); --container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(24,213,208,.12),transparent 30%),linear-gradient(180deg,#020505,#050909 40%,#010101);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - 40px,var(--container));margin-inline:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;background:#fff;color:#000;z-index:999;padding:10px;border-radius:8px}.section{padding:96px 0}.compact-section{padding:38px 0}.site-header{position:sticky;top:0;z-index:100;background:rgba(1,1,1,.9);border-bottom:1px solid rgba(24,213,208,.18);backdrop-filter:blur(16px)}.navbar{height:76px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.brand-logo{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(24,213,208,.16))}.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.nav-toggle span{width:22px;height:2px;background:#fff;border-radius:999px;transition:.2s}.nav-menu{margin-left:auto;display:flex;align-items:center;gap:7px}.nav-link,.nav-trigger{min-height:42px;display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:#d7e3e3;font-weight:850;font-size:.87rem;letter-spacing:0;white-space:nowrap;cursor:pointer}.nav-link:hover,.nav-link:focus,.nav-trigger:hover,.nav-trigger:focus,.nav-group.is-active>.nav-trigger{background:rgba(24,213,208,.12);border-color:rgba(24,213,208,.34);color:#fff;outline:0}.nav-trigger::after{content:"";width:7px;height:7px;margin-left:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.8}.nav-quote{margin-left:6px;min-height:48px}.nav-group{position:relative}.mega-panel{position:fixed;top:76px;left:50%;z-index:101;width:min(920px,calc(100vw - 54px));transform:translateX(-50%) translateY(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;background:rgba(4,12,14,.98);border:1px solid rgba(24,213,208,.28);border-radius:0 0 22px 22px;box-shadow:0 26px 80px rgba(0,0,0,.55);padding:18px;backdrop-filter:blur(18px)}.mega-panel.compact{width:min(720px,calc(100vw - 54px))}.nav-group.is-active .mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-grid{display:grid;gap:18px}.mega-grid.three-cols{grid-template-columns:repeat(3,1fr)}.mega-grid.two-cols{grid-template-columns:repeat(2,1fr)}.mega-col{padding:8px 10px}.mega-col h4{margin:0 0 8px;color:var(--turquoise);font-size:.86rem;letter-spacing:.02em}.mega-col a{display:block;color:#c7d7d7;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700;font-size:.9rem}.mega-col a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);padding:13px 20px;font-weight:900;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--turquoise);color:#001314;border-color:var(--turquoise);box-shadow:0 12px 32px rgba(24,213,208,.18)}.btn-secondary{background:rgba(255,255,255,.05);color:#fff}.btn-whatsapp{background:#12b981;color:#fff;border-color:#12b981}.btn-small{padding:10px 17px;font-size:.86rem}.home-hero{padding:82px 0 74px}.hero-grid,.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:42px;align-items:center}.eyebrow{color:var(--turquoise);text-transform:uppercase;font-weight:950;letter-spacing:.13em;font-size:.74rem;margin:0 0 12px}h1,h2,h3{line-height:1.04;margin:0;color:#fff;letter-spacing:0}h1{font-size:3.65rem;max-width:860px}h2{font-size:2.85rem}h3{font-size:1.22rem}.hero-lead,.page-lead{font-size:1.18rem;color:#e5eeee;max-width:760px;margin:22px 0 0}.hero-support,.section-head p,.page-hero p,.split-grid p,.info-card p,.service-card p,.portfolio-card p,.timeline p,.footer p,.legal-note{color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 22px}.hero-media{margin:0;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#071011;position:relative;aspect-ratio:4/3}.hero-media.small{aspect-ratio:16/11}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(1,1,1,.72);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:11px 13px;color:#dfecec;font-size:.85rem;backdrop-filter:blur(10px)}.page-hero{padding:72px 0 56px;background:linear-gradient(180deg,rgba(24,213,208,.07),transparent)}.statement{border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(24,213,208,.09),rgba(255,255,255,.035));padding:30px;box-shadow:var(--shadow)}.statement p{margin:0;color:#ecffff;font-size:1.18rem;font-weight:800}.section-head{max-width:830px;margin-bottom:34px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.compact-grid{grid-template-columns:repeat(3,1fr)}.service-card,.info-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:13px;min-height:260px;padding:26px;border:1px solid rgba(24,213,208,.18);border-radius:var(--radius);background:rgba(12,20,21,.82);box-shadow:0 12px 42px rgba(0,0,0,.23)}.service-card:hover,.info-card:hover,.portfolio-card:hover{border-color:rgba(24,213,208,.52);transform:translateY(-4px)}.service-card img,.info-card img{width:82px;height:82px;object-fit:contain}.service-card span{margin-top:auto;color:var(--turquoise);font-weight:900}.dark-panel{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(24,213,208,.035));border-block:1px solid rgba(255,255,255,.06)}.portfolio-preview,.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{border:1px solid rgba(24,213,208,.18);border-radius:24px;background:rgba(16,24,25,.84);overflow:hidden;box-shadow:0 12px 42px rgba(0,0,0,.24);transition:.25s}.portfolio-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#071011}.portfolio-card-body{padding:18px}.portfolio-card .category{color:var(--turquoise);font-weight:950;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.portfolio-card button{width:100%;margin-top:10px}.portfolio-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.filter-btn{border:1px solid rgba(24,213,208,.22);background:rgba(255,255,255,.035);color:#e9ffff;border-radius:999px;padding:10px 13px;cursor:pointer;font-weight:800;font-size:.86rem}.filter-btn.active,.filter-btn:hover{background:var(--turquoise);color:#001314}.center-actions{display:flex;justify-content:center;margin-top:28px}.split-grid{display:grid;grid-template-columns:.9fr 1fr;gap:42px;align-items:center}.split-media{margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:16/10;background:#071011}.split-media img{width:100%;height:100%;object-fit:cover}.feature-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.feature-list span{border:1px solid var(--line);background:rgba(24,213,208,.06);color:#e9ffff;padding:8px 12px;border-radius:999px;font-size:.86rem;font-weight:760}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline div{padding:24px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(24,213,208,.18)}.timeline span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:rgba(24,213,208,.12);color:var(--turquoise);font-weight:950;margin-bottom:14px}.quote-shell{display:grid;grid-template-columns:1.35fr .75fr;gap:20px;padding:22px;border:1px solid rgba(24,213,208,.18);border-radius:var(--radius);background:rgba(12,20,21,.82);box-shadow:var(--shadow)}.quote-brand-block{grid-column:1/-1;display:flex;align-items:center;gap:16px;border:1px solid rgba(24,213,208,.2);background:linear-gradient(135deg,rgba(24,213,208,.1),rgba(255,255,255,.025));border-radius:22px;padding:16px 18px}.quote-brand-block img{width:72px;height:72px;object-fit:contain}.quote-brand-block span{display:block;color:var(--turquoise);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950}.quote-brand-block strong{display:block;font-size:1.5rem;line-height:1;color:#fff;letter-spacing:0}.quote-brand-block p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.quote-tabs{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.quote-tab{border:1px solid rgba(24,213,208,.22);background:#071011;color:#eaffff;border-radius:999px;padding:10px 13px;font-weight:850;cursor:pointer}.quote-tab.active{background:var(--turquoise);color:#001314}.quote-form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:flex;flex-direction:column;gap:8px;color:#e9ffff;font-weight:760}input,textarea{width:100%;border:1px solid rgba(24,213,208,.18);background:#081112;color:#fff;border-radius:16px;padding:13px 14px;outline:none;font:inherit}input:focus,textarea:focus{border-color:var(--turquoise);box-shadow:0 0 0 4px rgba(24,213,208,.1)}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.quote-summary{border:1px solid rgba(24,213,208,.18);background:#081112;border-radius:22px;padding:20px;height:max-content;position:sticky;top:104px}.quote-summary::before{content:"";display:block;width:64px;height:64px;background:url('/assets/logo/keduin-logo-128.webp') center/contain no-repeat;margin-bottom:12px}.summary-table{display:grid;gap:9px}.summary-table div{border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:8px}.summary-table strong{display:block;color:#fff;font-size:.82rem}.summary-table span{color:var(--muted);font-size:.92rem}.contact-grid{display:grid;grid-template-columns:.82fr 1fr;gap:30px}.contact-list{display:grid;gap:12px;margin-top:20px}.contact-list a,.contact-list div{padding:18px;display:flex;justify-content:space-between;gap:16px;border:1px solid rgba(24,213,208,.18);border-radius:var(--radius);background:rgba(12,20,21,.82)}.contact-list span{color:var(--muted)}.contact-form{padding:24px;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(24,213,208,.18);border-radius:var(--radius);background:rgba(12,20,21,.82)}.home-socials{display:flex;flex-wrap:wrap;gap:10px}.home-socials a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(24,213,208,.25);background:rgba(255,255,255,.04);border-radius:999px;padding:9px 12px;color:#eaffff;font-weight:850}.home-socials img{width:20px;height:20px}.home-socials.local{margin-top:18px}.footer{border-top:1px solid rgba(255,255,255,.08);padding:56px 0 22px;background:#030606}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}.footer-logo{width:76px;height:76px;object-fit:contain;margin-bottom:12px}.footer h3{font-size:1rem;margin:0 0 12px}.footer a,.footer span{display:block;color:#b8c8c8;margin:8px 0}.footer a:hover{color:var(--turquoise)}.footer-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.footer-socials a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(24,213,208,.25);margin:0}.footer-socials img{width:22px;height:22px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px}.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:8px;border-radius:999px;padding:11px 14px;background:#0d211f;border:1px solid rgba(37,211,102,.65);box-shadow:0 16px 44px rgba(0,0,0,.38);font-weight:950;color:#fff}.floating-whatsapp img{width:34px;height:34px}.heartbeat{animation:heartbeat 1.8s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.08)}28%{transform:scale(1)}42%{transform:scale(1.06)}70%{transform:scale(1)}}.modal{position:fixed;inset:0;z-index:120;display:none}.modal[aria-hidden="false"]{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(960px,calc(100% - 34px));max-height:90vh;overflow:auto;background:#071011;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:14px;top:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(1,1,1,.82);color:#fff;font-size:28px;cursor:pointer}.modal-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.modal-body{padding:26px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1120px){.nav-link,.nav-trigger{font-size:.82rem;padding-inline:8px}.brand-logo{width:58px;height:58px}.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.nav-toggle{display:flex}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu{position:fixed;left:16px;right:16px;top:86px;display:none;flex-direction:column;align-items:stretch;gap:8px;max-height:calc(100vh - 108px);overflow:auto;background:rgba(5,9,10,.98);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.nav-menu.is-open{display:flex}.nav-link,.nav-trigger,.nav-quote{width:100%;justify-content:space-between;padding:13px 14px;border:1px solid rgba(24,213,208,.12);background:rgba(255,255,255,.025);border-radius:16px}.nav-quote{justify-content:center;background:var(--turquoise);color:#001314}.nav-group{display:block;width:100%}.mega-panel,.mega-panel.compact{position:static;width:100%;display:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;border-radius:18px;margin-top:8px;padding:10px;box-shadow:none}.nav-group.is-active .mega-panel{display:block}.mega-grid.three-cols,.mega-grid.two-cols{grid-template-columns:1fr}.hero-grid,.page-hero-grid,.split-grid,.quote-shell,.contact-grid{grid-template-columns:1fr}.hero-media{max-width:680px}.portfolio-preview,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.quote-summary{position:static}}
@media (max-width:680px){.container{width:min(100% - 28px,var(--container))}.section{padding:70px 0}.navbar{height:72px}.nav-menu{top:82px;left:12px;right:12px}.brand-logo{width:54px;height:54px}h1{font-size:2.28rem}h2{font-size:1.9rem}.hero-actions .btn,.form-actions .btn{width:100%}.cards-grid,.compact-grid,.portfolio-preview,.portfolio-grid,.timeline,.form-grid,.footer-grid{grid-template-columns:1fr}.service-card,.info-card{min-height:0}.hero-media figcaption{position:static;border-radius:0}.quote-brand-block{align-items:flex-start}.quote-brand-block img{width:60px;height:60px}.footer-bottom{flex-direction:column}.floating-whatsapp span{display:none}.floating-whatsapp{width:58px;height:58px;padding:0;justify-content:center}.floating-whatsapp img{width:38px;height:38px}.contact-list a,.contact-list div{flex-direction:column}.modal-card img{aspect-ratio:16/10}.modal-actions .btn{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.heartbeat{animation:none}.btn:hover,.service-card:hover,.info-card:hover,.portfolio-card:hover{transform:none}}

/* V4 - burbuja interna de vista previa de portafolio */
.portfolio-shot{position:relative;width:100%;padding:0;border:0;background:#071011;cursor:pointer;display:block;overflow:hidden;color:#fff;text-align:left}
.portfolio-shot img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .32s ease,filter .32s ease}
.portfolio-shot span{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 12px;background:rgba(1,1,1,.78);border:1px solid rgba(24,213,208,.38);box-shadow:0 12px 30px rgba(0,0,0,.28);color:#fff;font-weight:900;font-size:.82rem;backdrop-filter:blur(10px)}
.portfolio-card:hover .portfolio-shot img,.portfolio-shot:focus img{transform:scale(1.035);filter:saturate(1.08)}
.portfolio-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.portfolio-card-actions .btn{width:100%;justify-content:center;margin-top:0}
.modal-card-preview{width:min(1180px,calc(100% - 28px));overflow:hidden}.modal-preview-layout{display:grid;grid-template-columns:1.35fr .8fr;gap:0;min-height:620px}.preview-bubble{padding:18px;background:radial-gradient(circle at 20% 10%,rgba(24,213,208,.13),transparent 34%),#040909;border-right:1px solid rgba(24,213,208,.18);display:flex;flex-direction:column;gap:12px}.browser-bar{height:44px;border:1px solid rgba(24,213,208,.18);border-radius:18px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:8px;padding:0 14px;color:#c8dddd;min-width:0}.browser-bar strong{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem;color:#eaffff}.browser-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);flex:0 0 auto}.browser-dot:nth-child(2){background:rgba(24,213,208,.55)}.browser-dot:nth-child(3){background:rgba(255,255,255,.18)}.preview-stage{position:relative;flex:1;min-height:420px;border:1px solid rgba(24,213,208,.22);border-radius:22px;background:#071011;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.3)}.preview-stage img,.preview-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.preview-stage img{object-fit:cover;object-position:top center}.preview-stage iframe{display:none;background:#fff}.preview-bubble.is-live .preview-stage img{display:none}.preview-bubble.is-live .preview-stage iframe{display:block}.preview-note{margin:0;color:#9db3b3;font-size:.86rem}.modal-card-preview .modal-body{padding:34px;align-self:center}.modal-card-preview .modal-body h2{font-size:2.35rem;line-height:.98}.modal-preview-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.modal-preview-controls .btn{padding:11px 14px}.modal-card-preview .modal-actions .btn{flex:1 1 180px}
@media (max-width:980px){.modal-card-preview{max-height:92vh;overflow:auto}.modal-preview-layout{grid-template-columns:1fr;min-height:0}.preview-bubble{border-right:0;border-bottom:1px solid rgba(24,213,208,.18);padding:14px}.preview-stage{min-height:54vw}.modal-card-preview .modal-body{padding:22px}.portfolio-card-actions{grid-template-columns:1fr}}
@media (max-width:680px){.preview-stage{min-height:58vw;border-radius:16px}.browser-bar{height:40px;border-radius:14px}.preview-note{font-size:.8rem}.modal-preview-controls .btn,.modal-card-preview .modal-actions .btn{width:100%;flex-basis:100%}}


/* V5 - portafolio ordenado con capturas reales entregadas por el cliente */
.portfolio-shot,
.portfolio-card img{
  background:linear-gradient(180deg,#071011,#020505);
}
.portfolio-shot img,
.portfolio-card img{
  object-fit:contain;
  object-position:top center;
  padding:0;
}
.preview-stage img{
  object-fit:contain;
  object-position:top center;
  background:#050909;
}
.portfolio-card-body p strong{
  color:#fff;
}


/* V6 - correcciones de menú, footer, botones y páginas de servicios */
.btn-icon{width:22px;height:22px;object-fit:contain;display:inline-block;flex:0 0 auto}.nav-quote .btn-icon{width:19px;height:19px}.home-socials.icon-only a{width:44px;height:44px;padding:0;justify-content:center}.home-socials.icon-only img{width:23px;height:23px}.mega-grid.four-cols{grid-template-columns:repeat(4,1fr)}.service-card img,.info-card img{width:104px;height:104px;align-self:center;margin-bottom:8px}.service-card,.info-card{text-align:center}.service-card h3,.info-card h3{text-align:center}.footer-bottom{align-items:center}.footer-home{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;color:#eaffff!important}.footer-home img{width:28px;height:28px}.developed-by{display:inline-flex!important;align-items:center;justify-content:flex-end;gap:8px;color:#b8c8c8!important;text-align:right}.developed-by img{width:30px;height:30px;object-fit:contain}.copyright{text-align:center}.footer-whatsapp{display:inline-flex!important;align-items:center;gap:8px}.footer-whatsapp img{width:22px;height:22px}.contact-whatsapp strong{display:inline-flex;align-items:center;gap:8px}.contact-whatsapp img{width:24px;height:24px}.portfolio-card-actions.three{grid-template-columns:1fr;}.portfolio-card-actions.three .btn{min-height:46px}.product-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.product-tab{border:1px solid rgba(24,213,208,.24);background:rgba(255,255,255,.035);color:#eaffff;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer}.product-tab.active,.product-tab:hover{background:var(--turquoise);color:#001314}.product-panels{display:grid;gap:18px}.product-panel{display:none;grid-template-columns:160px 1fr;gap:26px;align-items:flex-start;border:1px solid rgba(24,213,208,.2);background:rgba(12,20,21,.82);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.product-panel.active{display:grid}.product-panel img{width:132px;height:132px;object-fit:contain;margin:auto}.product-panel p{color:var(--muted);font-size:1rem}.product-panel ul,.service-detail ul{color:#d7e3e3;line-height:1.8;margin:14px 0 20px}.product-panel li,.service-detail li{margin:6px 0}.accordion-list{display:grid;gap:16px}.service-detail{border:1px solid rgba(24,213,208,.18);border-radius:24px;background:rgba(12,20,21,.82);overflow:hidden}.service-detail summary{list-style:none;display:flex;align-items:center;gap:16px;cursor:pointer;padding:22px 24px;font-weight:950;font-size:1.12rem}.service-detail summary::-webkit-details-marker{display:none}.service-detail summary img{width:62px;height:62px;object-fit:contain}.service-detail summary::after{content:'+';margin-left:auto;color:var(--turquoise);font-size:1.8rem}.service-detail[open] summary::after{content:'−'}.service-detail div{padding:0 24px 24px 102px}.service-detail p,.expanded-cards .info-card p{color:var(--muted)}.expanded-cards .info-card{min-height:420px}.expanded-cards .info-card .btn{margin-top:auto}.btn-whatsapp .btn-icon{filter:none}.contact-form .btn img{width:22px;height:22px}
@media (max-width:980px){.mega-grid.four-cols{grid-template-columns:1fr}.product-panel{grid-template-columns:1fr;text-align:left}.product-panel img{margin:0}.service-detail div{padding:0 20px 22px}.service-detail summary{align-items:flex-start}.developed-by{justify-content:flex-start}.footer-bottom{align-items:flex-start}}
@media (max-width:680px){.product-tabs{flex-direction:column}.product-tab{width:100%;text-align:left}.product-panel{padding:22px}.product-panel img{width:96px;height:96px}.service-detail summary img{width:50px;height:50px}.service-detail summary{padding:18px}.service-card img,.info-card img{width:86px;height:86px}.home-socials.icon-only a{width:42px;height:42px}.footer-bottom{gap:12px}.developed-by img{width:26px;height:26px}}


/* V7 Nosotros unificado */
.about-page section { scroll-margin-top: 110px; }
.about-hero { padding-top: 110px; background: radial-gradient(circle at 18% 10%, rgba(24,213,208,.16), transparent 32%), radial-gradient(circle at 85% 15%, rgba(255,160,64,.12), transparent 28%); }
.about-hero-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 44px; align-items: center; }
.about-hero h1 { font-size: 4.25rem; line-height: .96; letter-spacing: -.06em; margin: 18px 0; }
.about-hero-media { border: 1px solid rgba(255,255,255,.12); border-radius: 30px; overflow: hidden; background: rgba(255,255,255,.05); box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.about-hero-media img { width: 100%; display: block; aspect-ratio: 4/5; object-fit: cover; }
.about-hero-media figcaption { padding: 16px 18px; color: rgba(255,255,255,.72); font-weight: 700; }
.about-anchor-nav { position: sticky; top: 78px; z-index: 50; background: rgba(1,1,1,.88); backdrop-filter: blur(14px); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.about-anchor-nav .container { display: flex; gap: 10px; overflow-x: auto; padding-block: 12px; scrollbar-width: thin; }
.about-anchor-nav a { flex: 0 0 auto; color: rgba(255,255,255,.84); text-decoration: none; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: 9px 14px; font-size: .88rem; font-weight: 800; background: rgba(255,255,255,.04); }
.about-anchor-nav a:hover { border-color: rgba(24,213,208,.55); color: #18d5d0; }
.split-section { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); gap: 34px; align-items: center; }
.split-section.reverse { grid-template-columns: minmax(320px,.85fr) minmax(0,1.15fr); }
.split-section.reverse > .highlight-card { order: -1; }
.split-section h2, .section-head h2 { letter-spacing: -.045em; }
.split-section p, .section-head p, .info-card p, .team-card p, .timeline-card p { color: rgba(255,255,255,.72); line-height: 1.75; }
.feature-list { display: grid; gap: 14px; }
.feature-list article, .info-card, .team-card, .timeline-card, .highlight-card { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.055); border-radius: 24px; padding: 24px; }
.feature-list img, .team-card img { width: 56px; height: 56px; object-fit: contain; margin-bottom: 14px; }
.about-story-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.team-placeholder-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.stats-grid { display: grid; gap: 14px; }
.stats-grid div { border: 1px solid rgba(24,213,208,.22); background: rgba(24,213,208,.08); border-radius: 22px; padding: 24px; }
.stats-grid strong { display: block; color: #18d5d0; font-size: 2.5rem; line-height: 1; }
.stats-grid span { display: block; margin-top: 8px; color: rgba(255,255,255,.75); font-weight: 800; }
.tech-badges { display: flex; flex-wrap: wrap; gap: 10px; }
.tech-badges span { border: 1px solid rgba(24,213,208,.22); background: rgba(24,213,208,.075); color: rgba(255,255,255,.9); border-radius: 999px; padding: 10px 14px; font-weight: 800; }
.timeline-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.timeline-card span { display: inline-block; color: #ffd08a; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; margin-bottom: 10px; }
.gallery-preview-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.gallery-preview-grid figure { overflow: hidden; border-radius: 24px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); }
.gallery-preview-grid img { width: 100%; display: block; aspect-ratio: 16/10; object-fit: cover; }
.gallery-preview-grid figcaption { padding: 14px 16px; color: rgba(255,255,255,.74); font-weight: 800; }
@media (max-width: 980px) { .about-hero-grid, .split-section, .split-section.reverse { grid-template-columns: 1fr; } .split-section.reverse > .highlight-card { order: 0; } .about-story-grid, .team-placeholder-grid, .timeline-list, .gallery-preview-grid { grid-template-columns: 1fr; } .about-anchor-nav { top: 70px; } }
@media (max-width: 560px) { .about-hero { padding-top: 82px; } .about-hero h1 { font-size: 2.35rem; } .feature-list article, .info-card, .team-card, .timeline-card, .highlight-card { padding: 20px; border-radius: 20px; } }


/* V8 - iconografía premium para hero, navegación y redes */
.btn{
  min-height:52px;
  gap:12px;
  padding-inline:20px;
}
.btn-small{
  min-height:46px;
}
.btn svg.btn-svg,
.btn .btn-svg{
  width:19px;
  height:19px;
  min-width:19px;
  display:block;
  flex:0 0 auto;
  stroke-width:2.3;
}
.btn-primary svg.btn-svg{
  color:#001b1d;
}
.btn-secondary svg.btn-svg,
.btn-outline svg.btn-svg{
  color:#ffffff;
}
.btn-whatsapp{
  background:#16a34a;
  border-color:rgba(255,255,255,.12);
  color:#ffffff;
  box-shadow:0 14px 38px rgba(22,163,74,.18);
}
.btn-whatsapp svg.btn-svg,
.btn-whatsapp .whatsapp-svg{
  color:#ffffff;
  fill:currentColor;
}
.btn img.btn-icon{
  width:19px;
  height:19px;
  min-width:19px;
  display:block;
  object-fit:contain;
}
.nav-quote svg.btn-svg{
  width:18px;
  height:18px;
  min-width:18px;
}
.home-socials.icon-only,
.footer-socials{
  display:flex;
  align-items:center;
  gap:12px;
}
.home-socials.icon-only a,
.footer-socials a{
  width:44px;
  height:44px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  border:1px solid rgba(24,213,208,.45);
  background:rgba(255,255,255,.035);
  transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.home-socials.icon-only a img,
.footer-socials a img{
  width:21px;
  height:21px;
  display:block;
}
.home-socials.icon-only a:hover,
.footer-socials a:hover{
  background:rgba(24,213,208,.14);
  border-color:#18d5d0;
  box-shadow:0 0 0 4px rgba(24,213,208,.08);
  transform:translateY(-2px);
}
.hero-actions .btn{
  min-height:54px;
}
@media (max-width:680px){
  .hero-actions .btn{
    min-height:54px;
  }
  .home-socials.icon-only,
  .footer-socials{
    gap:10px;
  }
  .home-socials.icon-only a,
  .footer-socials a{
    width:42px;
    height:42px;
  }
}

/* V9 - auditoría final: marca oficial, responsive estable y UI más sobria */
body{
  overflow-x:hidden;
}
.container{
  width:100%;
  max-width:var(--container);
  padding-inline:20px;
}
.hero-copy,
.page-hero-grid > div,
.split-grid > div,
.section-head,
.modal-body,
.portfolio-card-body{
  min-width:0;
}
h1,h2,h3,p,a,button,span,li{
  overflow-wrap:break-word;
}
h1,h2,h3,
.nav-link,
.nav-trigger,
.quote-brand-block strong,
.about-hero h1,
.modal-card-preview .modal-body h2{
  letter-spacing:0;
}
h1{
  font-size:3.65rem;
}
h2{
  font-size:2.85rem;
}
.about-hero h1{
  font-size:4.25rem;
}
.hero-lead,
.page-lead{
  font-size:1.18rem;
}
.modal-card-preview .modal-body h2{
  font-size:2.35rem;
}
.service-card,
.info-card,
.portfolio-card,
.timeline div,
.timeline-card,
.team-card,
.highlight-card,
.product-panel,
.service-detail,
.contact-form,
.quote-shell,
.quote-summary,
.statement{
  border-radius:var(--radius);
}
.hero-media,
.split-media,
.about-hero-media,
.modal-card,
.preview-stage,
.gallery-preview-grid figure{
  border-radius:12px;
}
.btn,
.product-tab,
.quote-tab,
.filter-btn,
.feature-list span,
.tech-badges span{
  border-radius:999px;
}
.btn-whatsapp{
  background:var(--whatsapp);
  border-color:rgba(37,211,102,.48);
  color:#fff;
  box-shadow:0 14px 38px rgba(18,140,126,.25);
}
.btn-whatsapp:hover{
  background:#0f7f73;
}
.floating-whatsapp{
  background:#0b201d;
  border-color:rgba(37,211,102,.75);
}
.global-map{
  display:grid;
  place-items:center;
  padding:22px;
}
.global-map img{
  width:100%;
  height:auto;
  object-fit:contain;
}
.portfolio-card-actions.three{
  grid-template-columns:1fr;
}
.portfolio-card-actions.three .btn{
  min-height:46px;
}
.nav-menu{
  min-width:0;
}
.nav-link,
.nav-trigger,
.btn{
  text-align:center;
}
.service-detail summary,
.product-panel,
.info-card,
.service-card{
  min-width:0;
}
@media (max-width:1180px){
  h1{font-size:3.2rem}
  h2{font-size:2.45rem}
  .about-hero h1{font-size:3.5rem}
}
@media (max-width:980px){
  .hero-grid,
  .page-hero-grid,
  .split-grid,
  .quote-shell,
  .contact-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .nav-menu{
    overscroll-behavior:contain;
  }
  .mega-panel,
  .mega-panel.compact{
    max-height:52vh;
    overflow:auto;
  }
  h1{font-size:2.75rem}
  h2{font-size:2.2rem}
  .about-hero h1{font-size:2.8rem}
  .hero-lead,
  .page-lead{font-size:1.08rem}
}
@media (max-width:680px){
  .container{
    padding-inline:14px;
  }
  h1{font-size:2.28rem}
  h2{font-size:1.9rem}
  h3{font-size:1.08rem}
  .about-hero h1{font-size:2.35rem}
  .hero-lead,
  .page-lead{font-size:1rem}
  .section{padding:58px 0}
  .home-hero{padding:56px 0 48px}
  .hero-media,
  .hero-media.small,
  .split-media{
    aspect-ratio:4/3;
  }
  .btn{
    width:100%;
    min-height:52px;
    padding-inline:16px;
    white-space:normal;
  }
  .home-socials.icon-only a,
  .footer-socials a{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
}
@media (max-width:420px){
  h1{font-size:2rem}
  h2{font-size:1.75rem}
  .about-hero h1{font-size:2.05rem}
  .eyebrow{font-size:.68rem}
  .hero-actions{gap:10px}
}


/* === AJUSTE FINAL PORTAFOLIO NETLIFY - imágenes completas sin recorte === */
.portfolio-section .portfolio-grid,
.portfolio-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.portfolio-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  overflow:hidden !important;
}
.portfolio-shot{
  position:relative !important;
  min-height:0 !important;
  aspect-ratio:16/11 !important;
  padding:14px !important;
  border:0 !important;
  background:
    radial-gradient(circle at top left,rgba(24,213,208,.16),transparent 35%),
    radial-gradient(circle at bottom right,rgba(9,131,242,.18),transparent 42%),
    #050b14 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.portfolio-shot img,
.portfolio-card .portfolio-shot img,
.portfolio-card > img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:12px !important;
  background:rgba(0,0,0,.2) !important;
  transform:none !important;
}
.portfolio-card:hover .portfolio-shot img,
.portfolio-shot:focus img{
  transform:none !important;
  filter:saturate(1.04) !important;
}
.portfolio-shot span{
  left:14px !important;
  bottom:14px !important;
}
.portfolio-card-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}
.portfolio-card-actions,
.portfolio-card-actions.three{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:auto !important;
  padding-top:14px !important;
}
.portfolio-card-actions .btn{
  width:100% !important;
  min-height:46px !important;
  margin-top:0 !important;
  text-align:center !important;
  white-space:normal !important;
}
.modal-card-preview{
  width:min(1280px,calc(100% - 28px)) !important;
  max-height:92vh !important;
  overflow:auto !important;
}
.modal-preview-layout{
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr) !important;
  min-height:0 !important;
}
.preview-bubble{
  min-width:0 !important;
  background:
    radial-gradient(circle at 20% 10%,rgba(24,213,208,.14),transparent 34%),
    radial-gradient(circle at 80% 90%,rgba(9,131,242,.16),transparent 42%),
    #040909 !important;
}
.preview-stage{
  position:relative !important;
  min-height:0 !important;
  height:min(76vh,860px) !important;
  overflow:auto !important;
  padding:14px !important;
  display:block !important;
  background:
    radial-gradient(circle at top left,rgba(24,213,208,.12),transparent 36%),
    #050b14 !important;
}
.preview-stage img,
.preview-stage iframe,
.modal-card .preview-stage img,
.modal-card-preview .preview-stage img{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:100% !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:top center !important;
  border:0 !important;
  border-radius:14px !important;
  background:#071011 !important;
}
.preview-stage iframe,
#modalLiveFrame,
#modalLiveButton{
  display:none !important;
}
.preview-note{
  color:#b6caca !important;
}
.modal-preview-controls{
  display:none !important;
}
#modalUrl::before{content:"↗ ";}
@media (max-width:1200px){
  .portfolio-section .portfolio-grid,
  .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:900px){
  .portfolio-section .portfolio-grid,
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .modal-preview-layout{grid-template-columns:1fr !important;}
  .preview-stage{height:68vh !important;}
}
@media (max-width:560px){
  .portfolio-section .portfolio-grid,
  .portfolio-grid{grid-template-columns:1fr !important;}
  .portfolio-shot{aspect-ratio:4/3 !important;padding:10px !important;}
  .preview-stage{height:62vh !important;padding:10px !important;border-radius:16px !important;}
  .modal-card-preview{width:calc(100% - 16px) !important;}
}

/* V7 - WhatsApp icons clean/transparent, without square background */
img[src$="assets/icons/social/whatsapp.svg"],
img[src$="/whatsapp.svg"],
.btn-whatsapp .btn-icon,
.footer-whatsapp img,
.floating-whatsapp img,
.contact-whatsapp img {
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  border-radius:0!important;
  object-fit:contain!important;
}
.btn-whatsapp .btn-icon {
  width:22px;
  height:22px;
  flex:0 0 22px;
}
.footer-whatsapp img,
.contact-whatsapp img {
  width:22px;
  height:22px;
  flex:0 0 22px;
}
.floating-whatsapp img {
  width:34px;
  height:34px;
  flex:0 0 34px;
}
@media (max-width:680px){
  .floating-whatsapp img{width:38px;height:38px;flex-basis:38px}
}

/* V9: CTA superior moderno, corto y alineado a la línea editorial */
.nav-quote{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  flex:0 0 auto;
  gap:0!important;
  min-height:46px;
  min-width:102px;
  padding:11px 22px!important;
  border:1px solid rgba(24,213,208,.9)!important;
  background:linear-gradient(135deg,rgba(24,213,208,.98),rgba(69,235,229,.9))!important;
  color:#001314!important;
  box-shadow:0 0 0 1px rgba(24,213,208,.22),0 12px 30px rgba(24,213,208,.28)!important;
  letter-spacing:.01em;
  text-transform:none;
  font-weight:950;
  line-height:1;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.nav-quote .btn-svg,.nav-quote img{display:none!important;}
.nav-quote::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 56%);
  opacity:.55;
}
.nav-quote::after{
  content:"";
  position:absolute;
  inset:auto 18px 7px 18px;
  height:2px;
  border-radius:999px;
  background:rgba(0,19,20,.26);
  opacity:.55;
}
.nav-quote:hover,.nav-quote:focus{
  border-color:rgba(159,252,248,.98)!important;
  background:linear-gradient(135deg,#9ffcf8,#18d5d0)!important;
  box-shadow:0 0 0 1px rgba(159,252,248,.36),0 15px 38px rgba(24,213,208,.38)!important;
}
@media (max-width:980px){.nav-quote{width:100%;margin-left:0;text-align:center;justify-content:center;min-height:46px;padding:12px 18px!important;white-space:nowrap!important;}}


/* V11 - URLs limpias, botón Cotizar editorial y catálogo de servicios */
.nav-quote{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  min-width:96px!important;
  min-height:44px!important;
  padding:10px 23px!important;
  border-radius:999px!important;
  border:1px solid rgba(24,213,208,.62)!important;
  background:rgba(7,17,18,.68)!important;
  color:#ffffff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 26px rgba(24,213,208,.12)!important;
  text-shadow:none!important;
  line-height:1!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}
.nav-quote::before,.nav-quote::after{display:none!important;content:none!important;}
.nav-quote:hover,.nav-quote:focus{
  color:#ffffff!important;
  background:rgba(24,213,208,.12)!important;
  border-color:rgba(24,213,208,.92)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 34px rgba(24,213,208,.24)!important;
}
.catalog-hero .hero-actions .btn-secondary{background:rgba(255,255,255,.035);border-color:rgba(24,213,208,.32)}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.catalog-main{min-width:0}.catalog-toolbar{position:sticky;top:88px;z-index:15;margin-bottom:22px;padding:16px;border:1px solid rgba(24,213,208,.18);border-radius:24px;background:rgba(5,13,14,.92);box-shadow:0 18px 48px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.catalog-search{display:flex;align-items:center;gap:10px;margin:0;color:#eaffff;font-weight:850}.catalog-search span{font-size:1.18rem}.catalog-search input{border-radius:999px;background:rgba(255,255,255,.035);border-color:rgba(24,213,208,.25);min-height:50px;font-weight:750}
.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.catalog-filter{border:1px solid rgba(24,213,208,.24);background:rgba(255,255,255,.035);color:#eaffff;border-radius:999px;padding:9px 12px;font-weight:850;cursor:pointer}.catalog-filter.active,.catalog-filter:hover{background:rgba(24,213,208,.16);border-color:rgba(24,213,208,.7);color:#fff}
.service-catalog-grid{display:grid;grid-template-columns:1fr;gap:18px}.catalog-card{scroll-margin-top:118px;border:1px solid rgba(24,213,208,.18);border-radius:28px;background:linear-gradient(135deg,rgba(12,20,21,.88),rgba(5,12,13,.92));padding:26px;box-shadow:0 14px 48px rgba(0,0,0,.24);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.catalog-card:hover{border-color:rgba(24,213,208,.52);transform:translateY(-3px);box-shadow:0 18px 58px rgba(0,0,0,.32)}
.catalog-card.is-hidden{display:none}.catalog-card-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.catalog-card-head img{width:76px;height:76px;object-fit:contain;flex:0 0 76px}.catalog-category{display:inline-flex;width:max-content;border:1px solid rgba(24,213,208,.36);border-radius:999px;padding:6px 10px;color:var(--turquoise);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950;background:rgba(24,213,208,.055)}
.catalog-card p,.service-cart p,.catalog-empty{color:var(--muted)}.catalog-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.catalog-detail-grid>div{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:20px;padding:18px}.catalog-detail-grid strong{display:block;margin-bottom:8px;color:#fff}.catalog-detail-grid ul{margin:0;padding-left:18px;color:#d7e3e3;line-height:1.75}.catalog-detail-grid li{margin:6px 0}.catalog-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.catalog-card-actions .btn{min-height:48px}.service-add-btn.is-added{background:rgba(24,213,208,.14)!important;color:#fff!important;border-color:rgba(24,213,208,.62)!important}
.service-cart{position:sticky;top:96px;border:1px solid rgba(24,213,208,.28);border-radius:28px;background:rgba(5,13,14,.92);padding:20px;box-shadow:0 18px 58px rgba(0,0,0,.35)}.service-cart-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.service-cart-head strong{color:#fff}.service-cart-items{display:grid;gap:9px;margin:16px 0}.cart-empty{display:block;color:var(--muted);border:1px dashed rgba(24,213,208,.24);border-radius:16px;padding:14px}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(24,213,208,.16);background:rgba(255,255,255,.035);border-radius:16px;padding:10px 12px;color:#fff;font-weight:800}.cart-remove{width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.service-cart-actions{display:grid;gap:9px}.service-cart-actions .btn{width:100%;min-height:48px}.cart-clear{border:0;background:transparent;color:#b8c8c8;font-weight:850;cursor:pointer;padding:8px}.cart-clear:hover{color:#fff}.catalog-empty{border:1px dashed rgba(24,213,208,.32);border-radius:20px;padding:18px;text-align:center;background:rgba(255,255,255,.025)}
@media (max-width:980px){.catalog-layout{grid-template-columns:1fr}.catalog-toolbar,.service-cart{position:static}.catalog-detail-grid{grid-template-columns:1fr}.catalog-card{scroll-margin-top:92px}.nav-quote{width:100%;justify-content:center!important}}
@media (max-width:680px){.catalog-card{padding:20px}.catalog-card-head{align-items:flex-start}.catalog-card-head img{width:58px;height:58px;flex-basis:58px}.catalog-card-actions .btn{width:100%}.catalog-toolbar{padding:13px;border-radius:20px}.catalog-search{align-items:flex-start}.catalog-search span{padding-top:11px}.service-cart-head{align-items:flex-start;flex-direction:column}}