/* Complemento 1.0.0: solo afecta a la tienda preparada y en pantallas moviles. */
:root{--tma-css-ready:1}
.tma-nav,.tma-overlay{display:none}
@media(max-width:700px){
 html.tma-active body.trinis79-site{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
 html.tma-active body.trinis79-site>.topbar,
 html.tma-active body.trinis79-site>header.header#inicio,
 html.tma-active body.trinis79-site>nav.nav[aria-label="Navegación principal"],
 html.tma-active body.trinis79-site .trinis-floating-cart{display:none!important}
 html.tma-active body.trinis79-site main{margin-top:0!important}
 html.tma-active body.trinis79-site .hero-copy{position:relative!important}
 html.tma-active .tma-overlay{display:flex!important;align-items:flex-start;justify-content:space-between;position:absolute;inset:5px 7px auto;z-index:6;pointer-events:none}
 html.tma-active .tma-overlay button{pointer-events:auto;cursor:pointer;font-family:inherit}
 html.tma-active .tma-logo{display:grid;place-items:start;align-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
 html.tma-active .tma-logo img{display:block;width:clamp(28px,10vw,44px)!important;height:auto!important;max-width:none!important;border-radius:0!important;filter:drop-shadow(0 2px 4px #071b49b3)}
 html.tma-active .tma-more{display:grid;place-items:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:1px solid #e4eaf2;border-radius:14px;background:#fff;color:#071b49;box-shadow:0 3px 10px #071b4926}
 html.tma-active .tma-more svg{display:block;width:23px;height:23px}
 html.tma-active .tma-options{position:absolute;top:50px;right:0;min-width:190px;margin:0;padding:7px;border:1px solid #dbe4f2;border-radius:13px;background:#fff;color:#071b49;box-shadow:0 8px 25px #071b4930;pointer-events:auto}
 html.tma-active .tma-options[hidden]{display:none!important}
 html.tma-active .tma-options button{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;margin:0;padding:10px;border:0;border-radius:8px;background:#fff;color:#071b49;font-size:14px;text-align:left}
 html.tma-active .tma-options svg{width:20px;height:20px;flex:none}
 html.tma-active .tma-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:35;width:100%;box-sizing:border-box;margin:0;padding:8px max(4px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid #e1e8f3;background:#fff;color:#071b49;box-shadow:0 -5px 20px #071b4908;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;isolation:isolate}
 html.tma-active .tma-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:61px;width:auto;height:auto;margin:0;padding:0 2px;border:0;border-radius:0;background:transparent;color:#61718a;box-shadow:none;font:600 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer}
 html.tma-active .tma-icon{position:relative;display:grid;place-items:center;flex:none;width:48px;height:38px;border-radius:14px;transition:background-color .16s,color .16s}
 html.tma-active .tma-icon svg{display:block;width:26px!important;height:26px!important;stroke-width:1.9}
 html.tma-active .tma-nav button[aria-current="page"]{color:#071b49;font-weight:700}
 html.tma-active .tma-nav button[aria-current="page"] .tma-icon{background:#071b49;color:#a4f044;box-shadow:0 3px 7px #071b4926}
 html.tma-active .tma-count{position:absolute;top:-2px;right:0;display:grid;place-items:center;min-width:18px;height:18px;box-sizing:border-box;padding:0 3px;border:2px solid #fff;border-radius:12px;background:#78d823;color:#071b49;font:800 10px/1 system-ui,sans-serif}
 html.tma-active .tma-count[hidden]{display:none!important}
 html.tma-active .tma-nav button:focus-visible,html.tma-active .tma-overlay button:focus-visible{outline:3px solid #4089ef;outline-offset:3px}
 html.tma-active body.trinis79-site>.floating-wa{bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
 html.tma-active #catalogo{scroll-margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.tma-icon{transition:none!important}}

/* Presentacion compacta. Precios, productos y eventos son los originales. */
html:is(.twc-active,.twc-pending) body.trinis79-site{overflow-x:hidden;overflow-x:clip}
html:is(.twc-active,.twc-pending) body.trinis79-site>.topbar{display:none!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero{padding-bottom:12px!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-home-offers{padding:12px 12px 0!important;max-width:none!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-home-offers-heading{padding:0!important;margin:0 0 9px!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-home-offers-heading>h2{font-size:18px!important;margin:4px 0 0!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-carousel{position:relative!important;min-width:0!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-products{gap:9px!important;padding:3px 0 5px!important;scroll-padding:0!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-products>.hero-card{flex:0 0 calc((100% - 9px)/2)!important;border-radius:12px!important;box-shadow:none!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-products>.hero-card>img{height:174px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#061632!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-prices{min-height:60px!important;padding:7px 6px!important;gap:5px!important;background:#0b2552!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-price-copy span{font-size:11px!important;line-height:1.25!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-price-copy strong{font-size:12px!important;line-height:1.25!important;color:#b9ff78!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-add{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:11px!important;box-shadow:none!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-add>strong{display:none!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-add>span{font-size:18px!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-carousel__arrow,
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-carousel__hint{display:none!important}
html.twc-active .twc-promo-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:2px 0 0;padding:0}
html.twc-active .twc-promo-dots[hidden]{display:none!important}
html.twc-active .twc-promo-dots button{display:grid;place-items:center;flex:none;width:32px;height:32px;min-height:0;min-width:0;margin:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;cursor:pointer}
html.twc-active .twc-promo-dots button::before{content:"";display:block;width:7px;height:7px;border-radius:99px;background:#8192ad;transition:width .18s ease,background-color .18s ease}
html.twc-active .twc-promo-dots button[aria-current="true"]::before{width:24px;background:#a6f342}
html.twc-active .twc-promo-dots button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
@media(pointer:coarse){html.twc-active .twc-promo-dots button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html.twc-active .twc-promo-dots button::before{transition:none}}
html:is(.twc-active,.twc-pending) body.trinis79-site .trinis-services-strip{min-height:64px!important;margin-bottom:0!important;border:2px solid #60d7ff!important;border-inline:0!important;border-radius:0!important;background:linear-gradient(#103c89,#061b4c 45%,#08245b 80%,#103c89)!important;box-shadow:inset 0 3px 8px #168fff,inset 0 -3px 8px #168fff!important}
html:is(.twc-active,.twc-pending) body.trinis79-site .trinis-services-viewport{padding:6px 0!important}
html:is(.twc-active,.twc-pending) body.trinis79-site .trinis-service-item{min-height:48px!important;padding:0 16px!important;gap:10px!important}
html:is(.twc-active,.twc-pending) body.trinis79-site .trinis-service-item strong{font-size:13px!important;line-height:1.2!important}
html:is(.twc-active,.twc-pending) body.trinis79-site .trinis-service-icon{display:inline-block;flex:none;min-width:32px;font:30px/1.2 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;filter:drop-shadow(0 0 4px #248cff)}
html:is(.twc-active,.twc-pending) body.trinis79-site .trinis-service-arrow{display:inline-block!important;color:#70e7ff;font:700 31px/1 Arial,sans-serif;margin-left:8px;text-shadow:0 0 7px #00baff}

html:is(.twc-active,.twc-pending) body.trinis79-site #catalogo{padding-top:20px!important}
@media(pointer:coarse){html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-add{flex-basis:44px!important;width:44px!important;height:44px!important}}

@media(min-width:701px){
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio{display:flex!important;align-items:center!important;gap:20px!important;width:calc(100% - 32px)!important;max-width:1160px!important;min-height:60px!important;margin:0 auto!important;padding:8px 0!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio>.brand{order:0;flex:0 0 42px!important;width:42px!important;height:42px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio>.brand .trinis-site-logo{width:42px!important;height:42px!important;max-width:42px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio>nav.nav{order:1;position:static!important;display:flex!important;justify-content:flex-start!important;flex:1;gap:20px!important;min-width:0;height:40px!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio>nav.nav a,html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio>nav.nav button{min-height:38px;color:#071b49!important;font-size:12px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio>.trinis-header-account-group{order:2;margin-left:auto!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio .trinis-account-top{min-height:38px!important;padding:7px 11px!important;font-size:12px!important;border-radius:10px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero{display:grid!important;grid-template-columns:minmax(0,42fr) minmax(0,58fr)!important;align-items:center!important;gap:18px!important;width:calc(100% - 32px)!important;max-width:1160px!important;margin:0 auto!important;padding:16px!important;border-radius:14px!important;background:#071b49!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-copy{background:transparent!important;min-width:0!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-copy>.trinis-home-picture{aspect-ratio:auto!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;border-radius:10px!important;overflow:hidden!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-home-offers{padding:0!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 27px)/4)!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-products>.hero-card>img{height:180px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .trinis-hero-price-copy strong{font-size:11px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site .trinis-services-strip{width:calc(100% - 32px)!important;max-width:1160px!important;margin:10px auto 0!important;border-radius:10px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site #catalogo{max-width:1160px!important;padding-top:18px!important;padding-bottom:30px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site #catalogo .section-head{gap:16px!important;margin-bottom:14px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site #catalogo .section-head h2{font-size:25px!important;margin:4px 0 0!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site #catalogo .section-intro,html:is(.twc-active,.twc-pending) body.trinis79-site #catalogo .section-head>p{font-size:12px!important;margin-top:6px!important}
}
@media(min-width:701px) and (max-width:1000px){
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio{gap:12px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio>nav.nav{gap:12px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site>header.header#inicio .trinis-account-top{padding:7px!important;font-size:11px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero{grid-template-columns:minmax(0,40fr) minmax(0,60fr)!important;gap:12px!important;padding:12px!important}
 html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 18px)/3)!important}
}
@media(prefers-reduced-motion:reduce){html:is(.twc-active,.twc-pending) .trinis-hero-carousel__arrow{transition:none!important}}

/* El tamano se aplica desde la cabecera; los controles se activan al estar listos. */
@media(max-width:700px){
 html.twc-pending body.trinis79-site>header.header#inicio,
 html.twc-pending body.trinis79-site>nav.nav[aria-label="Navegación principal"]{display:none!important}
}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-products{scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior-x:none!important}
html:is(.twc-active,.twc-pending) body.trinis79-site main .hero .hero-products>.hero-card{scroll-snap-align:none!important;scroll-snap-stop:normal!important}

/* Escritorio: escala moderada y simbolos claros; el movil conserva su medida. */
.twc-desktop-icon{display:none}
@media(min-width:1001px){
 html.twc-active body.trinis79-site>header.header#inicio,
 html.twc-active body.trinis79-site main .hero,
 html.twc-active body.trinis79-site .trinis-services-strip,
 html.twc-active body.trinis79-site #catalogo{max-width:1280px!important}
 html.twc-active body.trinis79-site #catalogo{width:calc(100% - 32px)!important}
 html.twc-active body.trinis79-site>header.header#inicio{min-height:72px!important;gap:24px!important}
 html.twc-active body.trinis79-site>header.header#inicio>.brand{flex-basis:50px!important;width:50px!important;height:50px!important}
 html.twc-active body.trinis79-site>header.header#inicio>.brand .trinis-site-logo{width:50px!important;height:50px!important;max-width:50px!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a,
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav button{display:inline-flex!important;align-items:center;gap:7px;font-size:14px!important;min-height:42px!important}
 html.twc-active body.trinis79-site .twc-desktop-icon{display:block;width:19px;height:19px;flex:none}
 html.twc-active body.trinis79-site>header.header#inicio .trinis-account-top{font-size:13px!important;min-height:42px!important;padding:9px 13px!important}
 html.twc-active body.trinis79-site main .hero .trinis-home-offers-heading>h2{font-size:20px!important}
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card>img{height:200px!important}
 html.twc-active body.trinis79-site main .hero .trinis-hero-prices{min-height:70px!important;padding:8px!important;gap:7px!important}
 html.twc-active body.trinis79-site main .hero .trinis-hero-price-copy span{font-size:12px!important}
 html.twc-active body.trinis79-site main .hero .trinis-hero-price-copy strong{font-size:13px!important}
 html.twc-active body.trinis79-site main .hero .trinis-hero-add{flex-basis:44px!important;width:44px!important;height:44px!important;border-radius:13px!important}
 html.twc-active body.trinis79-site main .hero .trinis-hero-add>span,
 html.twc-active body.trinis79-site #productGrid .add-button>span{display:inline-grid!important;place-items:center;flex:none;font-size:0!important}
 html.twc-active body.trinis79-site main .hero .trinis-hero-add>span::before,
 html.twc-active body.trinis79-site #productGrid .add-button>span::before{content:"";display:block;width:24px;height:24px;background:center/contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxYjQ5IiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMiAzaDNsMi40IDEyaDExLjlsMi04SDZNOSAxMWg5Ii8+PGNpcmNsZSBjeD0iOSIgY3k9IjIwIiByPSIxIi8+PGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMSIvPjwvc3ZnPg==")}
 html.twc-active body.trinis79-site .trinis-service-icon{font-size:34px!important;min-width:36px}
 html.twc-active body.trinis79-site .trinis-service-item{min-height:52px!important}
 html.twc-active body.trinis79-site .trinis-service-item strong{font-size:14px!important}
 html.twc-active body.trinis79-site .trinis-services-strip{min-height:68px!important}
}
@media(min-width:1001px) and (max-width:1150px){
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 18px)/3)!important}
}

/* Catalogo original: cuatro columnas en escritorio y fotografias verticales completas. */
@media(min-width:701px){
 html.twc-active body.trinis79-site>header.header#inicio{position:sticky!important;top:0;z-index:30;background:#f4f6fb;box-shadow:0 1px 0 #dce4f1}
 html.twc-active body.trinis79-site #catalogo{scroll-margin-top:88px}
 html.twc-active body.trinis79-site #catalogo .section-head h2{font-size:30px!important}
 html.twc-active body.trinis79-site #catalogo .section-intro,
 html.twc-active body.trinis79-site #catalogo .section-head>p{font-size:14px!important}
}

/* Misma distribucion: imagen izquierda, promociones derecha y franja al final de la primera pantalla. */
@media(min-width:1001px){
 html.twc-active body.trinis79-site>header.header#inicio,
 html.twc-active body.trinis79-site main .hero,
 html.twc-active body.trinis79-site .trinis-services-strip{max-width:1440px!important}
 html.twc-active body.trinis79-site main .hero{height:calc(100vh - 150px)!important;height:calc(100svh - 150px)!important;min-height:0!important;grid-template-columns:minmax(0,52fr) minmax(0,48fr)!important;gap:24px!important}
 html.twc-active body.trinis79-site main .hero .hero-copy{display:grid!important;place-items:center;height:100%!important;min-height:0!important}
 html.twc-active body.trinis79-site main .hero .hero-copy>.trinis-home-picture{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
 html.twc-active body.trinis79-site main .hero .trinis-home-picture>.trinis-home-banner{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card>img{height:auto!important;aspect-ratio:2/3!important;max-height:clamp(100px,calc(100svh - 368px),420px)!important;object-fit:contain!important}
 html.twc-active body.trinis79-site main .hero .trinis-home-offers{min-width:0!important}
 html.twc-active body.trinis79-site .twc-desktop-icon{width:36px!important;height:36px!important;padding:7px;box-sizing:border-box;border:1px solid #dce5ef;border-radius:12px;background:#eaf0f7;color:#163b64;stroke-width:1.9}
 html.twc-active body.trinis79-site header.header#inicio nav.nav a.active .twc-desktop-icon{background:#0b2452;border-color:#0b2452;color:#b4f76b}
 html.twc-active body.trinis79-site header.header#inicio nav.nav a:hover .twc-desktop-icon,
 html.twc-active body.trinis79-site header.header#inicio nav.nav button:hover .twc-desktop-icon{border-color:#b8dd91;background:#e8f6d9;color:#123c36}
}
@media(min-width:1001px) and (max-height:499px){
 html.twc-active body.trinis79-site main .hero{height:auto!important;min-height:calc(100svh - 150px)!important}
 html.twc-active body.trinis79-site main .hero .hero-copy{height:auto!important;aspect-ratio:1672/940}
}

/* Promociones mas grandes: tres por pagina en escritorio amplio, dos en portatiles estrechos. */
@media(min-width:1151px){
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 18px)/3)!important}
}
@media(min-width:1001px) and (max-width:1150px){
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 9px)/2)!important}
}
/* El reproductor movil usa controles nativos y ocupa su espacio real en el documento. */
.trinis-promo-video-dialog.twc-video-native .trinis-promo-video-dialog__stage{aspect-ratio:auto;isolation:auto;overflow:visible}
.trinis-promo-video-dialog.twc-video-native .trinis-promo-video-dialog__player{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;max-width:100%;aspect-ratio:var(--trinis-video-ratio,.5625);object-fit:contain;transform:none;background:#020713}
.trinis-promo-video-dialog.twc-video-native .trinis-promo-video-dialog__splash,
.trinis-promo-video-dialog.twc-video-native .trinis-promo-video-dialog__stage>.trinis-promo-video__frame,
.trinis-promo-video-dialog.twc-video-native .trinis-promo-video-dialog__controls{display:none!important}

.trinis-promo-video-dialog.twc-video-native{width:min(calc(100vw - 12px),calc((100vh - 16px)*var(--trinis-video-ratio,.5625)));width:min(calc(100vw - 12px),calc((100dvh - 16px)*var(--trinis-video-ratio,.5625)))}

/* BORRADOR: promociones con foto completa y navegacion persistente en el carrito. */
@media(max-width:700px){
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:contain!important}
 html.tma-active .tma-nav{z-index:42!important}
 html.tma-active #cartDrawer{height:calc(100% - var(--tma-nav-height,76px))!important;height:calc(100dvh - var(--tma-nav-height,76px))!important;bottom:var(--tma-nav-height,76px)!important}
 html.tma-active #overlay{bottom:var(--tma-nav-height,76px)!important}
 html.tma-active #cartDrawer #cartItems[hidden],
 html.tma-active #cartDrawer #cartEmpty[hidden],
 html.tma-active #cartDrawer #cartReview[hidden],
 html.tma-active #cartDrawer #checkoutForm[hidden]{display:none!important}
 html.tma-active #cartDrawer:not(.checkout-step) #cartEmpty:not([hidden]){display:flex!important;flex:1;align-items:center;justify-content:center;gap:12px;min-height:0;margin:0;padding:24px}
 html.tma-active #cartDrawer #cartEmpty p{max-width:30ch;margin:0;line-height:1.5}
}

@media(max-width:700px){html.twc-active body.trinis79-site main .hero .trinis-hero-add>span{display:grid!important;place-items:center;font-size:0!important}html.twc-active body.trinis79-site main .hero .trinis-hero-add>span::before{content:"";display:block;width:24px;height:24px;background:center/contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxYjQ5IiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMiAzaDNsMi40IDEyaDExLjlsMi04SDZNOSAxMWg5Ii8+PGNpcmNsZSBjeD0iOSIgY3k9IjIwIiByPSIxIi8+PGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMSIvPjwvc3ZnPg==")}}

@media(max-width:700px){html.tma-active #cartDrawer:not(.checkout-step) #cartItems:empty{display:none!important}}

/* Primera pantalla movil: termina en la correa, encima de la navegacion fija. */
@media(max-width:700px) and (min-height:520px){
 html.tma-active body.trinis79-site main .hero{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:none!important;height:calc(100svh - var(--tma-nav-height,76px) - 64px)!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:hidden!important}
 html.tma-active body.trinis79-site main .hero .hero-copy{flex:0 0 clamp(136px,calc((100svh - var(--tma-nav-height,76px) - 64px)*.36),218px)!important;min-height:0!important;width:100%!important;overflow:visible!important}
 html.tma-active body.trinis79-site main .hero .hero-copy>.trinis-home-picture{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;margin:0!important;background:#061632}
 html.tma-active body.trinis79-site main .hero .trinis-home-banner{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
 html.tma-active body.trinis79-site main .hero .trinis-home-offers{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;width:100%!important;padding:8px 10px 0!important;overflow:visible!important}
 html.tma-active body.trinis79-site main .hero .trinis-home-offers-heading{flex:none!important;margin:0 0 6px!important;padding:0!important}
 html.tma-active body.trinis79-site main .hero .trinis-home-offers-heading>span{display:block!important;font-size:10px!important;line-height:12px!important}
 html.tma-active body.trinis79-site main .hero .trinis-home-offers-heading>h2{font-size:16px!important;line-height:20px!important;margin:3px 0 0!important}
 html.tma-active body.trinis79-site main .hero .trinis-hero-carousel{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important}
 html.tma-active body.trinis79-site main .hero .hero-products{display:flex!important;align-items:stretch!important;flex:1 1 0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important}
 html.tma-active body.trinis79-site main .hero .hero-products>.hero-card{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:none!important}
 html.tma-active body.trinis79-site main .hero .hero-products>.hero-card>img{display:block!important;flex:1 1 0!important;min-height:0!important;width:100%!important;height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
 html.tma-active body.trinis79-site main .hero .trinis-hero-prices{display:flex!important;align-items:center!important;flex:0 0 56px!important;min-height:56px!important;padding:6px!important;gap:6px!important}
 html.tma-active body.trinis79-site main .hero .trinis-hero-price-copy span{font-size:10px!important;line-height:12px!important}
 html.tma-active body.trinis79-site main .hero .trinis-hero-price-copy strong{font-size:12px!important;line-height:14px!important}
 html.tma-active .twc-promo-dots{flex:0 0 32px!important;min-height:32px!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important}
 html.tma-active .twc-promo-dots button{width:40px!important;height:32px!important;min-height:32px!important}
 html.tma-active body.trinis79-site .trinis-services-strip{height:64px!important;min-height:64px!important;max-height:64px!important;width:100%!important;margin:0!important;border-radius:0!important}
}

@media(max-width:700px){html.tma-active body.trinis79-site main .hero .hero-products>.hero-card{min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}}

/* Escritorio integrado: menu y portada sobre un mismo fondo azul de ancho completo. */
@media(min-width:1001px){
 html.twc-active body.trinis79-site>header.header#inicio{width:100%!important;max-width:none!important;height:72px!important;min-height:72px!important;margin:0!important;padding:8px clamp(24px,3vw,56px)!important;border:0!important;border-radius:0!important;background:#071b49!important;box-shadow:none!important;color:#fff!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a,
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav button{color:#e3edff!important;font-size:15px!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a.active{color:#b4f76b!important}
 html.twc-active body.trinis79-site>header.header#inicio .twc-desktop-icon{background:#ffffff0d!important;border-color:#ffffff2e!important;color:#dce8ff!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a.active .twc-desktop-icon{background:#b4f76b!important;border-color:#b4f76b!important;color:#071b49!important}
 html.twc-active body.trinis79-site>header.header#inicio .trinis-account-top{background:#ffffff09!important;border-color:#7891bb!important;color:#fff!important}
 html.twc-active body.trinis79-site>header.header#inicio .trinis-account-top:hover{background:#ffffff16!important;border-color:#b4f76b!important}
 html.twc-active body.trinis79-site main{margin-top:0!important}
 html.twc-active body.trinis79-site main .hero{width:100%!important;max-width:none!important;height:calc(100vh - 140px)!important;height:calc(100svh - 140px)!important;margin:0!important;padding:24px clamp(24px,3vw,56px)!important;border-radius:0!important;border:0!important;background:#071b49!important}
 html.twc-active body.trinis79-site .trinis-services-strip{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
}
@media(min-width:1001px) and (max-height:499px){
 html.twc-active body.trinis79-site main .hero{height:auto!important;min-height:calc(100svh - 140px)!important}
}

/* Solo el menu superior se moderniza; la correa conserva iconos, brillo y movimiento originales. */
@font-face{font-family:'Trinis UI';src:url('manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@media(min-width:1001px){
 html.twc-active body.trinis79-site>header.header#inicio{font-family:'Trinis UI',system-ui,sans-serif!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav{gap:8px!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a,
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav button{gap:9px!important;min-height:44px!important;padding:0 13px!important;border-radius:12px!important;font-weight:600!important;font-size:14px!important;letter-spacing:0!important;color:#dce7f5!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a.active{background:#b5e88915!important;color:#ddf4c7!important}
 html.twc-active body.trinis79-site>header.header#inicio .twc-desktop-icon,
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a.active .twc-desktop-icon{display:block!important;flex:none;width:22px!important;height:22px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:currentColor!important;stroke-width:1.7!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a.active .twc-desktop-icon{color:#b5e889!important}
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav a:hover,
 html.twc-active body.trinis79-site>header.header#inicio>nav.nav button:hover{background:#ffffff0d!important}
 html.twc-active body.trinis79-site>header.header#inicio .trinis-account-top{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:9px 14px!important;border-radius:12px!important;font-family:'Trinis UI',system-ui,sans-serif!important;font-weight:600!important;font-size:12px!important;box-shadow:none!important}
 html.twc-active body.trinis79-site>header.header#inicio [data-trinis-account-top]{background:#eef4fb!important;border-color:#eef4fb!important;color:#102a4c!important}
 html.twc-active body.trinis79-site>header.header#inicio .trinis-account-top .twc-desktop-icon{width:18px!important;height:18px!important}
 html.twc-active body.trinis79-site>header.header#inicio .trinis-account-top[hidden]{display:none!important}
 /* Referencia de presentacion: dos promociones grandes a la derecha. */
 html.twc-active body.trinis79-site main .hero .hero-products{gap:14px!important}
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 14px)/2)!important;min-width:0!important;overflow:hidden!important}
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card>img{height:clamp(170px,calc(100svh - 370px),640px)!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
}

/* Fotografia de portada ampliada como fondo, con la navegacion por delante. */
@media(min-width:1001px){
 html.twc-active body.trinis79-site>header.header#inicio{position:sticky!important;z-index:30!important;background:rgba(4,18,45,.64)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 #ffffff14!important}
 html.twc-active body.trinis79-site main .hero{position:relative!important;isolation:isolate;overflow:visible!important;background:#071b49!important}
 html.twc-active body.trinis79-site main .hero::before{content:"";position:absolute;inset:-72px 0 0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,14,37,.12) 0%,rgba(3,14,37,.18) 42%,rgba(3,14,37,.62) 62%,rgba(3,14,37,.76) 100%),linear-gradient(180deg,rgba(3,14,37,.35) 0%,transparent 28%,transparent 72%,rgba(3,14,37,.32) 100%)}
 html.twc-active body.trinis79-site main .hero::after{display:none!important}
 html.twc-active body.trinis79-site main .hero .hero-copy{position:static!important;z-index:auto!important;display:block!important;background:transparent!important}
 html.twc-active body.trinis79-site main .hero .hero-copy>.trinis-home-picture{position:absolute!important;z-index:0!important;inset:-72px 0 0!important;width:100%!important;height:calc(100% + 72px)!important;border:0!important;border-radius:0!important;overflow:hidden!important}
 html.twc-active body.trinis79-site main .hero .trinis-home-picture>.trinis-home-banner{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
 html.twc-active body.trinis79-site main .hero .trinis-home-offers{position:relative!important;z-index:2!important}
 html.twc-active body.trinis79-site main .hero .trinis-home-offers-heading{text-shadow:0 2px 12px #0009}
 html.twc-active body.trinis79-site main .hero .hero-card{box-shadow:0 14px 40px #0004!important}
}

@media(min-width:1001px){
 html.twc-active body.trinis79-site main .hero::before{display:block!important}
 html.twc-active body.trinis79-site main .hero .trinis-home-picture>.trinis-home-banner{object-position:left top!important}
}
@media(min-width:1001px) and (min-aspect-ratio:2/1){
 html.twc-active body.trinis79-site main .hero .trinis-home-picture>.trinis-home-banner{object-position:center top!important}
}

/* Cuatro promociones alineadas en escritorio amplio, con fotografias completas. */
@media(min-width:1001px){
 html.twc-active body.trinis79-site main .hero .hero-products{gap:10px!important}
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card>img{height:auto!important;aspect-ratio:2/3!important;max-height:clamp(150px,calc(100svh - 350px),540px)!important;object-fit:contain!important}
}
@media(min-width:1500px){
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 30px)/4)!important}
}
@media(min-width:1151px) and (max-width:1499px){
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 20px)/3)!important}
}
@media(min-width:1001px) and (max-width:1150px){
 html.twc-active body.trinis79-site main .hero .hero-products>.hero-card{flex-basis:calc((100% - 10px)/2)!important}
}

/* Ajuste final de escritorio: aire bajo el menu y promociones ligeramente mayores. */
@media(min-width:1001px){
 html.twc-active body.trinis79-site main .hero{grid-template-columns:minmax(0,50fr) minmax(0,50fr)!important}
 html.twc-active body.trinis79-site main .hero .trinis-home-picture>.trinis-home-banner{object-position:left 20px!important}
}
@media(min-width:1001px) and (min-aspect-ratio:2/1){
 html.twc-active body.trinis79-site main .hero .trinis-home-picture>.trinis-home-banner{object-position:center 20px!important}
}

/* Contador vacio y contraste de cuenta en todos los estados del puntero/teclado. */
html.twc-pending body.trinis79-site #navCount{visibility:hidden!important}
html.twc-active body.trinis79-site #navCount[hidden]{display:none!important}
@media(min-width:1001px){
 html.twc-active body.trinis79-site>header.header#inicio .trinis-account-top[data-trinis-account-top]:is(:hover,:focus-visible,:active){background:#e3efd5!important;color:#102a4c!important;border-color:#b4f76b!important}
 html.twc-active body.trinis79-site>header.header#inicio .trinis-account-top[data-trinis-howto-top]:is(:hover,:focus-visible,:active){background:#ffffff1a!important;color:#f7fbff!important;border-color:#b4f76b!important}
}