:root{
  --navy:#052e50;
  --navy-deep:#031e35;
  --blue:#075da8;
  --cyan:#09c7e5;
  --cyan-dark:#00a9ca;
  --ink:#0c2944;
  --muted:#64798b;
  --line:#dce7ed;
  --soft:#f4f8fa;
  --white:#fff;
  --green:#16c95d;
  --shadow:0 18px 45px rgba(6,43,74,.12);
  --site-font:"Segoe UI",Arial,sans-serif;
  --title-font:Montserrat,"Segoe UI",Arial,sans-serif;
  --banner-bg:#f7fafb;
  --banner-text:#052e50;
  --hero-title-size:clamp(2.7rem,4.55vw,4.15rem);
  --section-title-size:clamp(2.15rem,4vw,3.35rem);
  --catalog-title-size:clamp(2.15rem,3.45vw,3rem);
  --blog-title-size:clamp(2.7rem,6vw,5.2rem);
  --motion-duration:.65s;
  --banner-duration:34s;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}
body.modal-open{overflow:hidden}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
a{color:inherit}
.section-shell{width:min(1180px,88%);margin-inline:auto}
.site-header{height:78px;display:flex;align-items:center;gap:2rem;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,237,.8);z-index:50}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;min-width:max-content}
.brand img{width:54px;height:54px;object-fit:contain;border-radius:50%}
.brand-name{font-size:1.35rem;line-height:1;font-weight:900;color:var(--navy);letter-spacing:-.6px}
.brand-name small{display:block;font-size:.49rem;line-height:1.2;margin-top:.25rem;letter-spacing:.25px;font-weight:700;color:var(--muted)}
.nav{margin-left:auto;display:flex;align-items:center;gap:1.55rem}
.nav a{position:relative;text-decoration:none;font-size:.9rem;font-weight:700;color:#17344c;padding:29px 0 25px}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:3px;border-radius:3px;background:var(--cyan);transition:.25s}
.nav a:hover::after,.nav a.active::after{right:0}
.nav a.active{color:var(--blue)}
.header-quote{display:inline-flex;gap:.55rem;align-items:center;background:var(--cyan);color:#062b49;text-decoration:none;padding:.75rem 1.15rem;border-radius:10px;font-weight:850;font-size:.88rem;box-shadow:0 8px 22px rgba(9,199,229,.25);transition:.25s}
.header-quote:hover{transform:translateY(-2px);background:#35d7ee}
.header-actions{display:flex;align-items:center;gap:.65rem}
.header-search,.header-cart{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d7e5eb;border-radius:11px;background:#fff;color:var(--navy);cursor:pointer;box-shadow:0 7px 18px rgba(3,35,60,.08);transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}
.header-search:hover,.header-search:focus-visible,.header-cart:hover,.header-cart:focus-visible{transform:translateY(-2px);border-color:var(--cyan);background:#effbfe;color:var(--blue);outline:none}
.header-search svg,.header-cart svg,.header-quote svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.header-cart{position:relative}.header-cart>span{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#e93645;color:#fff;font-size:.6rem;font-weight:900;box-shadow:0 4px 10px rgba(118,20,30,.24)}.header-cart>span[hidden]{display:none}
.menu-button{display:none;margin-left:auto;border:0;background:none;width:42px;height:42px;padding:9px;cursor:pointer}
.menu-button span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:2px;transition:.25s}

.hero{min-height:590px;position:relative;display:flex;align-items:center;background:#062b4a;color:#fff;overflow:hidden}
.hero-overlay{position:absolute;z-index:0;top:3%;right:3vw;bottom:auto;width:auto;height:94%;aspect-ratio:1290/1259;background:url('assets/hero-fachada-final-nitida.png') center/cover no-repeat;filter:drop-shadow(-18px 0 28px rgba(2,25,44,.48)) drop-shadow(14px 0 24px rgba(2,25,44,.3));-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 10%,#000 22%,#000 88%,rgba(0,0,0,.72) 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 10%,#000 22%,#000 88%,rgba(0,0,0,.72) 95%,transparent 100%)}.hero-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,46,80,.7) 0%,rgba(5,46,80,.26) 14%,transparent 30%,transparent 82%,rgba(5,46,80,.32) 100%)}
.hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,30,53,.96) 0%,rgba(3,38,65,.84) 33%,rgba(4,48,79,.4) 58%,transparent 82%),linear-gradient(180deg,rgba(3,26,45,.05),transparent 60%,rgba(3,26,45,.38));pointer-events:none}
.hero-copy{position:relative;z-index:2;width:min(660px,82%);margin-left:max(7vw,38px);padding:5rem 0}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead,.hero-copy>.hero-actions,.hero-copy>.hero-benefits{opacity:0;animation:heroReveal .75s cubic-bezier(.2,.75,.25,1) forwards}
.hero-copy>h1{animation-delay:.1s;transition:transform .35s ease,text-shadow .35s ease}.hero-copy>.hero-lead{animation-delay:.2s}.hero-copy>.hero-actions{animation-delay:.3s}.hero-copy>.hero-benefits{animation-delay:.4s}
.hero-copy>h1:hover{transform:translateY(-4px);text-shadow:0 12px 28px rgba(0,18,32,.28)}.hero-copy>h1 span{display:inline-block;transition:transform .35s ease,filter .35s ease}.hero-copy>h1:hover span{transform:translateX(5px);filter:brightness(1.15)}
@keyframes heroReveal{from{opacity:0;transform:translateY(22px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.eyebrow{margin:0 0 .8rem;color:#43e5fa;font-weight:900;font-size:.76rem;letter-spacing:2.4px}
.hero-copy>#hero-eyebrow{display:flex;align-items:center;gap:.8rem;margin-bottom:1.15rem;font-size:clamp(1.08rem,1.55vw,1.42rem);line-height:1;letter-spacing:3.2px;text-shadow:0 4px 18px rgba(0,204,238,.2)}
.hero-copy>#hero-eyebrow::after{content:"";width:54px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),transparent)}
.eyebrow.dark{color:var(--blue)}
.hero h1{font-size:clamp(2.7rem,4.55vw,4.15rem);line-height:1.01;letter-spacing:-2.8px;margin:0;max-width:610px}
.hero h1 span{color:var(--cyan)}
.hero-lead{max-width:555px;color:#d9e8f1;font-size:1.17rem;margin:1.35rem 0 0}
.hero-actions{display:flex;gap:.9rem;margin:2rem 0 2.2rem}
.hero-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:.58rem}.hero-action-icon{width:22px;height:22px;flex:0 0 auto;transition:transform .3s ease}.scale-action-icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.whatsapp-action-icon{fill:currentColor}.whatsapp-action-icon .whatsapp-phone{fill:var(--navy)}.hero-actions .button:hover .hero-action-icon{transform:translateY(-2px) scale(1.08)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:0;border-radius:8px;padding:.88rem 1.25rem;text-decoration:none;font-weight:850;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--cyan);color:#032943;box-shadow:0 10px 26px rgba(9,199,229,.22)}
.button.primary:hover{background:#37dbef;box-shadow:0 13px 30px rgba(9,199,229,.3)}
.button.outline-light{color:#fff;border:1px solid rgba(255,255,255,.75);background:rgba(3,38,64,.25)}
.button.ghost{background:#eef5f8;color:var(--navy)}
.hero-benefits{display:flex;gap:2.1rem;flex-wrap:wrap}
.hero-benefits>div{display:flex;align-items:center;gap:.7rem;min-width:135px}
.hero-benefits i{width:43px;height:43px;display:grid;place-items:center;border:2px solid var(--cyan);border-radius:50%;font-style:normal;color:var(--cyan);font-size:1.2rem}
.hero-benefits i svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-benefits span{display:grid;line-height:1.15}
.hero-benefits b{font-size:.79rem}.hero-benefits small{font-size:.72rem;color:#c4dae7;margin-top:.2rem}
.hero-benefits .hero-hours{min-width:210px}.hero-hours-list{display:grid;gap:.12rem}.hero-hours-list em{font-style:normal;white-space:nowrap}

.quick-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 24px rgba(4,42,73,.06);position:relative;z-index:3;padding:0 6%}
.quick-strip a{min-height:76px;display:flex;align-items:center;justify-content:center;gap:.8rem;text-decoration:none;border-right:1px solid var(--line);padding:.8rem 1rem;transition:.2s}
.quick-strip a:last-child{border-right:0}.quick-strip a:hover{background:#f4fbfd}
.quick-strip i{font-style:normal;color:var(--blue);font-size:1.5rem}
.quick-strip span{display:grid;line-height:1.2}.quick-strip b{font-size:.8rem}.quick-strip small{color:var(--muted);font-size:.67rem;margin-top:.2rem}
.brand-marquee{height:58px;overflow:hidden;background:#f7fafb;border-block:1px solid var(--line);display:flex;align-items:center}
.brand-track{display:flex;align-items:center;width:max-content;animation:ticker 34s linear infinite;will-change:transform}
.brand-group{display:flex;align-items:center;gap:4.6rem;flex:none;padding:0 2.3rem}
.brand-logo{width:110px;height:32px;display:grid;place-items:center;flex:none;transition:transform .3s ease,opacity .3s ease}
.brand-logo img{height:25px;width:100%;object-fit:contain;filter:saturate(.88) contrast(1.04);opacity:.82;transition:transform .3s ease,filter .3s ease,opacity .3s ease}
.brand-logo:hover{transform:translateY(-1px)}
.brand-logo:hover img{transform:scale(1.06);filter:saturate(1.08) contrast(1.06);opacity:1}
.brand-track.message-only{display:none}
@keyframes ticker{to{transform:translateX(-50%)}}

.catalog-section{padding-block:5.5rem}
.catalog-section .section-heading .eyebrow{margin-bottom:.8rem;font-size:clamp(1.02rem,1.5vw,1.3rem);letter-spacing:3.2px}
.catalog-section #catalog-title{max-width:760px;margin:0;font-size:clamp(2.15rem,3.45vw,3rem);line-height:1.04;letter-spacing:-1.8px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}
.section-heading h2,.about-copy h2,.contact-copy h2{font-size:clamp(2.15rem,4vw,3.35rem);line-height:1.05;letter-spacing:-2px;margin:.1rem 0 .75rem;color:var(--navy)}
.section-heading p:not(.eyebrow){margin:0;color:var(--muted);max-width:650px}
.section-link{color:var(--blue);text-decoration:none;font-weight:800;font-size:.86rem;white-space:nowrap;border-bottom:1px solid #bad8ea;padding-bottom:.2rem;transition:.2s}.section-link span{color:var(--cyan)}.section-link:hover,.section-link.active{color:var(--navy);border-color:var(--cyan)}
.categories{display:flex;gap:.65rem;overflow-x:auto;padding:.25rem 0 1.7rem;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}
.category{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.66rem 1.05rem;font-weight:800;font-size:.79rem;color:#274259;cursor:pointer;transition:.2s}
.category span{display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;margin-right:.3rem}.category svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.category.active svg{stroke:#fff}
.category:hover{border-color:#8dc9e4;transform:translateY(-1px)}
.category.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 7px 17px rgba(7,93,168,.18)}
.subcategories{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:-.65rem 0 1.75rem;padding:1rem 1.1rem;border:1px solid #d8e8ef;border-radius:14px;background:linear-gradient(135deg,#f7fbfd,#edf8fb)}.subcategories[hidden]{display:none}.subcategories-title{display:grid;flex:1 0 100%;padding:0 0 .35rem;color:var(--navy)}.subcategories-title b{font-size:.78rem}.subcategories-title small{margin-top:.08rem;color:var(--muted);font-size:.62rem}.subcategory{border:1px solid #c8dce6;background:#fff;color:#315168;border-radius:9px;padding:.58rem .85rem;font-size:.72rem;font-weight:800;cursor:pointer;transition:.2s}.subcategory:hover{border-color:#66c6dd;color:var(--blue);transform:translateY(-1px)}.subcategory.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 5px 13px rgba(3,35,60,.15)}
.catalog-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.1rem}.catalog-title-row h3{font-size:1.5rem;margin:0;color:var(--navy)}.catalog-title-row p{margin:.15rem 0 0;color:var(--muted);font-size:.86rem}.product-count{color:var(--muted);font-size:.8rem}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:1.2rem;align-items:start}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.product-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b8d7e6}
.product-image{width:100%;height:220px;border:0;padding:0;background:radial-gradient(circle at 50% 38%,#f4f6f8 0,#e1e7ec 68%,#cbd5dc 100%);display:grid;place-items:center;overflow:hidden;position:relative;cursor:pointer}
.product-image::after{content:"";position:absolute;left:12%;right:12%;bottom:15px;height:12px;background:rgba(8,43,73,.12);filter:blur(10px);border-radius:50%}
.product-image img{width:100%;height:100%;object-fit:contain;padding:.7rem;position:relative;z-index:1;mix-blend-mode:multiply;transition:transform .35s}
.product-card:hover .product-image img{transform:scale(1.045)}
.product-info{padding:1rem 1rem 1.05rem}
.product-category{margin:0 0 .35rem;color:var(--blue);font-size:.67rem;letter-spacing:1.2px;font-weight:900;text-transform:uppercase}
.product-card h4{margin:0;font-size:1.08rem;line-height:1.25;min-height:2.7em;color:var(--ink)}.product-name-open{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer}.product-name-open:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.product-capacity{display:flex;gap:.45rem;align-items:center;color:var(--muted);font-size:.82rem;margin:.7rem 0}.product-capacity i{font-style:normal;color:var(--blue)}
.product-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.8rem}
.product-open{flex:1;border:0;background:var(--blue);color:#fff;border-radius:6px;padding:.65rem .7rem;font-weight:800;cursor:pointer;transition:.2s}.product-open:hover{background:var(--navy)}
.compare-check{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--muted);cursor:pointer}.compare-check input{accent-color:var(--blue)}
.add-cart-card{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.65rem;padding:.62rem .7rem;border:1px solid #9edcea;border-radius:7px;background:#effafd;color:#05699a;font-size:.76rem;font-weight:850;cursor:pointer;transition:.2s}.add-cart-card:hover{border-color:var(--cyan);background:#dff8fc;transform:translateY(-1px)}.add-cart-card.added,.add-cart-detail.added{border-color:#38c981!important;background:#e5faef!important;color:#08784c!important}
.compare-panel{border:1px solid var(--line);border-radius:12px;padding:1rem;background:#f9fbfc;position:sticky;top:98px}
.compare-heading{display:flex;justify-content:space-between;align-items:start}.compare-heading h3{margin:0;font-size:1.05rem}.compare-heading .eyebrow{font-size:.58rem;margin-bottom:.25rem}.compare-heading button{border:0;background:none;color:var(--blue);font-size:1.2rem;cursor:pointer}
.compare-preview{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;min-height:140px;margin:1rem 0}.compare-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:.77rem;border:1px dashed #c7d7df;border-radius:8px;padding:1rem}.compare-item{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.45rem}.compare-item img{height:70px;width:100%;object-fit:contain}.compare-item b{display:block;font-size:.66rem;line-height:1.2;margin-top:.3rem}.compare-remove{position:absolute;right:3px;top:3px;width:21px;height:21px;border-radius:50%;border:0;background:var(--navy);color:#fff;cursor:pointer}
.compare-button{width:100%;background:var(--blue);color:#fff;font-size:.8rem}.compare-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.compare-panel ul{padding:0;list-style:none;margin:1rem 0 0}.compare-panel li{font-size:.72rem;color:#4d6679;margin:.45rem 0}.compare-panel li::before{content:"✓";color:var(--blue);font-weight:900;margin-right:.45rem}

.service-section{position:relative;background:#55778b;padding:5.5rem 0;border-block:1px solid #66889a;overflow:hidden;color:#fff}.service-photo-wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);opacity:1}.service-photo-wall span{background-size:cover;background-position:center;filter:brightness(1.16) saturate(.94)}.service-photo-wall span:nth-child(1){background-image:url('assets/servicio-tecnico/tecnico-reparacion.png')}.service-photo-wall span:nth-child(2){background-image:url('assets/servicio-tecnico/tecnico-mantenimiento.png')}.service-photo-wall span:nth-child(3){background-image:url('assets/servicio-tecnico/tecnico-diagnostico.png')}.service-section::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,30,53,.42),rgba(4,47,75,.15) 48%,rgba(3,30,53,.28)),linear-gradient(180deg,rgba(3,30,53,0),rgba(3,30,53,.24))}.service-content{position:relative;z-index:2}.service-section .section-heading{padding:1.25rem 1.4rem;border-radius:15px;background:linear-gradient(90deg,rgba(3,30,53,.78),rgba(3,30,53,.31) 72%,transparent);backdrop-filter:blur(2px)}.service-section .section-heading .eyebrow{color:#63eafb;font-size:clamp(.86rem,1.05vw,1rem);letter-spacing:2.7px;margin-bottom:.8rem;text-shadow:0 2px 12px rgba(0,26,45,.7)}.service-section .section-heading h2{color:#fff;text-shadow:0 2px 16px rgba(0,20,36,.5)}.service-section .section-heading p:not(.eyebrow){color:#f3f9fc;text-shadow:0 1px 8px rgba(0,20,36,.65)}.service-section .section-link{color:#fff;border-color:rgba(255,255,255,.7)}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.service-card{position:relative;background:linear-gradient(135deg,rgba(4,44,69,.72),rgba(5,72,103,.54));color:#fff;border:1px solid rgba(170,228,241,.42);border-radius:14px;padding:1.15rem 1.25rem;overflow:hidden;backdrop-filter:blur(5px);box-shadow:0 12px 28px rgba(0,15,28,.17);transition:.25s;cursor:pointer}.service-card:hover{transform:translateY(-5px);background:linear-gradient(135deg,rgba(4,44,69,.84),rgba(5,72,103,.67));box-shadow:0 18px 38px rgba(0,15,28,.28)}.service-card:focus-visible{outline:3px solid #63eafb;outline-offset:3px}
.service-card i{display:grid;place-items:center;width:42px;height:42px;background:rgba(213,247,252,.94);color:#06649d;border-radius:50%;font-style:normal;font-size:1.25rem;transition:transform .35s ease,background .35s ease}.service-card>span{position:absolute;right:1rem;top:.35rem;font-size:2.65rem;font-weight:900;color:rgba(255,255,255,.13);transition:transform .35s ease,color .35s ease}.service-card h3{font-size:1.2rem;margin:.72rem 0 .25rem;position:relative;color:#66e8f7;transition:transform .35s ease,color .35s ease}.service-card p{color:#edf7fb;font-size:.82rem;min-height:2.8em;margin:.25rem 0 .65rem}.service-card-action{color:#fff;text-decoration:none;font-weight:850;font-size:.8rem}.service-card-action b{color:var(--cyan)}
.service-card:hover i{transform:rotate(8deg) scale(1.08);background:#fff}.service-card:hover>span{transform:translateX(-6px);color:rgba(102,232,247,.22)}.service-card:hover h3{transform:translateX(4px);color:#fff}.service-section .section-heading h2{transition:transform .35s ease,letter-spacing .35s ease}.service-section .section-heading:hover h2{transform:translateX(5px);letter-spacing:-.03em}
.about-section{padding-block:6rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.about-photo{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.about-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}.about-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,30,53,.72))}.about-photo>span{position:absolute;bottom:1.2rem;left:1.4rem;z-index:2;color:#fff;font-size:1.25rem;font-weight:900;letter-spacing:2px}
.about-copy>.eyebrow{font-size:clamp(1.02rem,1.45vw,1.25rem);letter-spacing:3.1px;margin-bottom:.85rem}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:1.02rem}.about-points{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1.5rem 0}.about-points div{padding:1rem;border-left:3px solid var(--cyan);background:#f4fafc;min-height:112px}.about-points b,.about-points span{display:block}.about-points b{font-size:.94rem;color:var(--navy)}.about-points span{font-size:.72rem;line-height:1.5;color:var(--muted);margin-top:.35rem}
.blog-section{padding:5.5rem 0;background:linear-gradient(180deg,#f1f8fb 0%,#fff 100%);border-block:1px solid var(--line)}.blog-heading{margin-bottom:1.8rem}.blog-heading h2{color:var(--navy)}.blog-heading p:not(.eyebrow){max-width:700px;color:var(--muted);margin:.55rem 0 0}.blog-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.blog-video-card{overflow:hidden;border:1px solid #d7e6ec;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(3,35,60,.08);transition:transform .25s ease,box-shadow .25s ease}.blog-video-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(3,35,60,.13)}.blog-video-frame{aspect-ratio:16/9;background:linear-gradient(145deg,#052e50,#0876a3);overflow:hidden}.blog-video-frame iframe{width:100%;height:100%;border:0;display:block}.blog-video-frame iframe[hidden],.blog-video-placeholder[hidden]{display:none}.blog-video-placeholder{height:100%;display:grid;place-content:center;justify-items:center;gap:.35rem;padding:1.2rem;text-align:center;color:#fff}.blog-video-placeholder i{width:48px;height:48px;display:grid;place-items:center;padding-left:3px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(9,199,229,.2);color:#64eaff;font-style:normal}.blog-video-placeholder b{font-size:.86rem}.blog-video-placeholder span{color:#c9e1eb;font-size:.66rem}.blog-video-card>h3{margin:0;padding:1rem 1.1rem;color:var(--navy);font-size:1rem}.blog-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.blog-topic-grid article{display:flex;align-items:flex-start;gap:.8rem;padding:1.1rem;border:1px solid #dce9ee;border-radius:14px;background:rgba(255,255,255,.9)}.blog-topic-grid i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#e3f8fb;color:var(--blue);font-style:normal;font-weight:900}.blog-topic-grid h3{margin:0;color:var(--navy);font-size:.9rem}.blog-topic-grid p{margin:.3rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.5}
.blog-page{background:#061f35}.blog-page main{background:#061f35}.blog-site-header{position:sticky}.blog-page-hero{position:relative;overflow:hidden;padding:5.7rem 0 4.8rem;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(9,199,229,.24),transparent 28%),linear-gradient(125deg,#031e35 5%,#05466c 58%,#087da0)}.blog-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 48%,rgba(255,255,255,.035) 48%,rgba(255,255,255,.035) 49%,transparent 49%);background-size:42px 42px}.blog-page-hero-inner{position:relative;z-index:1}.blog-back-link{display:inline-flex;margin-bottom:2.7rem;color:#bfeaf3;text-decoration:none;font-size:.75rem;font-weight:800}.blog-back-link:hover{color:#fff}.blog-page-hero .eyebrow{color:#61e7f5}.blog-page-hero h1{max-width:820px;margin:.4rem 0 1rem;font-size:clamp(2.7rem,6vw,5.2rem);line-height:.98;letter-spacing:-3.5px}.blog-page-hero-inner>p:not(.eyebrow){max-width:700px;margin:0;color:#d7e8f0;font-size:1.05rem}.blog-hero-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.7rem}.blog-hero-tags span{padding:.45rem .72rem;border:1px solid rgba(137,231,245,.4);border-radius:999px;background:rgba(2,32,53,.28);color:#dff8fb;font-size:.67rem;font-weight:800}.blog-page-content{padding:5.2rem 0;background:linear-gradient(180deg,#eaf6f9 0%,#dceff4 100%)}.blog-page-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:end;margin-bottom:2rem}.blog-page-heading h2{margin:.25rem 0 0;color:var(--navy);font-size:clamp(2rem,4vw,3.25rem);line-height:1.04;letter-spacing:-2px}.blog-page-heading>p{margin:0;color:#526f81;font-size:.86rem}.blog-page .blog-video-card{border-color:rgba(106,174,193,.38);background:#f9fdfe;box-shadow:0 18px 42px rgba(3,35,60,.12)}.blog-page .blog-video-frame{background:radial-gradient(circle at 75% 20%,rgba(19,199,229,.35),transparent 34%),linear-gradient(145deg,#042943,#075f83)}.blog-card-copy{padding:1.05rem 1.15rem 1.25rem}.blog-card-copy small{color:#0785b1;font-size:.57rem;font-weight:900;letter-spacing:1.4px}.blog-card-copy h3{margin:.25rem 0 .4rem;color:var(--navy);font-size:1.04rem}.blog-card-copy p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}.blog-page-topics{margin-top:1.25rem}.blog-page-topics article{background:rgba(250,254,255,.72);border-color:rgba(96,171,191,.35)}.blog-cta{padding:4rem 0;color:#fff;background:radial-gradient(circle at 18% 50%,rgba(9,199,229,.2),transparent 25%),linear-gradient(120deg,#031e35,#064f73)}.blog-cta .section-shell{display:flex;align-items:center;justify-content:space-between;gap:2rem}.blog-cta h2{margin:.2rem 0 .5rem;font-size:clamp(1.8rem,4vw,3rem)}.blog-cta p:not(.eyebrow){margin:0;color:#c7dce6}.blog-cta .button{flex:0 0 auto}.blog-footer{background:#f5fbfd}
.location-section{padding:5.5rem 0;background:#f3f7f9;border-top:1px solid var(--line)}.location-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:3rem;align-items:center}.location-copy>.eyebrow{font-size:clamp(1.02rem,1.4vw,1.22rem);letter-spacing:3.1px;margin-bottom:1rem}.location-copy h2{font-size:clamp(2.1rem,4vw,3.25rem);line-height:1.05;letter-spacing:-2px;color:var(--navy);margin:.1rem 0 .8rem}.location-copy>p{color:var(--muted);margin:0 0 1.5rem}.map-card{position:relative;min-height:410px;border:8px solid #fff;border-radius:18px;overflow:hidden;background:#dfe8ed;box-shadow:var(--shadow)}.map-card iframe{width:100%;height:410px;border:0;display:block}.map-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.35rem;padding:2rem;color:#527083;background:radial-gradient(circle,#f8fbfc,#dfe8ed)}.map-empty i{font-style:normal;font-size:3rem;color:var(--blue)}.map-empty b{color:var(--navy);font-size:1.15rem}.map-empty span{font-size:.8rem;max-width:360px}
.contact-section{background:linear-gradient(125deg,var(--navy-deep),#075d89);color:#fff;padding:6rem 0}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;align-items:center}.contact-copy h2{color:#fff}.contact-copy>p:not(.eyebrow){color:#c4dae7;font-size:1.02rem}.contact-note{display:flex;gap:.8rem;align-items:center;margin-top:1.8rem;color:#cde0e9;font-size:.8rem}.contact-note i{font-style:normal;width:30px;height:30px;border:1px solid var(--cyan);color:var(--cyan);border-radius:50%;display:grid;place-items:center;font-weight:900}
.quote-form{background:#fff;color:var(--ink);border-radius:15px;padding:1.5rem;box-shadow:0 22px 50px rgba(0,15,27,.22)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.quote-form label,.admin-content label{display:grid;font-size:.77rem;font-weight:800;color:#30495e;margin-bottom:.85rem}.quote-form input,.quote-form textarea,.quote-form select,.admin-content input,.admin-content textarea,.admin-content select{width:100%;margin-top:.35rem;padding:.78rem .85rem;border:1px solid #cbdbe3;border-radius:7px;color:var(--ink);background:#fff;outline:none}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus,.admin-content input:focus,.admin-content textarea:focus,.admin-content select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(9,199,229,.12)}
textarea{min-height:105px;resize:vertical}.quote-form .button{width:100%}.form-message{margin:.7rem 0 0;color:#926100;font-size:.8rem;font-weight:700}.contact-section .form-message{color:#8b5d00}

.site-footer{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:3rem;padding:3.5rem 6% 1.4rem;background:#fff}.footer-brand p{font-size:.8rem;color:var(--muted);max-width:280px}.site-footer>div:not(.footer-brand){display:grid;align-content:start;gap:.45rem}.site-footer h3{font-size:.9rem;margin:.4rem 0 .5rem}.site-footer>div>a,.site-footer>div>span{font-size:.78rem;color:var(--muted);text-decoration:none}.site-footer>div>a:hover{color:var(--blue)}#admin-link{margin-top:.5rem;color:var(--blue)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem;margin:1rem 0 0;font-size:.72rem;color:var(--muted);text-align:center}
.business-hours{display:grid;gap:.38rem;margin-top:.75rem;padding:.75rem;border:1px solid #e0eaee;border-radius:10px;background:#f8fbfc}.business-hours>b{color:var(--navy);font-size:.72rem}.business-hours>span{display:flex!important;justify-content:space-between;gap:1rem;color:var(--muted)!important;font-size:.68rem!important}.business-hours strong{color:#40596b;font-weight:700}.business-hours em{color:var(--blue);font-style:normal;font-weight:800;white-space:nowrap}.copyright{display:grid;gap:.22rem}.copyright small{color:#8295a1;font-size:.61rem}.chatbot-shell[hidden]{display:none!important}
.footer-contact-lines{display:grid!important;gap:.55rem!important}.footer-contact-lines>a,.footer-contact-lines>span{display:grid!important;text-decoration:none;line-height:1.35}.footer-contact-lines b{color:var(--navy);font-size:.62rem;text-transform:uppercase;letter-spacing:.55px}.footer-contact-lines span,.footer-contact-lines em{color:var(--muted);font-size:.74rem;font-style:normal}.footer-contact-lines>a:hover span{color:var(--blue)}#blog-footer-contact{display:grid;gap:.35rem;font-size:.74rem;color:var(--muted)}
.whatsapp-float{position:fixed;right:22px;bottom:36px;z-index:40;display:flex;align-items:center;gap:.55rem;background:var(--green);color:#fff;text-decoration:none;padding:.68rem 1rem .68rem .72rem;border-radius:999px;box-shadow:0 10px 30px rgba(9,111,49,.3);font-size:.8rem;transition:.2s}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(9,111,49,.4)}.whatsapp-icon{width:26px;height:26px;fill:#fff;flex:0 0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.whatsapp-icon .whatsapp-phone{fill:var(--green)}

.modal{border:0;border-radius:16px;padding:0;width:min(880px,calc(100% - 2rem));max-height:90vh;box-shadow:0 25px 90px rgba(0,22,40,.4);overflow:auto}.modal::backdrop{background:rgba(1,20,34,.68);backdrop-filter:blur(5px)}.close-modal{position:sticky;float:right;right:.7rem;top:.7rem;z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16);font-size:1.45rem;cursor:pointer}.product-detail-grid{display:grid;grid-template-columns:1fr 1.1fr;min-height:500px}.detail-image{background:#f3f7f9;display:grid;place-items:center}.detail-image img{width:100%;height:100%;object-fit:contain;padding:1rem}.detail-copy{padding:3.5rem 2rem 2rem}.detail-copy h2{font-size:2rem;line-height:1.08;margin:.3rem 0}.detail-copy>p:not(.product-category){color:var(--muted)}.detail-copy dl{margin:1.2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.detail-copy dl div{display:grid;gap:.18rem;border:1px solid #dce8ed;background:#f7fafb;border-radius:10px;padding:.7rem .75rem;font-size:.79rem;min-width:0}.detail-copy dt{font-weight:850;color:#28485e;font-size:.64rem;text-transform:uppercase;letter-spacing:.45px}.detail-copy dd{margin:0;color:var(--navy);text-align:left;font-weight:750;overflow-wrap:anywhere}.detail-copy .button{width:100%;margin-top:0}.detail-actions{display:grid;gap:.55rem;margin-top:1rem}.add-cart-detail{background:var(--cyan);color:var(--navy);box-shadow:0 8px 20px rgba(9,199,229,.2)}.whatsapp-product{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(0,200,83,.2);display:flex;align-items:center;justify-content:center;gap:.45rem}.whatsapp-product:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 28px rgba(0,200,83,.28)}.whatsapp-product .whatsapp-icon{width:21px;height:21px}.detail-contact{background:#eef5f8;color:var(--navy)}

.cart-modal{width:min(760px,calc(100% - 2rem));background:#f5f9fb}.cart-content{padding:2.5rem 2rem 2rem}.cart-heading{padding-right:2.4rem}.cart-heading h2{margin:.15rem 0 .35rem;color:var(--navy);font-size:2rem;line-height:1.08}.cart-heading>p:not(.eyebrow){margin:0 0 1.35rem;color:var(--muted);font-size:.84rem}.cart-items{display:grid;gap:.65rem}.cart-item{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto 30px;align-items:center;gap:.8rem;padding:.65rem;border:1px solid #dae7ed;border-radius:12px;background:#fff}.cart-item>img{width:76px;height:68px;object-fit:contain;border-radius:9px;background:#eef4f7}.cart-item>div:nth-child(2){min-width:0;display:grid}.cart-item small{color:var(--blue);font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.cart-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font-size:.86rem}.cart-item span{color:var(--muted);font-size:.67rem}.cart-quantity{display:flex;align-items:center;border:1px solid #d4e2e8;border-radius:9px;overflow:hidden}.cart-quantity button{width:30px;height:30px;border:0;background:#f0f7f9;color:var(--navy);font-weight:900;cursor:pointer}.cart-quantity strong{min-width:27px;text-align:center;font-size:.72rem}.cart-remove{width:28px;height:28px;border:0;border-radius:50%;background:#fff0f1;color:#a72a36;font-size:1.1rem;cursor:pointer}.cart-checkout-form{margin-top:1.1rem;padding:1rem 1.1rem 1.1rem;border:1px solid #d7e6ec;border-radius:13px;background:#fff}.cart-checkout-form h3{margin:0 0 .8rem;color:var(--navy);font-size:1rem}.cart-checkout-form label{display:grid;margin-bottom:.75rem;color:#30495e;font-size:.72rem;font-weight:800}.cart-checkout-form input,.cart-checkout-form textarea{width:100%;margin-top:.3rem;padding:.68rem .75rem;border:1px solid #cbdde5;border-radius:8px;outline:0;color:var(--navy)}.cart-checkout-form input:focus,.cart-checkout-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(9,199,229,.12)}.cart-checkout-form textarea{min-height:76px}.cart-security-note{padding:.72rem .8rem;border-radius:9px;background:#eaf7fa;color:#526d7e;font-size:.65rem;line-height:1.5}.cart-security-note b{color:var(--navy)}.cart-whatsapp-checkout{width:100%;background:var(--green);color:#fff;box-shadow:0 9px 22px rgba(22,201,93,.22)}.cart-whatsapp-checkout .whatsapp-icon{width:21px;height:21px}.cart-empty{padding:2rem 1rem;text-align:center;border:1px dashed #bdd3dd;border-radius:13px;background:#fff}.cart-empty>span{font-size:2rem}.cart-empty h3{margin:.4rem 0 .2rem;color:var(--navy)}.cart-empty p{margin:0 0 .8rem;color:var(--muted);font-size:.77rem}.cart-empty button{border:0;border-radius:8px;background:var(--cyan);color:var(--navy);padding:.65rem .85rem;font-weight:850;cursor:pointer}
.view-360-badge{position:absolute;z-index:2;right:.65rem;top:.65rem;background:var(--navy);color:#fff;border:2px solid #fff;border-radius:999px;padding:.35rem .55rem;font-size:.68rem;font-weight:900;box-shadow:0 5px 16px rgba(3,35,60,.22)}
.product-viewer{background:linear-gradient(145deg,#e2e8ed,#f4f7f9);padding:1rem;display:flex;flex-direction:column;justify-content:center;min-width:0}.viewer-stage{height:360px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 40%,#f4f6f8 0,#e1e7ec 66%,#cbd5dc 100%);cursor:grab;touch-action:none;user-select:none}.viewer-stage.dragging{cursor:grabbing}.viewer-stage::after{content:"";position:absolute;left:18%;right:18%;bottom:43px;height:18px;border-radius:50%;background:rgba(3,35,60,.16);filter:blur(13px)}.viewer-image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:1rem;pointer-events:none;mix-blend-mode:multiply;transition:transform .22s ease,opacity .18s ease}.viewer-shine{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.34) 48%,transparent 61%);transform:translateX(-100%);animation:viewerShine 4s ease-in-out infinite}.viewer-angle-label{position:absolute;z-index:3;left:.75rem;top:.75rem;background:rgba(255,255,255,.86);color:var(--navy);border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:.36rem .65rem;font-size:.65rem;font-weight:900;box-shadow:0 4px 14px rgba(3,35,60,.12);pointer-events:none}.viewer-instruction{position:absolute;z-index:3;left:50%;bottom:.75rem;transform:translateX(-50%);display:flex;align-items:center;gap:.55rem;background:rgba(3,35,60,.88);color:#fff;border-radius:999px;padding:.45rem .75rem;white-space:nowrap;box-shadow:0 5px 18px rgba(3,35,60,.2)}.viewer-instruction b{color:var(--cyan);font-size:.7rem}.viewer-instruction span{font-size:.65rem}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:.85rem;margin:.8rem 0 .5rem}.viewer-arrow{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);font-size:1.35rem;cursor:pointer}.viewer-dots{display:flex;gap:.35rem}.viewer-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#b7cbd5;padding:0;cursor:pointer}.viewer-dots button.active{background:var(--cyan);transform:scale(1.25)}.viewer-thumbnails{display:flex;gap:.45rem;overflow-x:auto;padding:.25rem}.viewer-thumbnails button{flex:0 0 58px;height:48px;padding:.15rem;background:#e2e8ed;border:2px solid transparent;border-radius:8px;cursor:pointer}.viewer-thumbnails button.active{border-color:var(--cyan)}.viewer-thumbnails img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.viewer-note{text-align:center;color:var(--muted);font-size:.72rem;margin:.8rem 0 0}.product-viewer+ .detail-copy{align-self:stretch}@keyframes viewerShine{0%,58%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.compare-content{padding:2.8rem 2rem 2rem}.compare-content h2{margin:.2rem 0 1.4rem}.compare-table{display:grid;grid-template-columns:140px repeat(2,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.compare-cell{padding:.75rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.78rem}.compare-cell:nth-child(3n){border-right:0}.compare-cell.label{background:#f4f8fa;font-weight:850}.compare-cell.head{text-align:center}.compare-cell.head img{height:120px;width:100%;object-fit:contain;margin-bottom:.5rem}.compare-cell.head b{display:block}
.admin-modal{width:min(1120px,calc(100% - 2rem));background:#f4f8fa}.admin-content{padding:2.4rem}.admin-content>h2{margin:.1rem 0 .45rem;font-size:2rem;color:var(--navy)}.admin-warning{color:#40586a;background:#e9f8fc;border:1px solid #bceaf3;border-radius:10px;padding:.8rem 1rem;font-size:.78rem;margin:.8rem 0 1.2rem}.admin-tabs{display:flex;gap:.35rem;margin:0 0 1.2rem;padding:.3rem;background:#e6eef2;border-radius:12px;width:max-content}.tab{border:0;background:transparent;padding:.72rem 1.2rem;border-radius:9px;font-weight:850;color:#52697a;cursor:pointer}.tab.active{background:#fff;color:var(--navy);box-shadow:0 3px 12px rgba(3,35,60,.1)}.hidden{display:none!important}#company-panel,#product-form,#admin-products{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgba(3,35,60,.05)}#company-panel{padding:1.3rem}#company-panel form{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}#company-panel form label:nth-child(n+3){grid-column:1/-1}#company-panel .button{width:max-content}#product-panel{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:1rem;align-items:start}#product-form{padding:1.25rem}#product-form>label>small,.angle-uploader small{font-weight:500;color:var(--muted);margin-top:.25rem}.legacy-photo-field{display:none!important}.admin-actions{display:flex;gap:.65rem;position:sticky;bottom:-2.4rem;background:linear-gradient(transparent,#fff 24%);padding-top:1.25rem;z-index:2}.admin-actions .button{flex:1}.angle-uploader{margin:1rem 0;border-top:1px solid var(--line);padding-top:1rem}.angle-uploader-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.8rem}.angle-uploader-head span:first-child{display:grid}.angle-uploader-head b{font-size:.88rem;color:var(--navy)}.upload-progress{flex:0 0 auto;background:#edf4f7;color:#52697a;border-radius:999px;padding:.4rem .65rem;font-size:.68rem;font-weight:850}.upload-progress.complete{background:#dff8ed;color:#08774c}.angle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.angle-slot{position:relative!important;display:block!important;margin:0!important;min-height:132px;border:1.5px dashed #b9cfda;border-radius:12px;background:#f8fbfc;overflow:hidden;cursor:pointer;transition:.2s}.angle-slot:hover,.angle-slot.drag-over{border-color:var(--cyan);background:#effbfe;transform:translateY(-2px)}.angle-slot.loading{opacity:.55;pointer-events:none}.angle-slot input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0;cursor:pointer;margin:0!important;padding:0!important}.angle-preview{height:132px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.65rem;pointer-events:none}.angle-preview i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e3f7fb;color:var(--blue);font-style:normal;font-size:1rem;margin-bottom:.35rem}.angle-preview b{font-size:.74rem;color:var(--navy)}.angle-preview small{font-size:.62rem}.angle-preview em{font-size:.58rem;font-style:normal;color:var(--blue);margin-top:.35rem}.angle-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.angle-preview img+span{position:absolute;left:.45rem;right:.45rem;bottom:.45rem;display:grid;background:rgba(3,35,60,.88);color:#fff;padding:.38rem .45rem;border-radius:7px;text-align:left}.angle-preview img+span b{color:#fff;font-size:.66rem}.angle-preview img+span small{color:#bcecf5;margin:0}.remove-angle{display:none;position:absolute;z-index:3;right:.4rem;top:.4rem;width:26px;height:26px;border:0;border-radius:50%;background:#fff;color:#9c2630;font-size:1rem;box-shadow:0 2px 8px rgba(0,0,0,.16);cursor:pointer}.angle-slot.has-photo .remove-angle{display:block}.angle-help{font-size:.68rem;color:var(--muted);background:#f1f6f8;border-radius:8px;padding:.6rem .75rem;margin:.75rem 0 0}#admin-products{padding:.9rem;max-height:720px;overflow:auto}.admin-list-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .25rem .9rem}.admin-list-head span{display:grid}.admin-list-head small{color:var(--muted)}#admin-new-product{border:0;border-radius:8px;background:var(--cyan);color:var(--navy);padding:.6rem .75rem;font-weight:900;cursor:pointer}.admin-product-row{display:grid;grid-template-columns:66px 1fr;gap:.75rem;padding:.75rem;border-top:1px solid var(--line);align-items:center}.admin-product-row>img{width:66px;height:66px;object-fit:contain;background:#f2f6f8;border-radius:9px}.admin-product-info{min-width:0}.admin-product-info>b{display:block;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-product-info small{display:block;color:var(--muted);font-size:.67rem}.status-pill,.photo-count{display:inline-block;margin:.35rem .3rem 0 0;padding:.18rem .42rem;border-radius:999px;background:#dcf7ea;color:#08774c;font-size:.58rem;font-style:normal;font-weight:850}.status-pill.hidden-status{background:#f5e7e8;color:#9c2630}.photo-count{background:#e8f4f9;color:#176689}.admin-row-actions{grid-column:1/-1;display:flex;gap:.35rem}.admin-product-row button{flex:1;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--blue);padding:.42rem;font-weight:800;cursor:pointer}.admin-product-row button:hover{background:#eff9fc}.admin-product-row button.danger{color:#a22121}.form-message{font-weight:800;color:var(--blue)}

/* Panel administrativo profesional */
.admin-login-modal{width:min(440px,calc(100% - 1.25rem));background:linear-gradient(155deg,#fff 0%,#f1f8fb 100%);overflow:hidden}.admin-login-modal .close-modal{position:absolute}.admin-login-layout{padding:2rem 2.2rem 2.15rem;text-align:center}.admin-login-brand{display:flex;align-items:center;gap:.7rem;text-align:left;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.admin-login-brand img,.admin-brand img{width:48px;height:48px;object-fit:contain}.admin-login-brand span,.admin-brand span{display:grid}.admin-login-brand b,.admin-brand b{color:var(--navy);font-size:1rem}.admin-login-brand small,.admin-brand small{color:var(--muted);font-size:.65rem}.login-shield{width:68px;height:68px;margin:1.45rem auto .8rem;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),#087cc5);box-shadow:0 15px 32px rgba(5,137,181,.25);transform:rotate(45deg)}.login-shield span{display:grid;place-items:center;width:34px;height:34px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:1.15rem;font-weight:900;transform:rotate(-45deg)}.admin-login-layout .eyebrow{margin-bottom:.45rem}.admin-login-layout h2{margin:.15rem 0 .45rem;color:var(--navy);font-size:1.8rem}.admin-login-layout>p:not(.eyebrow):not(.first-access-note):not(.login-message){color:var(--muted);font-size:.84rem;margin:0 auto 1.2rem;max-width:320px}.admin-login-layout form{text-align:left}.admin-login-layout label{display:grid;color:#30495e;font-size:.74rem;font-weight:850;margin:.75rem 0}.input-with-icon{display:flex;align-items:center;margin-top:.38rem;background:#fff;border:1px solid #c9dce6;border-radius:10px;transition:.2s}.input-with-icon:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(9,199,229,.12)}.input-with-icon i{font-style:normal;color:#2e7da6;width:40px;text-align:center;font-size:.65rem}.input-with-icon input{border:0!important;box-shadow:none!important;margin:0!important;padding:.86rem .75rem .86rem 0!important;background:transparent!important}.admin-login-layout .button{width:100%;margin-top:.65rem}.login-message{min-height:1.2rem;margin:.75rem 0 0;color:#af2934;font-size:.72rem;font-weight:800}.first-access-note{margin:1rem 0 0!important;padding:.7rem;border-radius:9px;background:#eaf6fa;color:#526b7b!important;font-size:.65rem!important}.first-access-note strong{color:var(--navy)}
#admin-setup-label[hidden]{display:none!important}
.admin-modal{width:min(1180px,calc(100% - 1.25rem));background:#eef4f7;border-radius:20px}.admin-modal>.close-modal{position:absolute;right:1rem;top:1rem;background:rgba(255,255,255,.95)}.admin-content{padding:0 2rem 2rem}.admin-topbar{margin:0 -2rem;min-height:76px;padding:0 4.7rem 0 2rem;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-brand{display:flex;align-items:center;gap:.65rem}.admin-session{display:flex;align-items:center;gap:.9rem}.admin-session>span{display:flex;align-items:center;gap:.35rem;color:#41705d;font-size:.7rem;font-weight:800}.admin-session>span i{width:8px;height:8px;border-radius:50%;background:#21bf73;box-shadow:0 0 0 4px #ddf7e9}.admin-session button{border:1px solid #d4e0e6;background:#fff;color:#52697a;border-radius:8px;padding:.55rem .75rem;font-weight:800;font-size:.68rem;cursor:pointer}.admin-session button:hover{color:#a22121;border-color:#e8bfc2}.admin-welcome{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:1.5rem 0 1rem;padding:1.35rem 1.5rem;border-radius:16px;color:#fff;background:linear-gradient(125deg,#042c49,#075d84 70%,#07afca);box-shadow:0 14px 34px rgba(3,35,60,.16)}.admin-welcome .eyebrow{margin-bottom:.35rem;color:#63eafb}.admin-welcome h2{font-size:1.85rem;margin:0 0 .25rem}.admin-welcome p:not(.eyebrow){margin:0;color:#d9eaf2;font-size:.78rem}.admin-stats{display:grid;grid-template-columns:repeat(3,92px);gap:.55rem}.admin-stats span{display:grid;text-align:center;padding:.65rem .4rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:11px;backdrop-filter:blur(4px)}.admin-stats b{font-size:1.25rem}.admin-stats small{font-size:.57rem;color:#d9edf4;text-transform:uppercase;letter-spacing:.6px}.admin-warning{display:flex;align-items:center;gap:.35rem;background:#fff9e9;border-color:#f2deb0;color:#6c5a30}.admin-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:.6rem;padding:0;background:transparent}.tab{display:flex;align-items:center;gap:.65rem;text-align:left;padding:.8rem 1rem;border:1px solid #d5e1e7;background:rgba(255,255,255,.65);border-radius:12px}.tab i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e8f4f8;color:#1479a5;font-size:1rem}.tab span{display:grid}.tab small{font-size:.58rem;font-weight:600;color:#7b8f9c;margin-top:.1rem}.tab.active{background:#fff;border-color:#a8ddea;box-shadow:0 8px 22px rgba(3,35,60,.08)}.tab.active i{background:var(--cyan);color:var(--navy)}.admin-panel-card,#product-form,#admin-products{background:#fff;border:1px solid #dbe6eb;border-radius:15px;box-shadow:0 9px 28px rgba(3,35,60,.055)}#company-panel,#security-panel{padding:1.3rem}.admin-panel-heading{display:flex;align-items:center;gap:.8rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.admin-panel-heading>span{width:42px;height:42px;border-radius:11px;background:#e4f7fb;color:#087ba8;display:grid;place-items:center}.admin-panel-heading i{font-style:normal}.admin-panel-heading h3{margin:0;color:var(--navy);font-size:1rem}.admin-panel-heading p{margin:.2rem 0 0;color:var(--muted);font-size:.68rem}.admin-panel-heading.compact{margin:-.1rem 0 1rem}.admin-content input,.admin-content textarea,.admin-content select{border-radius:9px;background:#fbfdfe}.admin-content textarea{min-height:86px;resize:vertical}#admin-security-form{max-width:760px}#security-panel .button{width:max-content}.security-note{display:flex;gap:.8rem;margin-top:1.2rem;padding:1rem;border-radius:11px;background:#edf7fa;color:#526b7b;font-size:.7rem}.security-note b{color:var(--navy);white-space:nowrap}.security-note span{line-height:1.5}#admin-message{position:sticky;bottom:0;margin:1rem 0 0;padding:.7rem 1rem;background:rgba(255,255,255,.94);border-radius:9px;box-shadow:0 5px 18px rgba(3,35,60,.08);min-height:1rem}.admin-product-row{transition:.2s}.admin-product-row:hover{background:#f7fbfd;border-radius:10px}.admin-list-head{position:sticky;top:0;background:#fff;z-index:2}.admin-list-head>b{color:var(--navy)}
.technical-specs-editor{margin:1rem 0;padding:1rem;border:1px solid #d8e7ed;border-radius:13px;background:linear-gradient(145deg,#f7fbfd,#fff)}.technical-specs-editor label[hidden]{display:none!important}.technical-specs-heading{display:flex;align-items:center;gap:.7rem;margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid #deeaef}.technical-specs-heading span{display:grid}.technical-specs-heading b{color:var(--navy);font-size:.88rem}.technical-specs-heading small{margin-top:.18rem;color:var(--muted);font-size:.65rem;line-height:1.45}.technical-specs-editor>label>small{display:block;margin-top:.28rem;color:var(--muted);font-weight:550;font-size:.62rem}.technical-specs-editor input::placeholder,.technical-specs-editor textarea::placeholder{color:#9aabb5}.technical-specs-editor textarea{min-height:102px}.commercial-type-panel{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.8rem;margin:0 0 .9rem;padding:.8rem .9rem;border:1px solid #b9dfeb;border-radius:12px;background:linear-gradient(135deg,#f1fbfd,#fff);box-shadow:0 6px 18px rgba(3,35,60,.045)}.commercial-type-panel[hidden]{display:none!important}.commercial-type-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--cyan),#0a91c4);color:#fff;font-size:1rem;box-shadow:0 6px 14px rgba(9,160,197,.2)}.commercial-type-panel label{margin:0!important}.commercial-type-panel label>span{color:var(--navy);font-size:.78rem}.commercial-type-panel label>small{display:block;margin-top:.3rem;color:var(--muted);font-size:.61rem;font-weight:600}.commercial-type-panel select{margin-top:.32rem!important}
.social-links{display:flex;align-items:center;gap:.55rem;margin-top:1.15rem;min-height:42px}.social-links:empty{display:none}.social-link{width:40px;height:40px;display:grid!important;place-items:center;border:1px solid #d8e4e9;border-radius:50%;background:#f7fbfc;color:var(--navy)!important;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}.social-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-link.facebook svg,.social-link.youtube svg{fill:currentColor;stroke:none}.social-link.youtube .play{fill:#fff}.social-link:hover{transform:translateY(-3px);color:#fff!important;box-shadow:0 8px 18px rgba(3,35,60,.17)}.social-link.instagram:hover{background:linear-gradient(135deg,#7c3aed,#e1306c,#f59e0b)}.social-link.facebook:hover{background:#1877f2}.social-link.tiktok:hover{background:#111}.social-link.youtube:hover{background:#f00}.social-admin-section{grid-column:1/-1;margin:.5rem 0 1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#f8fbfc}.social-admin-section h4{margin:0;color:var(--navy);font-size:.9rem}.social-admin-section>p{margin:.25rem 0 .85rem;color:var(--muted);font-size:.68rem}.social-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.social-admin-grid label{grid-column:auto!important;display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:.55rem;margin:0;padding:.7rem;border:1px solid #dbe6eb;border-radius:10px;background:#fff}.social-admin-grid label>b{font-size:.72rem;color:var(--navy)}.social-admin-grid label>input{grid-column:1/-1;margin-top:.45rem}.social-admin-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff}.social-admin-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-admin-icon.instagram{background:linear-gradient(135deg,#7c3aed,#e1306c,#f59e0b)}.social-admin-icon.facebook{background:#1877f2}.social-admin-icon.facebook svg,.social-admin-icon.youtube svg{fill:currentColor;stroke:none}.social-admin-icon.tiktok{background:#111}.social-admin-icon.youtube{background:#f00}.social-admin-icon.youtube .play{fill:#fff}
.website-form-section{padding:1.15rem;border:1px solid var(--line);border-radius:14px;background:#f9fcfd;margin-bottom:1rem}.website-form-section h4{margin:0;color:var(--navy);font-size:.95rem}.website-form-section label>small{display:block;margin-top:.3rem;color:var(--muted);font-size:.62rem;font-weight:600}.website-help{margin:-.2rem 0 .8rem;color:var(--muted);font-size:.7rem}.website-section-title{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid #dce9ee}.website-section-title>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:linear-gradient(145deg,var(--cyan),#1298cf);color:#fff;font-size:.68rem;font-weight:900;box-shadow:0 6px 14px rgba(9,160,197,.18)}.website-section-title>div{display:grid}.website-section-title p{margin:.15rem 0 0;color:var(--muted);font-size:.66rem}.website-three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0 .75rem}.image-adaptation-note{margin:0 0 .9rem;padding:.7rem .8rem;border-radius:9px;background:#e7f7fa;color:#4d6e7e}.image-adaptation-note b{color:var(--navy)}.site-image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.site-image-card{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.65rem;border:1px solid #d8e6ec;border-radius:12px;background:#fff}.site-image-card>div{display:grid}.site-image-card b{color:var(--navy);font-size:.72rem}.site-image-card small{color:var(--muted);font-size:.58rem}.site-image-card>span{display:block;height:118px;border:1px solid #d1e1e8;border-radius:9px;background:#eef5f7 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.site-image-card>span::after{content:'Vista actual';display:grid;place-items:center;height:100%;color:#617888;font-size:.62rem;font-weight:800;background:rgba(255,255,255,.28);border-radius:9px}.site-image-card>span.has-preview::after{content:''}.site-image-select{position:relative!important;display:grid!important;place-items:center;margin:0!important;padding:.5rem!important;border-radius:8px;background:#e2f7fb;color:#076e99!important;font-size:.63rem!important;font-weight:850!important;cursor:pointer;overflow:hidden}.site-image-select input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0!important;padding:0!important}.site-image-card>button{border:1px solid #d7e3e9;border-radius:8px;background:#fff;color:#526d7e;padding:.45rem .4rem;font-size:.58rem;font-weight:800;cursor:pointer}.site-image-card>button:hover{border-color:#8bd5e5;background:#f0fbfd;color:var(--blue)}.website-form-section+.button{width:max-content}
.admin-toggle-card{display:flex!important;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem!important;padding:.8rem .9rem!important;border:1px solid #d8e7ed;border-radius:11px;background:#fff}.admin-toggle-card>span{display:grid}.admin-toggle-card b{color:var(--navy);font-size:.75rem}.admin-toggle-card small{margin-top:.18rem!important}.admin-toggle-card input{position:absolute!important;opacity:0!important;pointer-events:none}.admin-toggle-card>i{position:relative;flex:0 0 48px;width:48px;height:26px;border-radius:999px;background:#b9c9d1;box-shadow:inset 0 1px 3px rgba(3,35,60,.18);transition:.22s}.admin-toggle-card>i::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(3,35,60,.25);transition:.22s}.admin-toggle-card input:checked+i{background:linear-gradient(135deg,var(--cyan),#0a91c4)}.admin-toggle-card input:checked+i::after{transform:translateX(22px)}.admin-toggle-card:has(input:focus-visible){outline:3px solid rgba(9,199,229,.22);outline-offset:2px}.admin-toggle-card:hover{border-color:#89d8e7;cursor:pointer}
.mascot-manager{margin:0 0 1rem;padding:.9rem;border:1px solid #d8e7ed;border-radius:13px;background:linear-gradient(145deg,#f3fafd,#fff)}.mascot-manager-heading{display:grid;margin-bottom:.7rem}.mascot-manager-heading b{color:var(--navy);font-size:.8rem}.mascot-manager-heading small{margin-top:.16rem;color:var(--muted);font-size:.62rem}.mascot-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.mascot-option{position:relative!important;display:grid!important;grid-template-columns:1fr!important;align-content:start;gap:.18rem;margin:0!important;padding:.55rem!important;border:1.5px solid #d6e5eb;border-radius:12px;background:#fff;text-align:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mascot-option:hover{transform:translateY(-2px);border-color:#73d5e6;box-shadow:0 8px 20px rgba(3,35,60,.08)}.mascot-option>input{position:absolute!important;opacity:0!important;pointer-events:none}.mascot-option>span{position:relative;display:grid;height:132px;place-items:center;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 50% 43%,#fff 0 30%,#e8f8fb 66%,#d8eef5 100%)}.mascot-option img{width:100%;height:126px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(3,35,60,.18))}.mascot-option i{position:absolute;right:.4rem;top:.4rem;width:24px;height:24px;display:none;place-items:center;border-radius:50%;background:var(--cyan);color:var(--navy);font-style:normal;font-weight:950;box-shadow:0 3px 9px rgba(3,35,60,.18)}.mascot-option>b{margin-top:.22rem;color:var(--navy);font-size:.68rem}.mascot-option>small{color:var(--muted);font-size:.56rem}.mascot-option:has(input:checked){border-color:var(--cyan);background:#effbfe;box-shadow:0 0 0 3px rgba(9,199,229,.12)}.mascot-option:has(input:checked) i{display:grid}.mascot-option:has(input:focus-visible){outline:3px solid rgba(9,199,229,.3);outline-offset:2px}
.admin-tabs{grid-template-columns:repeat(4,1fr)}#website-panel{padding:1.3rem}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}

.chatbot-shell{position:fixed;left:22px;bottom:22px;z-index:46}.chatbot-toggle{position:relative;display:flex;align-items:center;gap:.7rem;min-height:62px;padding:.48rem 1rem .48rem .5rem;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:linear-gradient(135deg,#063a61,#087db0 72%,#08c4df);color:#fff;box-shadow:0 14px 38px rgba(3,35,60,.3);cursor:pointer;transition:transform .24s ease,box-shadow .24s ease}.chatbot-toggle:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(3,35,60,.37)}.chatbot-toggle-avatar,.chatbot-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#14daf0,#0792c9);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}.chatbot-toggle-avatar{width:48px;height:48px;background:#fff;color:#057da9}.chatbot-toggle-avatar svg,.chatbot-avatar svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chatbot-invite{display:grid;text-align:left}.chatbot-invite b{font-size:.78rem;line-height:1.15}.chatbot-invite small{margin-top:.18rem;color:#bceefa;font-size:.6rem}.chatbot-status{position:absolute;left:43px;bottom:8px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#20d876;box-shadow:0 0 0 3px rgba(32,216,118,.18)}
.chatbot-panel{position:absolute;left:0;bottom:76px;width:min(370px,calc(100vw - 28px));height:min(570px,calc(100vh - 115px));display:grid;grid-template-rows:auto 1fr auto auto auto;border:1px solid rgba(207,226,235,.95);border-radius:19px;background:#fff;box-shadow:0 24px 70px rgba(2,28,48,.32);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(18px) scale(.96);transform-origin:left bottom;pointer-events:none;transition:.25s ease}.chatbot-panel.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.chatbot-header{display:grid;grid-template-columns:48px 1fr 32px;align-items:center;gap:.7rem;padding:.85rem 1rem;color:#fff;background:linear-gradient(125deg,#042d4d,#076c9a 68%,#09b8d3)}.chatbot-avatar{width:48px;height:48px}.chatbot-header>span:nth-child(2){display:grid}.chatbot-header b{font-size:.88rem}.chatbot-header small{display:flex;align-items:center;gap:.35rem;color:#d8f5fb;font-size:.61rem}.chatbot-header small i{width:7px;height:7px;border-radius:50%;background:#31e484;box-shadow:0 0 0 3px rgba(49,228,132,.15)}.chatbot-header>button{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.13);color:#fff;font-size:1.25rem;cursor:pointer}.chatbot-header>button:hover{background:rgba(255,255,255,.23)}
.chatbot-messages{display:flex;flex-direction:column;gap:.7rem;padding:1rem;background:linear-gradient(180deg,#f4f9fb,#eef5f8);overflow-y:auto}.chat-message{display:flex;max-width:88%;animation:chatIn .24s ease}.chat-message>span{padding:.7rem .82rem;border-radius:13px;font-size:.72rem;line-height:1.48;box-shadow:0 4px 13px rgba(3,35,60,.07)}.chat-message.bot{align-self:flex-start}.chat-message.bot>span{border:1px solid #d9e8ee;border-bottom-left-radius:4px;background:#fff;color:#28475c}.chat-message.user{align-self:flex-end}.chat-message.user>span{border-bottom-right-radius:4px;background:var(--blue);color:#fff}.chat-message.typing>span{display:flex;gap:.25rem;padding:.78rem 1rem}.chat-message.typing i{width:6px;height:6px;border-radius:50%;background:#7d96a6;animation:chatDot 1s infinite}.chat-message.typing i:nth-child(2){animation-delay:.15s}.chat-message.typing i:nth-child(3){animation-delay:.3s}
.chat-products{display:grid;gap:.42rem;margin-top:.65rem}.chat-products button{width:100%;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:.55rem;padding:.42rem;border:1px solid #dce9ee;border-radius:9px;background:#f8fbfc;text-align:left;cursor:pointer}.chat-products button:hover{border-color:#7ed8e8;background:#effafd}.chat-products img{width:45px;height:42px;object-fit:contain;border-radius:6px;background:#eaf1f4}.chat-products span{min-width:0;display:grid}.chat-products small{color:var(--blue);font-size:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.chat-products b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font-size:.65rem}.chat-products em{color:var(--muted);font-size:.55rem;font-style:normal}.chat-products button>i{color:var(--cyan-dark);font-style:normal;font-weight:900}.chat-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.chat-actions a,.chat-actions button{border:0;border-radius:7px;background:#e5f6fa;color:#056c98;padding:.43rem .58rem;text-decoration:none;font-size:.6rem;font-weight:850;cursor:pointer}
.chatbot-quick{display:flex;gap:.38rem;padding:.7rem .8rem .4rem;background:#fff;overflow-x:auto}.chatbot-quick button{flex:0 0 auto;border:1px solid #cfe1e8;border-radius:999px;background:#fff;color:#31546a;padding:.42rem .65rem;font-size:.59rem;font-weight:800;cursor:pointer}.chatbot-quick button:hover{border-color:var(--cyan);background:#f1fbfd;color:var(--blue)}.chatbot-form{display:grid;grid-template-columns:1fr 42px;gap:.45rem;padding:.5rem .8rem .65rem;background:#fff}.chatbot-form input{min-width:0;border:1px solid #cbdde5;border-radius:10px;outline:0;padding:.72rem .8rem;color:var(--navy);font-size:.72rem}.chatbot-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(9,199,229,.12)}.chatbot-form button{display:grid;place-items:center;border:0;border-radius:10px;background:var(--cyan);color:var(--navy);cursor:pointer}.chatbot-form button:hover{background:#35d7ee}.chatbot-form svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chatbot-note{margin:0;padding:0 .8rem .7rem;background:#fff;color:#8296a3;text-align:center;font-size:.52rem}@keyframes chatIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes chatDot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}

.chatbot-panel{height:min(540px,calc(100vh - 190px))}
.search-modal{width:min(720px,calc(100% - 2rem));background:linear-gradient(145deg,#fff 0%,#f3f9fb 100%);overflow:hidden}
.search-content{padding:2.4rem 2.5rem 2.5rem}.search-content h2{margin:.25rem 0 .35rem;color:var(--navy);font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.08}.search-content>p:not(.eyebrow):not(.search-summary){margin:.3rem 0 1.25rem;color:var(--muted)}
.search-field{display:flex;align-items:center;gap:.75rem;padding:0 .9rem;border:1px solid #c8dce5;border-radius:13px;background:#fff;box-shadow:0 9px 24px rgba(3,35,60,.07);transition:.2s}.search-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(9,199,229,.13),0 9px 24px rgba(3,35,60,.07)}.search-field svg{width:21px;height:21px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round}.search-field input{min-width:0;flex:1;border:0;outline:0;padding:1rem 0;background:transparent;color:var(--navy);font-weight:700}.search-field kbd{border:1px solid #d8e3e8;border-bottom-width:2px;border-radius:6px;background:#f6f9fa;color:#708694;padding:.15rem .4rem;font-size:.62rem}
.search-summary{margin:1rem 0 .55rem;color:#547083;font-size:.72rem;font-weight:800}.search-results{display:grid;gap:.5rem;max-height:420px;overflow:auto;padding-right:.2rem}.search-result{width:100%;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:.8rem;text-align:left;border:1px solid #deeaef;border-radius:12px;background:#fff;padding:.55rem .75rem;cursor:pointer;transition:.2s}.search-result:hover,.search-result:focus-visible{border-color:#8cdbea;background:#f5fcfe;transform:translateX(3px);outline:none}.search-result-image{width:58px;height:54px;display:grid;place-items:center;border-radius:9px;background:#eef5f7;overflow:hidden}.search-result-image img{width:100%;height:100%;object-fit:contain}.search-result-image i{font-style:normal;color:var(--blue)}.search-result-copy{min-width:0;display:grid}.search-result-copy small{color:var(--blue);font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.search-result-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font-size:.88rem}.search-result-copy em{color:var(--muted);font-size:.66rem;font-style:normal}.search-result-arrow{color:var(--cyan-dark);font-size:1.15rem;font-weight:900}.search-empty{text-align:center;padding:2rem 1rem;border:1px dashed #bdd4de;border-radius:13px;background:rgba(255,255,255,.7)}.search-empty>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto .7rem;border-radius:50%;background:#e1f6fa;color:var(--blue);font-size:1.25rem}.search-empty h3{margin:0;color:var(--navy)}.search-empty p{margin:.3rem 0 .8rem;color:var(--muted);font-size:.78rem}.search-empty a{color:var(--blue);font-weight:850;text-decoration:none}

@media(max-width:1050px){.nav{gap:1.15rem}.header-quote{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.hero{background-position:68% center}.hero-copy{width:62%}.hero h1{font-size:clamp(2.55rem,5.3vw,3.8rem)}.about-section,.contact-grid{gap:3rem}.quick-strip{padding-inline:2%}}
@media(max-width:800px){
  html{scroll-padding-top:68px}.site-header{height:68px;padding:0 5%;gap:.5rem}.brand img{width:45px;height:45px}.brand-name{font-size:1.1rem}.brand-name small{font-size:.42rem}.header-actions{margin-left:auto}.header-search,.header-cart{width:40px;height:40px}.menu-button{display:block;margin-left:0}.nav{position:absolute;left:0;right:0;top:68px;background:#fff;display:grid;gap:0;padding:.5rem 6% 1rem;box-shadow:0 14px 30px rgba(4,39,68,.12);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.3s;z-index:-1}.nav.open{transform:none;opacity:1;pointer-events:auto}.nav a{padding:.8rem 0;border-bottom:1px solid var(--line)}.nav a::after{bottom:5px;right:100%}
  .hero{min-height:680px;align-items:end;padding-top:280px}.hero-overlay{top:0;right:0;bottom:auto;width:100%;height:52%;aspect-ratio:auto;background-position:center top;background-size:auto 100%;filter:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)}.hero-overlay::after{background:linear-gradient(180deg,rgba(3,29,50,.06),rgba(3,35,60,.35))}.hero::after{background:linear-gradient(180deg,rgba(3,29,50,.03) 0%,rgba(3,35,60,.7) 43%,rgba(3,30,53,.99) 67%)}.hero-copy{width:90%;margin:0 auto;padding:2rem 0 2.4rem}.hero-copy>#hero-eyebrow{font-size:clamp(.98rem,3.6vw,1.2rem);letter-spacing:2.5px}.hero h1{font-size:clamp(2.15rem,9.5vw,3rem);letter-spacing:-2px}.hero-lead{font-size:.98rem}.hero-actions{margin:1.5rem 0}.hero-benefits{gap:.8rem;justify-content:space-between}.hero-benefits>div{min-width:30%;gap:.35rem}.hero-benefits i{width:35px;height:35px;font-size:.95rem}.hero-benefits i svg{width:18px;height:18px}.hero-benefits b{font-size:.64rem}.hero-benefits small{font-size:.57rem}
  .quick-strip{grid-template-columns:repeat(3,1fr);padding:0}.quick-strip a{justify-content:center;border-bottom:1px solid var(--line);min-height:68px}.quick-strip a:nth-child(2){border-right:1px solid var(--line)}.brand-marquee{height:42px}
  .section-shell{width:min(90%,680px)}.catalog-section,.about-section{padding-block:4rem}.section-heading{align-items:start}.section-heading h2,.about-copy h2,.contact-copy h2{font-size:2.35rem}.section-link{display:none}.catalog-layout{grid-template-columns:1fr}.compare-panel{position:relative;top:auto}.compare-preview{min-height:100px}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:190px}.service-section{padding:4rem 0}.service-photo-wall{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.service-photo-wall span{background-position:center}.service-section .section-heading{display:grid;gap:1rem}.service-section #service-appointment{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:max-content;margin-top:.15rem;padding:.68rem 1rem;border:1px solid rgba(255,255,255,.65);border-radius:10px;background:rgba(3,30,53,.42);font-size:.76rem;line-height:1}.service-cards{grid-template-columns:1fr}.service-card p{min-height:0}.about-section{grid-template-columns:1fr;gap:2rem}.about-photo img{aspect-ratio:16/9}.blog-section{padding:4rem 0}.blog-video-grid,.blog-topic-grid{grid-template-columns:1fr}.location-section{padding:4rem 0}.location-grid{grid-template-columns:1fr;gap:2rem}.map-card,.map-card iframe{min-height:340px;height:340px}.contact-section{padding:4rem 0}.contact-grid{grid-template-columns:1fr;gap:2rem}.site-footer{grid-template-columns:1fr 1fr;padding-inline:5%}.footer-brand{grid-column:1/-1}.product-detail-grid{grid-template-columns:1fr}.product-viewer{padding:.65rem}.viewer-stage{height:300px}.detail-copy{padding:2rem 1.25rem}.compare-table{grid-template-columns:95px repeat(2,1fr)}.compare-cell{padding:.55rem;font-size:.67rem}.compare-cell.head img{height:80px}
}
@media(max-width:800px){.catalog-section .section-heading{display:grid;gap:.7rem;margin-bottom:1.25rem}.catalog-section .section-link{display:inline-flex;align-items:center;gap:.35rem;width:max-content;font-size:.78rem}.subcategories{padding:.9rem;margin-top:-.8rem}.subcategories-title b{font-size:.75rem}.subcategory{padding:.55rem .72rem;font-size:.68rem}}
@media(max-width:800px){.blog-page-hero{padding:3.5rem 0}.blog-back-link{margin-bottom:2rem}.blog-page-hero h1{font-size:clamp(2.5rem,12vw,4rem);letter-spacing:-2.5px}.blog-page-content{padding:4rem 0}.blog-page-heading{grid-template-columns:1fr;gap:.75rem}.blog-cta .section-shell{display:grid}.blog-cta .button{width:max-content}}
@media(max-width:520px){
  .chatbot-shell{left:12px;bottom:14px}.chatbot-toggle{min-height:56px;padding:.4rem}.chatbot-toggle-avatar{width:46px;height:46px}.chatbot-invite{display:none}.chatbot-status{left:40px;bottom:5px}.chatbot-panel{position:fixed;left:12px;right:12px;bottom:78px;width:auto;height:min(570px,calc(100vh - 94px));transform-origin:center bottom}.chatbot-header{padding:.72rem .8rem}.chatbot-messages{padding:.8rem}.chat-message{max-width:92%}.chatbot-quick{padding-inline:.65rem}.chatbot-form{padding-inline:.65rem}
  .hero{min-height:700px;padding-top:235px}.hero-overlay{height:45%}.hero-copy>#hero-eyebrow{font-size:.96rem;letter-spacing:2.1px}.hero-copy>#hero-eyebrow::after{width:34px}.hero h1{font-size:2.3rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{padding:.75rem .55rem;font-size:.75rem}.hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:100%;margin-inline:auto}.hero-benefits>div,.hero-benefits .hero-hours{display:grid;grid-template-columns:1fr;align-content:start;justify-items:center;gap:.35rem;min-width:0;text-align:center}.hero-benefits span,.hero-benefits .hero-hours span{display:grid;justify-items:center}.hero-benefits .hero-hours{grid-column:auto;margin-top:0}.hero-benefits b{font-size:.59rem}.hero-benefits small{font-size:.52rem}.hero-benefits .hero-hours-list{font-size:.49rem;line-height:1.25}
  .quick-strip a{padding:.7rem}.quick-strip small{display:none}.quick-strip b{font-size:.7rem}.quick-strip i{font-size:1.2rem}.categories{margin-right:-5vw}.product-grid{grid-template-columns:1fr}.product-image{height:245px}.section-heading h2,.about-copy h2,.contact-copy h2{font-size:2rem}.about-points{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.site-footer{grid-template-columns:1fr}.site-footer>div{grid-column:1/-1}.whatsapp-float b{display:none}.whatsapp-float{width:52px;height:52px;justify-content:center;padding:0;bottom:78px}.modal{width:calc(100% - 1rem)}.search-content{padding:2.2rem 1rem 1rem}.search-field{gap:.5rem;padding:0 .7rem}.search-field kbd{display:none}.search-result{grid-template-columns:50px 1fr auto;padding:.5rem}.search-result-image{width:50px;height:48px}.viewer-stage{height:260px}.viewer-instruction span{display:none}.detail-copy dl{grid-template-columns:1fr}.cart-content{padding:2.2rem .8rem 1rem}.cart-heading h2{font-size:1.55rem}.cart-item{grid-template-columns:62px minmax(0,1fr) 30px;gap:.55rem}.cart-item>img{width:62px;height:58px}.cart-quantity{grid-column:2/3;width:max-content}.cart-remove{grid-column:3;grid-row:1}.cart-checkout-form{padding:.85rem}.admin-content{padding:2rem 1rem}.admin-actions{display:grid}.compare-content{padding:2.5rem .65rem 1rem}.compare-table{grid-template-columns:74px repeat(2,1fr)}
}
@media(max-width:900px){.admin-modal{width:calc(100% - 1rem)}.admin-content{padding:1.5rem 1rem}#product-panel{grid-template-columns:1fr}#admin-products{max-height:none}.admin-actions{bottom:-1.5rem}}
@media(max-width:600px){#company-panel form{grid-template-columns:1fr}#company-panel form label{grid-column:1/-1}.angle-grid{grid-template-columns:1fr 1fr}.angle-uploader-head{align-items:flex-start}.angle-uploader-head small{max-width:210px}.angle-preview{height:118px}.angle-slot{min-height:118px}.admin-tabs{width:100%;grid-template-columns:1fr 1fr}.tab{flex:1}.admin-product-row{grid-template-columns:56px 1fr}.admin-product-row>img{width:56px;height:56px}.site-image-grid,.social-admin-grid,.website-three-columns{grid-template-columns:1fr}.mascot-options{grid-template-columns:1fr 1fr}.mascot-option>span{height:112px}.mascot-option img{height:108px}.website-form-section{padding:.75rem}}
@media(max-width:760px){.admin-login-layout{padding:1.5rem 1.25rem 1.6rem}.admin-content{padding:0 .8rem 1rem}.admin-topbar{margin:0 -.8rem;padding:0 3.7rem 0 .8rem;min-height:66px}.admin-brand img{width:40px;height:40px}.admin-session>span{display:none}.admin-welcome{display:grid;margin-top:1rem;padding:1.1rem}.admin-welcome h2{font-size:1.45rem}.admin-stats{grid-template-columns:repeat(3,1fr);width:100%}.admin-tabs{gap:.35rem}.tab{display:grid;justify-items:center;text-align:center;padding:.55rem .25rem}.tab i{width:30px;height:30px}.tab small{display:none}.admin-panel-heading{align-items:flex-start}#company-panel,#security-panel{padding:1rem}.security-note{display:grid}.admin-topbar .admin-brand small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.hero-copy>*{opacity:1!important;transform:none!important;filter:none!important}}

/* Ajustes del blog administrable */
.blog-page-hero .eyebrow{font-size:clamp(1.05rem,1.45vw,1.28rem);letter-spacing:3.2px}
.blog-admin-subtitle{margin:1rem 0 .7rem;padding-bottom:.45rem;border-bottom:1px solid #dce9ee;color:var(--navy);font-size:.76rem;font-weight:900}

/* Estadísticas de visitas del panel administrativo */
@media(min-width:761px){.admin-stats{grid-template-columns:repeat(5,82px)}}
@media(max-width:520px){.chatbot-panel{height:min(540px,calc(100vh - 164px))}}

/* Mascota del asistente: búho INNOPESA y burbuja de diálogo */
.chatbot-toggle{
  min-height:112px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  gap:.2rem;
  overflow:visible;
}
.chatbot-toggle:hover{transform:none;box-shadow:none}
.chatbot-toggle-avatar{
  position:relative;
  z-index:2;
  width:112px;
  height:112px;
  flex:0 0 112px;
  border-radius:0;
  background:transparent;
  color:inherit;
  box-shadow:none;
  transform-origin:50% 85%;
  animation:chatbotOwlIdle 3.8s ease-in-out infinite;
  transition:filter .35s ease,transform .35s cubic-bezier(.2,.8,.2,1);
}
.chatbot-toggle-avatar img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 12px 13px rgba(2,28,48,.28));
  pointer-events:none;
}
.chatbot-invite{
  position:relative;
  z-index:1;
  min-width:190px;
  padding:.78rem 1rem .72rem;
  border:1px solid #cce3ec;
  border-radius:20px 20px 20px 7px;
  background:linear-gradient(145deg,#fff,#f3fbfd);
  color:var(--navy);
  box-shadow:0 12px 30px rgba(3,35,60,.2);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.chatbot-invite::before{
  content:'';
  position:absolute;
  left:-10px;
  bottom:13px;
  width:18px;
  height:18px;
  border-left:1px solid #cce3ec;
  border-bottom:1px solid #cce3ec;
  background:#f6fcfd;
  transform:rotate(45deg);
}
.chatbot-invite b{position:relative;font-size:.78rem;line-height:1.2;color:var(--navy)}
.chatbot-invite small{position:relative;margin-top:.22rem;color:#1683aa;font-size:.59rem;font-weight:800;letter-spacing:.25px}
.chatbot-toggle:hover .chatbot-toggle-avatar,
.chatbot-toggle:focus-visible .chatbot-toggle-avatar{
  transform:translateY(-7px) rotate(-2deg) scale(1.035);
  filter:drop-shadow(0 9px 13px rgba(8,195,224,.22));
  animation-play-state:paused;
}
.chatbot-toggle:hover .chatbot-invite,
.chatbot-toggle:focus-visible .chatbot-invite{
  transform:translateY(-4px);
  border-color:#72d6e7;
  box-shadow:0 16px 34px rgba(3,35,60,.24),0 0 0 4px rgba(9,199,229,.1);
}
.chatbot-toggle:focus-visible{outline:0}
.chatbot-status{left:86px;bottom:17px;z-index:4;width:12px;height:12px}
.chatbot-panel{bottom:119px;height:min(510px,calc(100vh - 255px));max-height:calc(100vh - 255px)}
.chatbot-header{grid-template-columns:56px 1fr 32px}
.chatbot-avatar{width:56px;height:56px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#fff 0 42%,#c6f4fa 72%,#19bcd7 100%)}
.chatbot-avatar img{width:62px;height:62px;object-fit:contain;transform:translateY(2px);filter:drop-shadow(0 5px 5px rgba(2,28,48,.22))}
.chat-category-options{display:grid;grid-template-columns:1fr 1fr;gap:.42rem;margin-top:.7rem}.chat-category-options button{display:grid;gap:.08rem;padding:.55rem .62rem;border:1px solid #cfe4eb;border-radius:9px;background:#f7fcfd;color:var(--navy);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.chat-category-options button:hover{transform:translateY(-2px);border-color:#63d3e6;background:#eafafd}.chat-category-options b{font-size:.62rem}.chat-category-options small{color:#658193;font-size:.52rem;font-weight:700}
@keyframes chatbotOwlIdle{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-5px) rotate(.7deg)}
}
@media(max-width:520px){
  .chatbot-shell{left:8px;bottom:8px}
  .chatbot-toggle{min-height:88px;padding:0;gap:0}
  .chatbot-toggle-avatar{width:88px;height:88px;flex-basis:88px}
  .chatbot-invite{display:grid;min-width:0;width:156px;padding:.62rem .75rem;border-radius:17px 17px 17px 6px}
  .chatbot-invite b{font-size:.68rem}
  .chatbot-invite small{font-size:.52rem}
  .chatbot-status{left:67px;bottom:13px}
  .chatbot-panel{bottom:92px;height:min(510px,calc(100vh - 180px));max-height:calc(100vh - 180px)}
}

/* Preferencias visuales administrables */
body{font-family:var(--site-font)}
.hero h1{font-size:var(--hero-title-size);max-width:680px}
.catalog-section #catalog-title{font-size:var(--catalog-title-size);max-width:820px}
.section-heading h2,.about-copy h2,.contact-copy h2,.location-copy h2{font-size:var(--section-title-size)}
.blog-page-hero h1{font-size:var(--blog-title-size);max-width:900px}
.brand-track{animation-duration:var(--banner-duration)}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead,.hero-copy>.hero-actions,.hero-copy>.hero-benefits{animation-duration:var(--motion-duration)}
.reveal{transition-duration:var(--motion-duration)}
body[data-motion="minimal"] .reveal{transform:none}
body[data-motion="dynamic"] .reveal{transform:translateY(30px) scale(.985)}
body[data-motion="dynamic"] .reveal.visible{transform:none}
body[data-motion="none"] .reveal,body[data-motion="none"] .hero-copy>*{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}

/* Editor visual profesional */
#website-panel{padding:1.3rem;background:linear-gradient(180deg,#fff,#f6fafc)}
.website-editor-intro{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1rem;padding:1rem 1.15rem;border:1px solid #bfe5ee;border-radius:14px;background:linear-gradient(120deg,#eafafd,#f8fdfe)}
.website-editor-intro>div:first-child{display:grid;gap:.22rem}.website-editor-intro b{color:var(--navy);font-size:.92rem}.website-editor-intro>div:first-child span{color:var(--muted);font-size:.68rem;line-height:1.45}.website-editor-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.website-editor-badges span{padding:.35rem .55rem;border-radius:999px;background:#fff;color:#167456;border:1px solid #cdece0;font-size:.57rem;font-weight:850;white-space:nowrap}
.website-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}.website-category-nav button{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.65rem .72rem;border:1px solid #d7e5eb;border-radius:11px;background:#fff;color:var(--navy);text-align:left;cursor:pointer;transition:.2s}.website-category-nav button:hover{border-color:#80d7e7;background:#effbfe;transform:translateY(-1px)}.website-category-nav b{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#e4f7fb;color:#087ba8;font-size:.58rem}.website-category-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:850}
.website-form-section{background:#fff;box-shadow:0 7px 20px rgba(3,35,60,.045);scroll-margin-top:1rem}.website-form-section.collapsed{padding-bottom:.35rem}.website-form-section.collapsed>:not(.website-section-title){display:none!important}.website-form-section .website-section-title{display:grid;grid-template-columns:auto minmax(0,1fr) auto;cursor:default}.website-section-toggle{display:flex;align-items:center;gap:.4rem;align-self:center;border:1px solid #cee1e9;border-radius:8px;background:#f7fbfd;color:#176b91;padding:.42rem .58rem;font-size:.6rem;font-weight:850;cursor:pointer}.website-section-toggle i{font-style:normal;font-size:.8rem;transition:transform .2s}.website-form-section:not(.collapsed) .website-section-toggle i{transform:rotate(180deg)}.website-form-section.collapsed .website-section-title{margin-bottom:0;padding-bottom:.65rem;border-bottom:0}
.design-controls-section select{min-height:44px;background:#fff}.design-controls-section label{padding:.55rem;border:1px solid #deeaef;border-radius:10px;background:#f9fcfd}
#website-form>.button[type="submit"]{position:sticky;bottom:.5rem;z-index:6;width:100%;margin-top:.4rem;padding:1rem;border-radius:11px;box-shadow:0 12px 28px rgba(3,87,126,.25)}
@media(max-width:800px){.website-editor-intro{align-items:flex-start;flex-direction:column}.website-editor-badges{justify-content:flex-start}.website-category-nav{grid-template-columns:1fr 1fr}.website-section-toggle span{display:none}}
@media(max-width:520px){.website-category-nav{grid-template-columns:1fr}.website-editor-badges span{font-size:.52rem}}
@media(max-width:520px){.hero h1{font-size:clamp(2.1rem,9.5vw,2.7rem)}.section-heading h2,.about-copy h2,.contact-copy h2,.location-copy h2{font-size:clamp(1.9rem,8.5vw,2.25rem)}.catalog-section #catalog-title{font-size:clamp(1.9rem,8.5vw,2.25rem)}.blog-page-hero h1{font-size:clamp(2.35rem,11vw,3.6rem)}}

/* Presentación automática y centrada de productos */
.product-image img,.viewer-image,.viewer-thumbnails img,.compare-cell.head img{object-fit:contain;object-position:center}
.viewer-image{max-width:100%;max-height:100%}
@media(max-width:520px){
  .product-image img{padding:1rem}
  .viewer-stage{height:auto;min-height:380px;aspect-ratio:4/5}
  .viewer-image{position:absolute;inset:0;width:100%;height:100%;padding:1.2rem 1rem 4.2rem;object-fit:contain;object-position:center}
  .viewer-instruction{left:50%;right:auto;bottom:.8rem;max-width:calc(100% - 1.4rem);justify-content:center}
}

/* Lista de productos del panel: encabezado estable y búsqueda rápida */
#admin-products .admin-list-head{position:static;top:auto;z-index:auto;background:#fff}
#admin-products{overscroll-behavior-y:contain;scrollbar-gutter:stable}
@media(min-width:901px){#admin-products{position:sticky;top:1rem;height:clamp(430px,calc(100dvh - 230px),660px);max-height:none;padding-bottom:.9rem;align-self:start}}
.admin-product-search{display:flex!important;align-items:center;gap:.55rem;margin:.05rem .25rem .75rem;padding:.62rem .72rem;border:1px solid #cfe0e8;border-radius:10px;background:#f7fbfd;cursor:text}
.admin-product-search:focus-within{border-color:#19b9d2;box-shadow:0 0 0 3px rgba(18,190,216,.12);background:#fff}
.admin-product-search i{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#e2f6fa;color:#087ba8;font-style:normal;font-size:1rem}
.admin-content .admin-product-search input{min-width:0;flex:1;margin:0;padding:.35rem 0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.73rem;font-weight:700;color:var(--navy);outline:0}
.admin-product-search small{flex:0 0 auto;color:#6f8492;font-size:.59rem;font-weight:800;white-space:nowrap}
#admin-product-search-empty{margin:.3rem .25rem .8rem;padding:.8rem;text-align:center;border-radius:9px;background:#f3f7f9;color:#657b89;font-size:.7rem;font-weight:700}
.admin-product-row[hidden]{display:none!important}
@media(max-width:520px){.admin-product-search{flex-wrap:wrap}.admin-product-search input{flex-basis:calc(100% - 40px)}.admin-product-search small{margin-left:32px}}

/* Vista ampliada de fotografías dentro de Administración */
.angle-slot.has-photo .angle-preview{background:linear-gradient(45deg,#eef3f6 25%,transparent 25%),linear-gradient(-45deg,#eef3f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef3f6 75%),linear-gradient(-45deg,transparent 75%,#eef3f6 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;background-color:#fff}
.angle-preview img{object-fit:contain;padding:.45rem;cursor:zoom-in;pointer-events:auto}
.admin-product-row>img{cursor:zoom-in}
.admin-photo-preview{width:min(860px,calc(100% - 1rem));overflow:hidden;background:#eef3f6}
.admin-photo-preview>div{min-height:min(72vh,680px);padding:2.8rem 1.25rem 1.25rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.7rem;text-align:center}
.admin-photo-preview p{margin:0;color:var(--navy);font-weight:900;font-size:1rem}
.admin-photo-preview img{width:100%;height:100%;max-height:62vh;object-fit:contain;object-position:center;border-radius:14px;padding:1rem;background:radial-gradient(circle at 50% 40%,#fff 0,#e4ebef 68%,#d3dde3 100%)}
.admin-photo-preview small{color:var(--muted);font-size:.68rem}
@media(max-width:520px){.admin-photo-preview>div{min-height:70vh;padding:2.8rem .7rem .8rem}.admin-photo-preview img{padding:.65rem}}

/* Espacio profesional para administrar el catálogo */
#product-panel{display:block}
.product-workspace-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.product-workspace-nav button{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:.75rem;text-align:left;padding:.8rem 1rem;border:1px solid #d4e2e8;border-radius:13px;background:rgba(255,255,255,.68);color:var(--navy);cursor:pointer}
.product-workspace-nav button>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#e6f5f9;color:#087ca9;font-size:1.05rem}
.product-workspace-nav button>b{align-self:end;font-size:.83rem}.product-workspace-nav button>small{align-self:start;color:var(--muted);font-size:.61rem;margin-top:.1rem}
.product-workspace-nav button.active{border-color:#82d4e5;background:#fff;box-shadow:0 8px 22px rgba(3,35,60,.08)}
.product-workspace-nav button.active>span{background:var(--cyan);color:var(--navy)}
#product-panel[data-product-view="list"] #product-form,#product-panel[data-product-view="form"] #admin-products{display:none}
#product-panel[data-product-view="form"] #product-form{width:min(100%,980px);margin:0 auto}
#product-panel[data-product-view="list"] #admin-products{position:static;display:flex;flex-direction:column;width:100%;height:auto;max-height:none;overflow:visible;padding:.95rem;align-self:auto}
.admin-product-results{min-height:0;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:.15rem .2rem .8rem}
.admin-product-results .admin-product-row{align-content:start;border:1px solid #dce8ed;border-radius:12px;background:#fbfdfe}
.admin-product-results .admin-product-row:hover{background:#f3fafc;border-color:#bcdde6}
@media(max-width:720px){.product-workspace-nav{grid-template-columns:1fr}.admin-product-results{grid-template-columns:1fr}}

/* Personalización visual segura desde Administración */
h1,h2,h3,h4,.brand-name{font-family:var(--title-font)}
.brand-marquee{background:var(--banner-bg)}
.brand-track span{color:var(--banner-text)}
.design-subtitle{margin:1rem 0 .65rem;padding-bottom:.45rem;border-bottom:1px solid #dce9ee;color:var(--navy);font-size:.76rem;font-weight:900}
.color-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.color-control-grid label{display:flex!important;align-items:center;justify-content:space-between;gap:.8rem;margin:0!important;padding:.72rem .8rem!important;border:1px solid #d8e6ec;border-radius:11px;background:#fff}
.color-control-grid label>span{display:grid}.color-control-grid b{color:var(--navy);font-size:.7rem}.color-control-grid small{margin:.12rem 0 0!important;color:var(--muted);font-size:.57rem!important}
.admin-content .color-control-grid input[type="color"]{flex:0 0 48px;width:48px;height:40px;margin:0;padding:3px;border:1px solid #cbdde5;border-radius:9px;background:#fff;cursor:pointer}
.design-preview{position:relative;overflow:hidden;margin:.2rem 0 1rem;padding:2.25rem 1.1rem 1.1rem;border:1px solid #d4e4ea;border-radius:14px;background:linear-gradient(145deg,#fff,#edf6f8);font-family:var(--preview-body-font,Inter,"Segoe UI",sans-serif);color:var(--preview-body,#0c2944)}
.design-preview>span{position:absolute;left:0;right:0;top:0;padding:.38rem .65rem;background:var(--preview-banner-bg,#f7fafb);color:var(--preview-banner-text,#052e50);text-align:center;font-size:.56rem;font-weight:900;letter-spacing:1px}
.design-preview h3{margin:.25rem 0 .3rem;color:var(--preview-heading,#052e50);font-family:var(--preview-title-font,Montserrat,"Segoe UI",sans-serif);font-size:var(--preview-title-size,1.48rem);line-height:1.08}
.design-preview p{margin:0 0 .75rem;color:var(--preview-muted,#64798b);font-size:var(--preview-body-size,.78rem)}
.design-preview button{border:0;border-radius:8px;background:var(--preview-button,#075da8);color:#fff;padding:.55rem .8rem;font-family:inherit;font-size:.66rem;font-weight:850;pointer-events:none}
.design-preview::after{content:"";position:absolute;width:80px;height:80px;right:-24px;bottom:-30px;border-radius:50%;background:var(--preview-accent,#09c7e5);opacity:.18}
.restore-design-button{margin-top:.8rem;border:1px solid #cbdde5;border-radius:9px;background:#fff;color:#426174;padding:.62rem .8rem;font-size:.66rem;font-weight:850;cursor:pointer}.restore-design-button:hover{border-color:#7ed4e5;color:var(--blue);background:#f2fbfd}
@media(max-width:600px){.color-control-grid{grid-template-columns:1fr}}

/* Jerarquía de portada: marca principal y lema secundario */
.hero-copy>#hero-eyebrow{max-width:760px;margin-bottom:.8rem;color:#43e5fa;font-size:var(--hero-title-size);line-height:.98;letter-spacing:-2.6px;text-shadow:0 10px 30px rgba(0,18,32,.32)}
.hero-copy>#hero-eyebrow::after{width:72px;height:3px;flex:0 0 72px;background:linear-gradient(90deg,var(--cyan),transparent)}
.hero-copy>#hero-title{max-width:650px;margin:0;color:#fff;font-family:var(--title-font);font-size:clamp(1.8rem,3vw,2.65rem);font-weight:800;line-height:1.06;letter-spacing:-1.5px}
.hero-copy>#hero-title span{color:var(--cyan)}
.hero-copy>.hero-tagline{opacity:0;animation:heroReveal .75s cubic-bezier(.2,.75,.25,1) .18s forwards}
body[data-motion="none"] .hero-copy>.hero-tagline{opacity:1!important;animation:none!important}
@media(max-width:760px){
  .hero-copy>#hero-eyebrow{font-size:clamp(2.25rem,10vw,3.2rem);line-height:1;letter-spacing:-1.8px}
  .hero-copy>#hero-eyebrow::after{width:42px;flex-basis:42px}
  .hero-copy>#hero-title{font-size:clamp(1.45rem,6.8vw,2rem);line-height:1.08;letter-spacing:-1px}
}
@media(max-width:420px){
  .hero-copy>#hero-eyebrow{font-size:clamp(2.05rem,10vw,2.7rem)}
  .hero-copy>#hero-title{font-size:clamp(1.35rem,6.5vw,1.75rem)}
}

/* Servicios principales de la portada sin botones */
.hero-copy{width:min(780px,86%)}
.hero-benefits{display:grid;grid-template-columns:minmax(220px,1fr) minmax(270px,1.1fr);grid-template-areas:"sales hours" "service hours";column-gap:3.2rem;row-gap:1.05rem;width:100%;margin-top:2rem}
.hero-benefits>div{min-width:0;gap:.9rem}
.hero-benefits>div:nth-child(1){grid-area:sales}
.hero-benefits>div:nth-child(2){grid-area:service}
.hero-benefits>.hero-hours{grid-area:hours;align-self:center;min-width:0;justify-self:center}
.hero-benefits i{width:52px;height:52px;flex:0 0 52px;font-size:1.35rem}
.hero-benefits i svg{width:25px;height:25px}
.hero-benefits b{font-size:.94rem}.hero-benefits small{font-size:.82rem;line-height:1.35}
.hero-hours-list{gap:.18rem}
@media(max-width:760px){
  .hero-copy{width:92%}
  .hero-benefits{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:.75rem;row-gap:.8rem;margin-top:1.65rem}
  .hero-benefits>div,.hero-benefits .hero-hours{display:flex;align-items:center;justify-self:stretch;gap:.55rem;text-align:left}
  .hero-benefits span,.hero-benefits .hero-hours span{display:grid;justify-items:start}
  .hero-benefits>.hero-hours{align-self:center;margin:0}
  .hero-benefits i{width:39px;height:39px;flex-basis:39px;font-size:1rem}
  .hero-benefits i svg{width:19px;height:19px}
  .hero-benefits b{font-size:.66rem}.hero-benefits small{font-size:.57rem}
  .hero-benefits .hero-hours-list{font-size:.54rem;line-height:1.3}
}
@media(max-width:380px){
  .hero-benefits{column-gap:.45rem}
  .hero-benefits i{width:35px;height:35px;flex-basis:35px}
  .hero-benefits b{font-size:.61rem}.hero-benefits small{font-size:.52rem}
  .hero-benefits .hero-hours-list{font-size:.49rem}
}

/* Profundidad y movimiento elegante en la portada */
.hero-copy>#hero-eyebrow{animation:heroReveal var(--motion-duration) cubic-bezier(.2,.75,.25,1) forwards,brandTitleFloat 5.2s ease-in-out 1.1s infinite}
.hero-copy>#hero-eyebrow span{display:inline-block;color:#43e5fa;background:linear-gradient(105deg,#43e5fa 20%,#baf8ff 48%,#43e5fa 76%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brandWordShine 5.2s ease-in-out 1.4s infinite}
.hero-copy>#hero-eyebrow::after{animation:brandLineGlow 3.8s ease-in-out 1.1s infinite}
.hero-benefits>div{position:relative;padding:.9rem 1rem;border:1px solid rgba(84,224,244,.22);border-radius:16px;background:linear-gradient(135deg,rgba(10,66,96,.42),rgba(3,31,53,.2));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,18,32,.13);backdrop-filter:blur(5px);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
.hero-benefits>div::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,var(--cyan),transparent);opacity:.7}
.hero-benefits>div:hover{transform:translateY(-3px);border-color:rgba(84,224,244,.5);background:linear-gradient(135deg,rgba(10,76,108,.58),rgba(3,31,53,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 34px rgba(0,18,32,.22)}
.hero-benefits>div:hover i{transform:scale(1.07);box-shadow:0 0 22px rgba(9,199,229,.2)}
.hero-benefits i{background:rgba(3,35,60,.5);transition:transform .3s ease,box-shadow .3s ease}
@keyframes brandTitleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes brandWordShine{0%,72%,100%{background-position:110% 50%}42%{background-position:-110% 50%}}
@keyframes brandLineGlow{0%,100%{opacity:.55;transform:scaleX(.72);transform-origin:left}50%{opacity:1;transform:scaleX(1);transform-origin:left;box-shadow:0 0 16px rgba(67,229,250,.5)}}
@media(max-width:760px){
  .hero-benefits>div{padding:.65rem .6rem;border-radius:13px}
  .hero-benefits>div::before{top:20%;bottom:20%}
}
body[data-motion="minimal"] .hero-copy>#hero-eyebrow,body[data-motion="minimal"] .hero-copy>#hero-eyebrow span,body[data-motion="minimal"] .hero-copy>#hero-eyebrow::after{animation-iteration-count:1}
body[data-motion="none"] .hero-copy>#hero-eyebrow span,body[data-motion="none"] .hero-copy>#hero-eyebrow::after{animation:none!important}

/* Composición inspirada en el letrero del local */
.hero-copy>#hero-eyebrow{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;width:max-content;max-width:100%;margin-bottom:1.35rem;color:#19c4df;font-size:clamp(4rem,5.9vw,6.35rem);line-height:.78;letter-spacing:-4.5px;text-shadow:0 7px 0 rgba(0,48,82,.2),0 18px 36px rgba(0,12,25,.38)}
.hero-copy>#hero-eyebrow span{font-size:1.1em;line-height:.86;letter-spacing:-5.5px;background:linear-gradient(110deg,#0b8fba 12%,#17bdd8 42%,#55e5f4 55%,#0a86b1 82%);background-size:250% 100%;filter:drop-shadow(0 10px 18px rgba(0,21,40,.34))}
.hero-copy>#hero-eyebrow::after{position:absolute;left:3px;bottom:-15px;width:165px;height:4px;flex:none;background:linear-gradient(90deg,#0789b5,var(--cyan),transparent)}
.hero-benefits{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);column-gap:1rem;width:min(700px,100%)}
.hero-benefits>.hero-hours{justify-self:stretch}
@media(max-width:760px){
  .hero-copy>#hero-eyebrow{font-size:clamp(3rem,14vw,4.65rem);line-height:.8;letter-spacing:-3px;margin-bottom:1.15rem}
  .hero-copy>#hero-eyebrow span{letter-spacing:-3.8px}
  .hero-copy>#hero-eyebrow::after{bottom:-11px;width:110px;height:3px}
  .hero-benefits{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);column-gap:.55rem;width:100%}
}
@media(max-width:380px){
  .hero-copy>#hero-eyebrow{font-size:clamp(2.7rem,13.5vw,3.55rem)}
  .hero-copy>#hero-eyebrow span{letter-spacing:-3px}
}

/* Título limpio en forma de escalera */
.hero-copy>#hero-eyebrow{color:#19c4df;text-shadow:none}
.hero-copy>#hero-eyebrow span{margin-top:.08em;margin-left:clamp(1.35rem,3.3vw,3.8rem);color:#078eb8;background:none;background-image:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;filter:none;text-shadow:none;animation:none}
@media(max-width:760px){.hero-copy>#hero-eyebrow span{margin-left:clamp(.8rem,6vw,2rem)}}

/* Horario con la altura conjunta de los dos servicios */
.hero-benefits{grid-template-rows:repeat(2,minmax(82px,auto))}
.hero-benefits>.hero-hours{align-self:stretch;justify-self:stretch;display:flex;align-items:center;justify-content:center;min-height:100%;padding:1.25rem 1.35rem}
.hero-benefits b{font-size:1rem}.hero-benefits small,.hero-benefits .hero-hours-list{font-size:.86rem;line-height:1.38}
@media(max-width:760px){
  .hero-benefits{grid-template-rows:repeat(2,minmax(66px,auto))}
  .hero-benefits>.hero-hours{align-self:stretch;justify-self:stretch;min-height:100%;padding:.75rem .55rem}
  .hero-benefits b{font-size:.68rem}.hero-benefits small,.hero-benefits .hero-hours-list{font-size:.57rem;line-height:1.32}
}
@media(min-width:761px){
  .hero-benefits{grid-template-columns:270px 240px;column-gap:.75rem;width:522px}
  .hero-benefits>.hero-hours{width:240px;padding:1rem .7rem;justify-content:center}
  .hero-benefits>.hero-hours i{width:48px;height:48px;flex-basis:48px}
}

/* Animación técnica estable: sin saltos del título */
.hero-copy>#hero-eyebrow{animation:heroReveal var(--motion-duration) cubic-bezier(.2,.75,.25,1) forwards}
.hero-copy>#hero-eyebrow span{animation:brandWordSignal 4.2s ease-in-out 1.1s infinite}
.hero-copy>#hero-eyebrow::after{background:linear-gradient(90deg,#0789b5 0%,#0789b5 28%,#6defff 46%,var(--cyan) 58%,transparent 100%);background-size:220% 100%;animation:brandLineScan 3.4s linear 1s infinite}
@keyframes brandWordSignal{0%,100%{color:#078eb8;-webkit-text-fill-color:#078eb8}50%{color:#0ba7cb;-webkit-text-fill-color:#0ba7cb}}
@keyframes brandLineScan{0%{background-position:120% 50%;opacity:.62}45%{opacity:1}100%{background-position:-120% 50%;opacity:.62}}
body[data-motion="minimal"] .hero-copy>#hero-eyebrow span,body[data-motion="minimal"] .hero-copy>#hero-eyebrow::after{animation-iteration-count:1}
body[data-motion="none"] .hero-copy>#hero-eyebrow span,body[data-motion="none"] .hero-copy>#hero-eyebrow::after{animation:none!important}

/* Servicios en formato abierto, sin cuadros */
.hero-benefits{grid-template-columns:250px 230px;column-gap:1.25rem;width:500px}
.hero-benefits>div,.hero-benefits>.hero-hours{padding:.55rem 0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.hero-benefits>div::before{display:none}
.hero-benefits>div:nth-child(1)::after{content:"";position:absolute;left:64px;right:8px;bottom:-.55rem;height:1px;background:linear-gradient(90deg,rgba(67,229,250,.55),transparent)}
.hero-benefits>.hero-hours{width:230px;min-height:100%;padding-left:.9rem;border-left:2px solid rgba(67,229,250,.62);justify-content:flex-start;gap:.55rem}
.hero-benefits>.hero-hours i{width:44px;height:44px;flex-basis:44px}
.hero-benefits>div:hover{background:none;border-color:transparent;box-shadow:none;transform:translateX(4px)}
.hero-benefits>.hero-hours:hover{transform:none}
.hero-benefits i{background:rgba(3,35,60,.34);box-shadow:0 0 0 5px rgba(9,199,229,.045)}
@media(max-width:760px){
  .hero-benefits{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);column-gap:.65rem;width:100%}
  .hero-benefits>div,.hero-benefits>.hero-hours{padding:.4rem 0}
  .hero-benefits>div:nth-child(1)::after{left:46px;bottom:-.4rem}
  .hero-benefits>.hero-hours{width:auto;padding-left:.65rem}
}

/* Banner de marcas con mensaje técnico centrado */
.brand-marquee{position:relative;isolation:isolate;background:linear-gradient(180deg,#fff 0%,var(--banner-bg) 100%)}
.brand-marquee-label{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:.85rem;max-width:min(650px,calc(100% - 48px));padding:.35rem 0;background:var(--banner-bg);color:var(--banner-text);box-shadow:0 0 0 18px var(--banner-bg);font-family:var(--title-font);font-size:.68rem;font-weight:900;line-height:1;letter-spacing:2.6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-marquee-label::before,.brand-marquee-label::after{content:"";width:38px;height:2px;flex:0 0 38px;background:linear-gradient(90deg,transparent,var(--cyan))}
.brand-marquee-label::after{background:linear-gradient(90deg,var(--cyan),transparent)}
body[data-motion="none"] .brand-track{animation-play-state:paused}
@media(max-width:800px){.brand-marquee{height:52px}.brand-group{gap:3.5rem;padding-inline:1.75rem}.brand-logo{width:92px;height:28px}.brand-logo img{height:21px}.brand-marquee-label{max-width:calc(100% - 36px);gap:.55rem;font-size:.56rem;letter-spacing:1.4px;box-shadow:0 0 0 12px var(--banner-bg)}.brand-marquee-label::before,.brand-marquee-label::after{width:18px;flex-basis:18px}}

/* Menú principal ligeramente más legible */
.nav a{font-size:.97rem}

/* Encabezado tecnológico del catálogo */
#catalog-eyebrow{display:flex;align-items:center;gap:.75rem;width:max-content;max-width:100%;margin-bottom:.72rem;color:#086dae;font-size:var(--catalog-title-size);line-height:1.03;font-weight:900;letter-spacing:1.8px}
#catalog-eyebrow::before{content:"";width:12px;height:12px;flex:0 0 12px;border:2px solid var(--cyan);background:rgba(9,199,229,.08);transform:rotate(45deg);box-shadow:0 0 0 4px rgba(9,199,229,.06)}
#catalog-eyebrow::after{content:"";width:105px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),rgba(9,199,229,.08));background-size:200% 100%;animation:catalogSignal 3.6s linear infinite}
.catalog-section #catalog-title{margin:.05rem 0 0 2.1rem;color:var(--navy);font-size:clamp(1.3rem,2.05vw,1.78rem);line-height:1.2;letter-spacing:-.55px;font-weight:700}
.location-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.location-copy>.eyebrow{display:flex;align-items:center;gap:.75rem;width:max-content;max-width:100%;margin:0 0 .72rem;color:#086dae;font-size:clamp(2.15rem,3.45vw,3rem);line-height:1.03;font-weight:900;letter-spacing:1.8px}
.location-copy>.eyebrow::before{content:"";width:13px;height:13px;flex:0 0 13px;border:2px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 12px rgba(9,199,229,.18)}
.location-copy>.eyebrow::after{content:"";width:clamp(48px,7vw,105px);height:1px;background:linear-gradient(90deg,rgba(9,199,229,.25),var(--cyan),rgba(9,199,229,.2))}
.location-copy #location-title{margin:.05rem 0 1rem 2.1rem;color:var(--navy);font-size:clamp(1.3rem,2.05vw,1.78rem);line-height:1.2;letter-spacing:-.55px;font-weight:700}
.location-copy #location-lead,.location-copy #location-address{margin-left:2.1rem}
.location-copy #maps-link{margin-left:2.1rem}
@keyframes catalogSignal{0%{background-position:100% 50%;opacity:.65}50%{opacity:1}100%{background-position:-100% 50%;opacity:.65}}
body[data-motion="none"] #catalog-eyebrow::after{animation:none}
@media(max-width:600px){#catalog-eyebrow{gap:.55rem;font-size:clamp(1.9rem,8.5vw,2.25rem);letter-spacing:1px}#catalog-eyebrow::before{width:10px;height:10px;flex-basis:10px}#catalog-eyebrow::after{width:38px}.catalog-section #catalog-title{margin-left:1.75rem;font-size:clamp(1.1rem,4.8vw,1.35rem);letter-spacing:-.3px}}
@media(max-width:600px){.location-section{padding-block:3.5rem}.location-copy>.eyebrow{gap:.55rem;font-size:clamp(1.9rem,8.5vw,2.25rem);letter-spacing:1px}.location-copy>.eyebrow::before{width:10px;height:10px;flex-basis:10px}.location-copy>.eyebrow::after{width:38px}.location-copy #location-title{max-width:calc(100% - 1.25rem);margin-left:1.25rem;font-size:clamp(1.1rem,4.8vw,1.35rem);letter-spacing:-.3px}.location-copy #location-lead,.location-copy #location-address,.location-copy #maps-link{margin-left:1.25rem}.location-copy #location-lead,.location-copy #location-address{max-width:calc(100% - 1.25rem)}.map-card,.map-card iframe{min-height:300px;height:300px}}

/* Jerarquía elegante del encabezado de Servicio técnico */
.service-section .service-heading-block{max-width:980px}
.service-section #service-heading{display:flex;align-items:center;gap:1rem;margin:0;color:#fff;font-size:clamp(2.7rem,5.1vw,4.7rem);line-height:.96;letter-spacing:-2.8px;font-weight:900;text-transform:uppercase;text-shadow:0 2px 16px rgba(0,20,36,.48)}
.service-section #service-heading::after{content:"";width:clamp(58px,8vw,118px);height:3px;border-radius:999px;background:linear-gradient(90deg,#63eafb,rgba(99,234,251,.12));box-shadow:0 0 16px rgba(99,234,251,.24)}
.service-section #service-title{max-width:940px;margin:.8rem 0 .72rem;color:#dff8fc;font-size:clamp(1.35rem,2.35vw,2.05rem);line-height:1.16;letter-spacing:-.8px;font-weight:800;text-shadow:0 2px 13px rgba(0,20,36,.55)}
.service-section #service-lead{display:block;width:max-content;max-width:100%;margin:.15rem 0 0;padding:.48rem 0 .48rem 1rem;border-left:3px solid #63eafb;color:#f5fbfd;font-size:clamp(.86rem,1.05vw,.98rem);line-height:1.5;font-weight:600;text-shadow:0 1px 8px rgba(0,20,36,.7)}
@media(max-width:600px){.service-section #service-heading{gap:.65rem;font-size:clamp(2.15rem,10.8vw,3rem);letter-spacing:-1.8px}.service-section #service-heading::after{width:34px;height:2px}.service-section #service-title{margin-top:.65rem;font-size:clamp(1.18rem,5.4vw,1.5rem);letter-spacing:-.45px}.service-section #service-lead{font-size:.8rem}}

/* BALANZAS INNOPESA vuelve al formato pequeño original de la portada */
.hero-copy>#hero-eyebrow{position:relative;display:flex;flex-direction:row;align-items:center;gap:.8rem;width:max-content;max-width:100%;margin:0 0 1.15rem;color:#43e5fa;-webkit-text-fill-color:#43e5fa;font-family:var(--site-font);font-size:clamp(1.08rem,1.55vw,1.42rem);font-weight:900;line-height:1;letter-spacing:3.2px;text-shadow:none;animation:heroReveal var(--motion-duration) cubic-bezier(.2,.75,.25,1) forwards}
.hero-copy>#hero-eyebrow span{display:inline;margin:0;color:#43e5fa;font-size:1em;line-height:inherit;letter-spacing:inherit;background:none;background-image:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#43e5fa;filter:none;text-shadow:none;animation:none}
.hero-copy>#hero-eyebrow::after{content:"";position:static;left:auto;bottom:auto;width:54px;height:2px;flex:0 0 54px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:none;animation:none}
@media(max-width:760px){.hero-copy>#hero-eyebrow{gap:.6rem;margin-bottom:.95rem;font-size:clamp(.98rem,3.6vw,1.2rem);line-height:1;letter-spacing:2.5px}.hero-copy>#hero-eyebrow::after{width:38px;height:2px;flex-basis:38px}}

/* La frase principal recupera su jerarquía original */
.hero-copy>#hero-title{max-width:680px;margin:0;color:#fff;font-family:var(--title-font);font-size:var(--hero-title-size);font-weight:700;line-height:1.01;letter-spacing:-2.8px}
.hero-copy>#hero-title span{display:inline-block;color:var(--cyan);transition:transform .35s ease,filter .35s ease}
.hero-copy>#hero-title:hover span{transform:translateX(5px);filter:brightness(1.15)}
@media(max-width:800px){.hero-copy>#hero-title{font-size:clamp(2.15rem,9.5vw,3rem);line-height:1.02;letter-spacing:-2px}}
@media(max-width:520px){.hero-copy>#hero-title{font-size:2.3rem}}

/* Sombreado general de Servicio técnico: mejora el contraste sin ocultar las fotos */
.service-section::after{background:linear-gradient(90deg,rgba(3,30,53,.54) 0%,rgba(4,42,68,.38) 48%,rgba(3,30,53,.5) 100%),linear-gradient(180deg,rgba(3,30,53,.08) 0%,rgba(3,30,53,.3) 100%)}

/* Señal técnica sutil en la línea de BALANZAS INNOPESA */
.hero-copy>#hero-eyebrow::after{background:linear-gradient(90deg,rgba(9,199,229,.24) 0%,var(--cyan) 32%,#c7fbff 48%,var(--cyan) 62%,rgba(9,199,229,.04) 100%);background-size:220% 100%;transform-origin:left center;animation:heroEyebrowSignal 3.8s cubic-bezier(.45,0,.25,1) .6s infinite both}
@keyframes heroEyebrowSignal{0%,100%{background-position:120% 50%;transform:scaleX(.82);opacity:.58}48%{background-position:10% 50%;transform:scaleX(1.02);opacity:1}78%{background-position:-120% 50%;transform:scaleX(.9);opacity:.72}}
body[data-motion="minimal"] .hero-copy>#hero-eyebrow::after{animation-duration:6s;animation-iteration-count:1}
body[data-motion="none"] .hero-copy>#hero-eyebrow::after{animation:none!important;transform:none;opacity:.8}

/* WhatsApp más cerca del borde inferior, con margen seguro en celular */
@media(max-width:520px){.whatsapp-float{bottom:18px}}

/* Jerarquía técnica y elegante de la sección Nosotros */
.about-copy>.eyebrow{display:flex;align-items:center;gap:1rem;width:max-content;max-width:100%;margin:0 0 .7rem;font-family:var(--title-font);font-size:clamp(2.85rem,5.15vw,4.65rem);font-weight:900;line-height:.96;letter-spacing:-2.6px;text-transform:uppercase;background:linear-gradient(105deg,#053455 8%,#053455 40%,#0b85ad 48%,#43e5fa 51%,#0b85ad 54%,#053455 62%,#053455 100%);background-size:250% 100%;background-position:120% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:aboutTitleScan 4.8s linear infinite}
.about-copy>.eyebrow::after{content:"";width:clamp(52px,7vw,92px);height:3px;flex:0 0 auto;border-radius:999px;background:linear-gradient(90deg,var(--cyan),rgba(9,199,229,.08));box-shadow:0 0 14px rgba(9,199,229,.16)}
.about-copy>#about-title{position:relative;max-width:620px;margin:.15rem 0 1.1rem 1.8rem;padding-left:1rem;color:var(--navy);font-family:var(--site-font);font-size:clamp(1.3rem,2.05vw,1.78rem);font-weight:700;line-height:1.2;letter-spacing:-.55px}
.about-copy>#about-title::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),#0786b5)}
@keyframes aboutTitleScan{from{background-position:120% 50%}to{background-position:-120% 50%}}
body[data-motion="minimal"] .about-copy>.eyebrow{animation-duration:10s;animation-iteration-count:1}
body[data-motion="none"] .about-copy>.eyebrow{animation:none;background-position:12% 50%}
@media(max-width:600px){.about-copy>.eyebrow{gap:.65rem;font-size:clamp(2.45rem,12vw,3.35rem);letter-spacing:-1.8px}.about-copy>.eyebrow::after{width:38px;height:2px}.about-copy>#about-title{margin-left:1rem;padding-left:.8rem;font-size:clamp(1.12rem,5.1vw,1.42rem);letter-spacing:-.35px}}

/* Visítenos comparte la misma jerarquía y señal animada de Nosotros */
.location-copy>.eyebrow{display:flex;align-items:center;gap:1rem;width:max-content;max-width:100%;margin:0 0 .7rem;font-family:var(--title-font);font-size:clamp(2.85rem,5.15vw,4.65rem);font-weight:900;line-height:.96;letter-spacing:-2.6px;text-transform:uppercase;background:linear-gradient(105deg,#053455 8%,#053455 40%,#0b85ad 48%,#43e5fa 51%,#0b85ad 54%,#053455 62%,#053455 100%);background-size:250% 100%;background-position:120% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:aboutTitleScan 4.8s linear infinite}
.location-copy>.eyebrow::before{display:none}
.location-copy>.eyebrow::after{content:"";width:clamp(52px,7vw,92px);height:3px;flex:0 0 auto;border-radius:999px;background:linear-gradient(90deg,var(--cyan),rgba(9,199,229,.08));box-shadow:0 0 14px rgba(9,199,229,.16)}
.location-copy>#location-title{position:relative;max-width:620px;margin:.15rem 0 1.1rem 1.8rem;padding-left:1rem;color:var(--navy);font-family:var(--site-font);font-size:clamp(1.3rem,2.05vw,1.78rem);font-weight:700;line-height:1.2;letter-spacing:-.55px}
.location-copy>#location-title::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),#0786b5)}
body[data-motion="minimal"] .location-copy>.eyebrow{animation-duration:10s;animation-iteration-count:1}
body[data-motion="none"] .location-copy>.eyebrow{animation:none;background-position:12% 50%}
@media(max-width:600px){.location-copy>.eyebrow{gap:.65rem;font-size:clamp(2.45rem,12vw,3.35rem);letter-spacing:-1.8px}.location-copy>.eyebrow::after{width:38px;height:2px}.location-copy>#location-title{margin-left:1rem;padding-left:.8rem;font-size:clamp(1.12rem,5.1vw,1.42rem);letter-spacing:-.35px}}

/* Navegación simple: el elemento cortado se revela al pasar el cursor */
.category-scroll-shell{position:relative;margin-bottom:1.7rem;overflow:hidden}
.category-scroll-shell .categories{margin:0;padding:.25rem 0 .35rem;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;touch-action:pan-x}
.category-scroll-shell .category{scroll-snap-align:start}
@media(max-width:600px){.category-scroll-shell{margin-right:-5vw;margin-left:-5vw}.category-scroll-shell .categories{padding:.25rem 5vw .35rem;scroll-padding-inline:5vw}}

/* Filtro secundario compacto para balanzas comerciales */
.subcategories.commercial-subcategories{gap:.45rem;margin:-.55rem 0 1.55rem;padding:.62rem .72rem;border:0;border-left:3px solid var(--cyan);border-radius:0 12px 12px 0;background:linear-gradient(90deg,#eef9fc 0%,rgba(247,252,253,.72) 78%,transparent 100%)}
.commercial-subcategories .subcategories-title{display:flex;flex:0 0 auto;align-items:center;padding:0 .45rem 0 0}
.commercial-subcategories .subcategories-title b{color:#315168;font-size:.7rem;letter-spacing:.25px;text-transform:uppercase}
.commercial-subcategories .subcategories-title small{display:none}
.commercial-subcategories .subcategory{border-radius:999px;padding:.48rem .75rem;background:rgba(255,255,255,.9);font-size:.68rem}
.commercial-subcategories .subcategory.active{background:var(--blue);border-color:var(--blue);box-shadow:0 5px 14px rgba(7,93,168,.16)}
@media(max-width:600px){.subcategories.commercial-subcategories{gap:.38rem;margin-top:-.4rem;padding:.65rem .6rem}.commercial-subcategories .subcategories-title{flex:1 0 100%;padding:0 0 .15rem}.commercial-subcategories .subcategory{padding:.46rem .68rem;font-size:.65rem}}

/* Ajustes móviles: evita recortes sin modificar el diseño de escritorio */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  .location-grid{grid-template-columns:minmax(0,1fr);gap:2rem}
  .location-copy{width:100%;min-width:0}
  .location-copy>.eyebrow{width:100%;max-width:100%;gap:.55rem;font-size:clamp(2.2rem,10.5vw,2.7rem);line-height:1;letter-spacing:-1.35px}
  .location-copy>.eyebrow::after{width:auto;min-width:28px;max-width:38px;flex:1 1 38px}
  .location-copy>#location-title{width:auto;max-width:calc(100% - 1rem);box-sizing:border-box;margin-left:1rem}
  .catalog-section .section-heading>div{width:100%;min-width:0}
  #catalog-eyebrow{width:100%;max-width:100%;gap:.5rem;font-size:clamp(1.65rem,7.2vw,1.8rem);line-height:1.05;letter-spacing:.35px}
  #catalog-eyebrow::after{display:none}
  .catalog-section #catalog-title{width:auto;max-width:calc(100% - 1.25rem);margin-left:1.25rem;font-size:clamp(1.08rem,4.7vw,1.25rem);line-height:1.25}

  .service-section .section-heading{width:100%;min-width:0;box-sizing:border-box;padding:1.1rem}
  .service-section .service-heading-block{width:100%;min-width:0;max-width:100%}
  .service-section #service-heading{width:100%;min-width:0;max-width:100%;gap:.5rem;font-size:clamp(1.7rem,7.3vw,2rem);line-height:1;letter-spacing:-1px}
  .service-section #service-heading::after{width:auto;min-width:24px;max-width:34px;flex:1 1 34px;height:2px}
  .service-section #service-title{width:100%;max-width:100%;margin:.65rem 0 .6rem;font-size:clamp(1.08rem,4.9vw,1.28rem);line-height:1.22;letter-spacing:-.3px;overflow-wrap:break-word}
  .service-section #service-lead{width:100%;max-width:100%;box-sizing:border-box;padding:.42rem 0 .42rem .8rem;font-size:.78rem;line-height:1.45;overflow-wrap:break-word}

  .about-photo img{height:auto;aspect-ratio:auto;object-fit:contain}
  .about-copy{width:100%;min-width:0}
  .about-copy>.eyebrow{width:100%;max-width:100%;gap:.55rem;font-size:clamp(2.2rem,10.5vw,2.7rem);line-height:1;letter-spacing:-1.35px}
  .about-copy>.eyebrow::after{width:auto;min-width:28px;max-width:38px;flex:1 1 38px}
  .about-copy>#about-title{width:auto;max-width:calc(100% - 1rem);box-sizing:border-box;margin-left:1rem}
  .about-copy>#about-text{max-width:100%;overflow-wrap:break-word}
}

/* Nuestro catálogo comparte la identidad de Nosotros y Visítenos */
#catalog-eyebrow{display:flex;align-items:center;gap:1rem;width:max-content;max-width:100%;margin:0 0 .7rem;font-family:var(--title-font);font-size:clamp(2.55rem,4.45vw,4rem);font-weight:900;line-height:.96;letter-spacing:-2.6px;text-transform:uppercase;background:linear-gradient(105deg,#053455 8%,#053455 40%,#0b85ad 48%,#43e5fa 51%,#0b85ad 54%,#053455 62%,#053455 100%);background-size:250% 100%;background-position:120% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:aboutTitleScan 4.8s linear infinite}
#catalog-eyebrow::before{display:none}
#catalog-eyebrow::after{content:"";display:block;width:clamp(52px,7vw,92px);height:3px;flex:0 0 auto;border-radius:999px;background:linear-gradient(90deg,var(--cyan),rgba(9,199,229,.08));box-shadow:0 0 14px rgba(9,199,229,.16)}
.catalog-section #catalog-title{position:relative;max-width:760px;margin:.15rem 0 0 1.8rem;padding-left:1rem;color:var(--navy);font-family:var(--site-font);font-size:clamp(1.3rem,2.05vw,1.78rem);font-weight:700;line-height:1.2;letter-spacing:-.55px}
.catalog-section #catalog-title::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),#0786b5)}
body[data-motion="minimal"] #catalog-eyebrow{animation-duration:10s;animation-iteration-count:1}
body[data-motion="none"] #catalog-eyebrow{animation:none;background-position:12% 50%}
@media(max-width:600px){
  #catalog-eyebrow{width:100%;max-width:100%;gap:.5rem;font-size:clamp(1.65rem,7.2vw,1.8rem);line-height:1.05;letter-spacing:-.5px}
  #catalog-eyebrow::after{display:block;width:auto;min-width:24px;max-width:38px;height:2px;flex:1 1 38px}
  .catalog-section #catalog-title{width:auto;max-width:calc(100% - 1rem);box-sizing:border-box;margin-left:1rem;padding-left:.8rem;font-size:clamp(1.12rem,5.1vw,1.42rem);line-height:1.25;letter-spacing:-.35px}
}

/* Cotización personalizada comparte la jerarquía de los títulos principales */
.contact-copy>.eyebrow{display:flex;align-items:center;gap:1rem;width:100%;max-width:100%;margin:0 0 .75rem;font-family:var(--title-font);font-size:clamp(2.35rem,3.8vw,3.75rem);font-weight:900;line-height:.98;letter-spacing:-2.2px;text-transform:uppercase;text-wrap:balance;background:linear-gradient(105deg,#fff 8%,#fff 40%,#72ecfb 48%,#16c9e5 51%,#72ecfb 54%,#fff 62%,#fff 100%);background-size:250% 100%;background-position:120% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:aboutTitleScan 4.8s linear infinite}
.contact-copy>.eyebrow::after{content:"";width:clamp(44px,5vw,78px);height:3px;flex:0 1 auto;border-radius:999px;background:linear-gradient(90deg,#63eafb,rgba(99,234,251,.08));box-shadow:0 0 15px rgba(99,234,251,.22)}
.contact-copy>#contact-title{position:relative;max-width:620px;margin:.15rem 0 1.1rem 1.8rem;padding-left:1rem;color:#fff;font-family:var(--site-font);font-size:clamp(1.3rem,2.05vw,1.78rem);font-weight:700;line-height:1.2;letter-spacing:-.55px}
.contact-copy>#contact-title::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:3px;border-radius:999px;background:linear-gradient(180deg,#63eafb,#0786b5)}
.contact-copy>#contact-text,.contact-copy>.contact-note{margin-left:1.8rem}
body[data-motion="minimal"] .contact-copy>.eyebrow{animation-duration:10s;animation-iteration-count:1}
body[data-motion="none"] .contact-copy>.eyebrow{animation:none;background-position:12% 50%}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}.contact-copy{width:100%;min-width:0}.contact-copy>.eyebrow{font-size:clamp(2rem,8vw,2.8rem)}}
@media(max-width:600px){.contact-section{padding-block:3.8rem}.contact-copy>.eyebrow{gap:.55rem;font-size:clamp(1.75rem,8.2vw,2.2rem);line-height:1;letter-spacing:-1px}.contact-copy>.eyebrow::after{width:auto;min-width:22px;max-width:34px;height:2px;flex:1 1 34px}.contact-copy>#contact-title{width:auto;max-width:calc(100% - 1rem);box-sizing:border-box;margin-left:1rem;padding-left:.8rem;font-size:clamp(1.12rem,5.1vw,1.42rem);letter-spacing:-.35px}.contact-copy>#contact-text,.contact-copy>.contact-note{max-width:calc(100% - 1rem);margin-left:1rem}.contact-copy>.contact-note{align-items:flex-start}}

/* Blog INNOPESA mantiene la jerarquía visual de las secciones principales */
.blog-page-hero #blog-eyebrow{display:flex;align-items:center;gap:1rem;width:max-content;max-width:100%;margin:0 0 .75rem;font-family:var(--title-font);font-size:clamp(2.85rem,5.15vw,4.65rem);font-weight:900;line-height:.96;letter-spacing:-2.6px;text-transform:uppercase;background:linear-gradient(105deg,#fff 8%,#fff 40%,#72ecfb 48%,#16c9e5 51%,#72ecfb 54%,#fff 62%,#fff 100%);background-size:250% 100%;background-position:120% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:aboutTitleScan 4.8s linear infinite}
.blog-page-hero #blog-eyebrow::after{content:"";width:clamp(52px,7vw,92px);height:3px;flex:0 0 auto;border-radius:999px;background:linear-gradient(90deg,#63eafb,rgba(99,234,251,.08));box-shadow:0 0 15px rgba(99,234,251,.22)}
.blog-page-hero #blog-title{position:relative;max-width:720px;margin:.15rem 0 1.15rem 1.8rem;padding-left:1rem;color:#fff;font-family:var(--site-font);font-size:clamp(1.3rem,2.05vw,1.78rem);font-weight:700;line-height:1.2;letter-spacing:-.55px}
.blog-page-hero #blog-title::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:3px;border-radius:999px;background:linear-gradient(180deg,#63eafb,#0786b5)}
.blog-page-hero #blog-lead,.blog-page-hero .blog-hero-tags{margin-left:1.8rem}
body[data-motion="minimal"] .blog-page-hero #blog-eyebrow{animation-duration:10s;animation-iteration-count:1}
body[data-motion="none"] .blog-page-hero #blog-eyebrow{animation:none;background-position:12% 50%}
@media(max-width:600px){.blog-page-hero{padding-block:3.6rem}.blog-page-hero #blog-eyebrow{width:100%;gap:.55rem;font-size:clamp(2.2rem,10.5vw,2.7rem);line-height:1;letter-spacing:-1.35px}.blog-page-hero #blog-eyebrow::after{width:auto;min-width:24px;max-width:38px;height:2px;flex:1 1 38px}.blog-page-hero #blog-title{width:auto;max-width:calc(100% - 1rem);box-sizing:border-box;margin-left:1rem;padding-left:.8rem;font-size:clamp(1.12rem,5.1vw,1.42rem);letter-spacing:-.35px}.blog-page-hero #blog-lead,.blog-page-hero .blog-hero-tags{max-width:calc(100% - 1rem);margin-left:1rem}}

/* Opciones de mascota: se adaptan automáticamente cuando se agregan nuevos personajes. */
.mascot-options{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}

/* Conversación guiada: controles discretos y estado real del horario */
.chatbot-panel{grid-template-rows:auto 1fr auto auto auto auto}
.chatbot-navigation{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.15rem .8rem .35rem;background:#fff}
.chatbot-navigation[hidden]{display:none}
.chatbot-navigation button{border:0;background:transparent;color:#557286;padding:.28rem .2rem;font-size:.56rem;font-weight:850;cursor:pointer}
.chatbot-navigation button:hover{color:var(--blue)}
.chatbot-panel.is-closed .chatbot-header small i,.chatbot-toggle.is-closed .chatbot-status{background:#f0ae38;box-shadow:0 0 0 3px rgba(240,174,56,.18)}
.chatbot-faq-admin{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:.15rem 1rem}
.chatbot-faq-admin label{margin-bottom:.55rem}
@media(max-width:700px){.chatbot-faq-admin{grid-template-columns:1fr}.chatbot-navigation{padding-inline:.65rem}}