/* SOT&VIDA — Identidad visual azul, médica, moderna y luminosa */
:root{--ink:#0b2b5c;--ink2:#153b76;--muted:#607899;--line:rgba(39,95,172,.14);--off:#f2f7fd;--accent:#245dbb;--mint:#d6f2ff;--cream:#f8fbff;--sv-deep:#082756;--sv-blue:#245dbb;--sv-sky:#04abea;--sv-line:rgba(35,93,187,.14);--sv-glass:rgba(255,255,255,.57)}
body{background:#f8fbff;color:var(--ink)}
::selection{background:#b8e8ff;color:#062859}
:focus-visible{outline:3px solid #02a8e6;outline-offset:3px}
.announcement{height:33px;background:#092e66;color:#d2eaff;font-size:9px;letter-spacing:.20em}
.announcement-dot,.chip-dot{background:#17bcf0;box-shadow:0 0 0 4px rgba(23,188,240,.16),0 0 10px #17bcf0}
.site-header{background:rgba(250,253,255,.77);border-bottom:1px solid rgba(49,106,180,.1);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);box-shadow:0 5px 22px rgba(7,53,112,.04)}
.nav-shell{height:84px}
.brand{gap:13px;min-width:245px}
.brand-image{width:166px;max-width:166px;max-height:66px;object-fit:contain}
.brand-wordmark.brand-has-image{font-size:0;max-width:125px;line-height:1.2}
.brand-wordmark.brand-has-image small{font-size:8px;letter-spacing:.11em;color:#46729d;line-height:1.45;font-weight:760}
.brand-wordmark{color:#0c3976}
.brand-symbol{background:linear-gradient(140deg,#05b9ef,#235bb8);box-shadow:0 8px 24px #0d78c930}
.brand-symbol span{background:white}
.nav-links a{color:#476487;font-weight:710}
.nav-links a:hover,.nav-links a.active{color:#124fb0}
.header-cta{background:linear-gradient(110deg,#2867c9,#0a4da7);box-shadow:0 12px 26px rgba(23,82,168,.18);color:white;padding:15px 21px}
.header-cta:hover{background:#094688;box-shadow:0 15px 26px #0c59b02b}
.hero{min-height:660px;background:radial-gradient(ellipse at 79% 36%,rgba(17,172,230,.18),transparent 36%),radial-gradient(ellipse at 10% 9%,rgba(181,226,255,.38),transparent 44%),linear-gradient(119deg,#f7fbff,#eaf5ff 69%,#e1f0ff);color:#082d64;border-bottom:1px solid #d9eafb}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 85% 30%,#fff9 0,transparent 18%),radial-gradient(circle at 62% 77%,#8cd9ff35,transparent 28%)}
.hero::after{opacity:.20;background-image:linear-gradient(90deg,transparent 98%,#5d9fd5 99%),linear-gradient(transparent 98%,#5d9fd5 99%);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent 36%,#000)}
.hero-ambient-one{background:#0bb8ed;opacity:.15;top:-250px;right:0}
.hero-ambient-two{background:#80c4ff;opacity:.22}
.hero-grid{min-height:660px;grid-template-columns:1.12fr .88fr}
.hero-content{padding:111px 0 55px}
.hero-chip{margin-bottom:31px;font-size:10px;letter-spacing:.16em;color:#2861aa;background:rgba(255,255,255,.65);border:1px solid rgba(50,137,208,.17);padding:13px 17px;border-radius:40px;box-shadow:0 8px 24px #145aa509;backdrop-filter:blur(12px)}
.hero h1{font-size:clamp(58px,5.6vw,88px);line-height:1.06;letter-spacing:-.075em;color:#092e66;max-width:720px;font-weight:770}
.hero-gradient{background:linear-gradient(105deg,#245cbb 12%,#058ed4 70%,#02b6e9 100%);color:#1b61b5;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:#607897;font-size:16px;line-height:1.8;max-width:490px}
.button-light{background:#fff;color:#11509f;box-shadow:0 12px 24px rgba(17,73,145,.1),inset 0 0 0 1px rgba(35,91,187,.1)}
.hero .button-light,.button-primary{color:#fff;background:linear-gradient(110deg,#285fbc,#0b9bd5);box-shadow:0 12px 28px rgba(22,90,182,.18)}
.hero .button-light:hover,.button-primary:hover{background:linear-gradient(110deg,#1e4d9c,#087bbb)}
.text-link.light{color:#225dab}
.text-link.light:hover{color:#04336c}
.hero-lower{color:#6486b0;margin-top:67px}.hero-scroll-line{background:#6a9cce}
.hero-art{min-width:0}
.hero-art::before{content:"";position:absolute;z-index:0;width:94%;height:76%;border-radius:36px;transform:rotate(-6deg);background:linear-gradient(132deg,#ffffffa8,#e2f3ff75);border:1px solid #ffffffba;box-shadow:0 38px 90px rgba(23,87,165,.13),inset 0 1px 2px #fff;backdrop-filter:blur(20px)}
.hero-rings{border-color:rgba(58,133,198,.17);box-shadow:0 0 0 65px #8ccffb0b,0 0 0 125px #1b91d608}
.hero-device{width:115%;transform:translate(-1%,12px);filter:drop-shadow(0 25px 23px rgba(11,46,101,.15))}
.floating-tag{background:rgba(255,255,255,.71);color:#20548a;border:1px solid #fff;box-shadow:0 15px 42px rgba(10,70,144,.14);backdrop-filter:blur(18px)}
.floating-tag-one{right:-15px;top:125px}.floating-tag-two{left:-20px;bottom:145px}
.tag-icon{color:#059de1}.pulse{background:#0cb1ea;box-shadow:0 0 0 5px #0cb1ea24}
.hero-side-label{color:#5c8bb7}
.trust-strip{background:rgba(239,247,255,.92);border-color:#d8e8f8}
.trust-inner>div{color:#365d8e}.trust-symbol{color:#089cdc}
.section{padding-top:110px;padding-bottom:110px}.eyebrow{color:#2366be}.eyebrow.muted{color:#728dad}
.section-intro .subtle{color:#8caac8}.section-intro p,.product-card p{color:#66809e}
.categories-section{background:radial-gradient(circle at 85% 8%,#eaf6ff,transparent 40%),#fff}
.category-card{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(230,243,255,.72));border:1px solid #d5e8fa;box-shadow:0 8px 23px #235c9f0c;backdrop-filter:blur(12px);border-radius:24px}
.category-card:hover{background:linear-gradient(135deg,#f4faff,#dcefff);box-shadow:0 25px 42px #205db422;border-color:#b8ddfb}
.category-icon,.category-arrow{color:#188dce}.category-name{color:#0a3474}.category-index{color:#6d8fb2}
.products-section{background:#f4f9ff}
.product-card-image{border-radius:24px;border-color:#dfebfa;background:radial-gradient(circle at 52% 32%,#fff,#eef7ff 65%,#e3f0ff);box-shadow:0 15px 28px #205ba010}
.product-top-category{background:rgba(255,255,255,.78);border-color:#fff;color:#4f7094;backdrop-filter:blur(9px)}
.product-view{color:#155ab0}.product-inline-link{color:#1c61bc}
.section-heading em,.editorial-copy em,.detail-bottom em,.contact-message em{color:#168bce}
.outline-link{border-color:#bdd6ee}.outline-link:hover{background:#e5f2ff}
.editorial-section{background:#fff}.editorial-visual{background:linear-gradient(138deg,#0a3b84,#0a2b63 55%,#041d47);box-shadow:0 26px 48px #0c55a825}
.editorial-glow{background:radial-gradient(circle,#08d0f178,transparent 65%)}.editorial-outline{-webkit-text-stroke-color:#93dfff45}.editorial-center>span{color:#a4eaff}.editorial-center i{color:#3dd3ff}.editorial-serial{color:#b9d7f3}.editorial-copy p{color:#687f9a}
.closing-cta{background:linear-gradient(120deg,#dbf0ff,#eaf5ff 55%,#d6e9ff)}
.closing-cta::before{color:#a5d8ff44}.closing-cta h2{color:#0b356e}.closing-cta p{color:#58769b}.closing-point{color:#08a9e5}
.button-dark{background:linear-gradient(110deg,#255ab5,#078ec9);box-shadow:0 12px 30px #155da625}
.button-dark:hover{background:#0e438c}
.site-footer{background:linear-gradient(125deg,#06214b,#0b2c62 60%,#053f77);color:#f5faff}
.site-footer .footer-kicker{color:#8bcdfb}.site-footer .footer-brand h2{color:white}.site-footer .footer-columns h3{color:#a1c8ef}.site-footer .footer-columns a,.site-footer .footer-columns span{color:#cfdef1}
.footer-social-bar{display:flex;gap:25px;align-items:center;border-top:1px solid #ffffff20;padding:23px 0 29px}
.footer-social-bar>span{font-size:10px;font-weight:800;letter-spacing:.2em;color:#9abddf;white-space:nowrap}
.social-links{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.social-link{display:flex;align-items:center;gap:9px;padding:8px 11px 8px 8px;border:1px solid rgba(155,196,234,.26);background:rgba(255,255,255,.08);border-radius:14px;transition:transform .25s,background .25s;color:inherit;font-size:11px;font-weight:760}
.social-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.18)}
.social-symbol{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:rgba(93,177,255,.18);color:#aee9ff;font-size:21px;font-weight:800}
.social-instagram .social-symbol{background:linear-gradient(135deg,#6b52e4,#f2428d,#fdaf48);color:white}
.social-tiktok .social-symbol{background:#0d162a;color:#75e4ff}
.social-facebook .social-symbol{background:#176aca;color:white}
.social-link small{display:block;font-size:10px;opacity:.67;font-weight:500;margin-top:2px}
.footer-bottom{border-color:#ffffff22}.footer-admin{color:#c1d6ef}
.interior-hero{background:radial-gradient(ellipse at 81% 31%,#c9e9ff,transparent 30%),linear-gradient(116deg,#f7fbff,#e5f3ff);color:#0c3371;border-bottom:1px solid #d7e8fb}
.breadcrumb{color:#547cad}.breadcrumb>span{color:#8eaed0}.interior-hero .eyebrow{color:#2767b7}.interior-hero h1{color:#0d3572}.interior-hero h1 em{color:#158dcd}.interior-hero p{color:#5d7c9e}.catalog-decoration{color:#3c90d317}
.catalog-search{background:#f7fbff;border-color:#d3e5f6}.catalog-search input{color:#143d78}.catalog-search button,.filter-chip.selected{background:#1c58ae;border-color:#1c58ae}
.filter-chip{border-color:#d4e5f7;color:#446b98}.filter-chip:hover{background:#e9f5ff}
.contact-section{background:#fff}.contact-details{border-color:#d6e7f8}.contact-item{border-color:#d6e7f8}.contact-item-icon{background:#eaf5ff;color:#1b70c1}.contact-item a{color:#1b69b9}.contact-item .social-links{margin-top:10px}.contact-item .social-link{background:#eef7ff;border-color:#dbeafa;color:#1e518b}.contact-item .social-symbol{color:white}.contact-item .social-tiktok .social-symbol{color:#8deafb}
.about-graphic{background:linear-gradient(135deg,#09549d,#092c64)}
.setup-page{background:radial-gradient(circle at 70% 12%,#c9eafa,#f5fbff 50%,#eaf4fe)}
/* Estilo cristal: visible donde existe soporte nativo, sin sacrificar contraste. */
@supports (backdrop-filter:blur(8px)){.category-card,.floating-tag,.site-header{backdrop-filter:blur(18px) saturate(140%)}}
@media(max-width:1100px){.brand{min-width:0}.brand-image{width:145px;max-width:145px}.brand-wordmark.brand-has-image small{font-size:7px}.nav-links{gap:18px}.hero-grid{grid-template-columns:1fr .87fr}.hero h1{font-size:clamp(52px,6.2vw,76px)}}
@media(max-width:760px){.brand{gap:4px}.brand-image{width:145px;max-width:145px;max-height:52px}.brand-wordmark.brand-has-image{display:none}.nav-shell{height:68px}.menu-toggle{background:#eff7ff;border-color:#d8eafb}.menu-toggle span{background:#0b4285}.mobile-nav:not([hidden]){background:rgba(250,253,255,.98);border-color:#d9e9fc}.hero{min-height:780px}.hero-grid{min-height:780px}.hero-content{padding-top:55px}.hero h1{font-size:clamp(49px,11.8vw,72px);letter-spacing:-.068em}.hero p{font-size:14px}.hero-chip{font-size:8px;padding:10px 11px;letter-spacing:.10em}.hero-art{margin-top:0;height:325px}.hero-art::before{width:86%;height:79%;border-radius:25px}.floating-tag{color:#24558c}.floating-tag-one{right:0!important}.floating-tag-two{left:0!important}.footer-social-bar{align-items:flex-start;flex-direction:column;gap:15px}.social-links{gap:8px}.category-card{border-radius:17px}.product-card-image{border-radius:16px}.announcement{font-size:7px;letter-spacing:.1em}.hero-lower{display:none}}
@media(max-width:395px){.hero{min-height:740px}.hero-grid{min-height:740px}.hero h1{font-size:47px}.hero-art{height:290px}.social-link{padding:6px}.social-link>span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-device{animation:none!important}}
/* SOT&VIDA 3.0 — iconografía editable, subcategorías y navegación paginada */
.category-svg{display:block;width:1em;height:1em;stroke:currentColor}
.category-icon{display:flex;align-items:center;justify-content:flex-start;width:85px;height:90px;font-size:74px}
.category-custom-icon{display:block;width:78px;height:78px;object-fit:contain}
.filter-icon{display:inline-flex;vertical-align:middle;margin-right:5px;align-items:center;justify-content:center;font-size:17px;width:19px;height:19px}
.filter-icon .category-custom-icon{width:19px;height:19px}
.category-filters .filter-chip,.subcategory-filters .filter-chip{display:inline-flex;align-items:center;gap:3px}
.subcategory-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 15px;background:#f3f9ff;border:1px solid #d9eafd;border-radius:18px;margin:0 0 18px}
.subcategory-filters>span{font-size:11px;color:#456b94;font-weight:750;margin-right:7px}
.catalog-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin:55px 0 0}
.catalog-pagination a{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #cee0f3;background:white;border-radius:13px;font-size:12px;font-weight:800;color:#1b579c}
.catalog-pagination a.selected,.catalog-pagination a:hover{background:#1e62b7;color:#fff;border-color:#1e62b7}
@media(max-width:760px){.category-icon{width:56px;height:62px;font-size:52px}.category-custom-icon{width:55px;height:55px}.catalog-pagination{margin:35px 0 0}}
.trust-symbol .category-svg{width:23px;height:23px}.trust-symbol{display:inline-flex;align-items:center;justify-content:center}


/* V4.1 · Fotografias completas en ficha y catalogo.
   Posicion absoluta = el tamanio nativo de la fotografia no agranda la cuadricula.
   object-fit: contain = sin recorte ni distorsion, incluso fotos verticales. */
.detail-grid,.detail-visual{min-width:0}
.detail-visual{
  position:relative;display:block;isolation:isolate;
  background:radial-gradient(circle at 48% 35%,#fff 0%,#eef7ff 72%,#e0efff 100%);
  border:1px solid #dceaf8;box-shadow:0 18px 40px rgba(23,81,164,.06);
}
.detail-visual > img{
  display:block;position:absolute;top:14%;left:8%;width:84%;height:76%;
  max-width:none;max-height:none;min-width:0;min-height:0;
  object-fit:contain;object-position:center;z-index:0;
}
.detail-visual .detail-overline{z-index:2}
.detail-visual .detail-visual-corner{z-index:1;pointer-events:none;opacity:.55}
.product-card-image{position:relative;display:block}
.product-card-image > img{
  display:block;position:absolute;top:10%;left:9%;width:82%;height:80%;
  max-width:none;max-height:none;min-width:0;min-height:0;
  object-fit:contain;object-position:center;
}
@media(max-width:760px){
 .detail-visual > img{top:16%;left:7%;width:86%;height:72%}
 .product-card-image > img{top:11%;left:8%;width:84%;height:78%}
}