.hilo-accesos-section{width:100%}.hilo-accesos-container{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box}.hilo-accesos-section *{box-sizing:border-box}.hilo-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.hilo-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hilo-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hilo-hero-content{position:relative;z-index:1;padding:40px 20px;max-width:1200px;margin:0 auto}.hilo-hero-content .hilo-accesos-title,.hilo-hero-content .hilo-accesos-subtitle{margin-left:auto;margin-right:auto;max-width:600px}.hilo-accesos-grid.has-overlap{position:relative}.hilo-accesos-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.hilo-accesos-logo img{height:auto}.hilo-accesos-title{text-align:center;margin:0 0 8px;font-weight:500;line-height:1.3}.hilo-accesos-subtitle{text-align:center;margin:0 0 2rem;line-height:1.5}.hilo-filter-desc{background:#f5f5f5;color:#5f5e5a;text-align:center;font-size:13px;padding:12px 16px;border-radius:12px;max-width:560px;margin:0 auto 2rem;transition:opacity .2s ease}.hilo-filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:2rem}.hilo-filter-btn{background:transparent;border:1.5px solid var(--filter-border, #F3BDC6);color:var(--filter-text, #2C2C2A);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.hilo-filter-btn.is-active{background:var(--filter-active-bg, #F3BDC6);color:var(--filter-active-text, #2C2C2A)}.hilo-accesos-grid{display:grid;grid-template-columns:repeat(var(--card-columns-desktop, 6),1fr);gap:var(--card-gap, 14px)}.hilo-accesos-card{display:block;text-decoration:none;background:var(--card-bg, #ffffff);border:var(--card-border-width, 0) solid var(--card-border-color, transparent);border-radius:var(--card-radius, 16px);padding:14px 10px 16px;text-align:center;transition:transform .15s ease}.hilo-accesos-card:hover{transform:translateY(-3px)}.hilo-accesos-card-image{width:100%;aspect-ratio:1 / 1;border-radius:calc(var(--card-radius, 16px) - 4px);overflow:hidden;margin-bottom:10px;background:#f4f4f4}.hilo-accesos-card-image img{width:100%;height:100%;object-fit:cover;display:block}.hilo-accesos-card-placeholder{width:100%;height:100%;background:#f0f0f0}.hilo-accesos-card-label{margin:0;font-weight:500;line-height:1.3}.hilo-accesos-card-hilo{margin:2px 0 0;line-height:1.3}@media screen and (max-width:749px){.hilo-accesos-container{padding-left:16px;padding-right:16px}.hilo-accesos-grid{grid-template-columns:repeat(var(--card-columns-mobile, 2),minmax(0,1fr));gap:min(var(--card-gap, 14px),10px)}.hilo-accesos-card{padding:10px 8px 12px;min-width:0}.hilo-accesos-title{font-size:clamp(18px,5vw,24px)!important;line-height:1.25;padding:0 8px}.hilo-accesos-subtitle{font-size:clamp(12px,3.5vw,15px)!important;padding:0 8px}.hilo-accesos-card-label{font-size:clamp(11px,3vw,13px)!important}.hilo-accesos-card-hilo{font-size:clamp(9px,2.5vw,11px)!important}}.hilo-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9999;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;opacity:0;transition:opacity .25s ease}.hilo-modal-overlay.is-visible{display:flex}.hilo-modal-overlay.is-active{opacity:1}.hilo-modal{background:var(--modal-bg, #ffffff);border:2px solid var(--modal-border-color, #F3BDC6);border-radius:16px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;position:relative;padding:24px 18px 18px;box-sizing:border-box;transform:scale(.92) translateY(10px);opacity:0;transition:transform .25s ease,opacity .25s ease}.hilo-modal-overlay.is-active .hilo-modal{transform:scale(1) translateY(0);opacity:1}.hilo-modal-body{transition:opacity .15s ease}.hilo-modal-nav{background:var(--modal-border-color, #F3BDC6);border:none;width:44px;height:44px;border-radius:50%;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 6px;box-shadow:0 2px 8px #0003;transition:background .2s ease,transform .15s ease}.hilo-modal-nav:hover{transform:scale(1.08)}.hilo-modal-nav:active{transform:scale(.95)}@media screen and (max-width:749px){.hilo-modal-overlay{padding:8px}}.hilo-modal-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--modal-title-color, #000000);cursor:pointer;display:flex;padding:6px}.hilo-modal-title{color:var(--modal-title-color, #000000);font-size:18px;font-weight:500;margin:0 0 16px;padding-right:24px}.hilo-modal-body .hilo-detalle-grid{display:grid;grid-template-columns:1fr;gap:16px}.hilo-modal-body .hilo-detalle-image img{width:100%;border-radius:12px;display:block;object-fit:cover;aspect-ratio:4 / 3}.hilo-modal-body .hilo-detalle-grid{grid-template-columns:1fr}.hilo-modal-body .hilo-detalle-image img{aspect-ratio:auto;max-height:200px;width:auto;max-width:100%;height:auto;object-fit:contain;margin:0 auto;display:block}.hilo-modal-body .hilo-modal-title{font-size:16px}.hilo-modal-body .hilo-detalle-hilo-name{font-size:12px!important;margin-bottom:4px!important}.hilo-modal-body .hilo-detalle-description{font-size:13px!important;line-height:1.5!important}.hilo-modal-body .hilo-detalle-datos li{font-size:11.5px!important}.hilo-modal-body .hilo-detalle-price{font-size:15px!important;margin-bottom:12px!important}.hilo-modal-body .hilo-detalle-button{font-size:13px;padding:10px 20px}@media screen and (min-width:600px){.hilo-modal-body .hilo-detalle-grid{grid-template-columns:220px 1fr;align-items:center}.hilo-modal-body .hilo-detalle-image img{max-height:220px}}.hilo-inline-panel{grid-column:1 / -1;background:var(--modal-bg, #ffffff);border:2px solid var(--modal-border-color, #F3BDC6);border-radius:16px;padding:20px 16px;position:relative;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.hilo-inline-panel.is-open{max-height:600px;opacity:1}.hilo-inline-panel-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--modal-title-color, #000000);cursor:pointer;display:flex;padding:6px}.hilo-inline-panel .hilo-modal-title{font-size:16px}.hilo-inline-panel .hilo-detalle-grid{grid-template-columns:1fr}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-hilo-perfecto-accesos.css.map */