La Hacienda Contenedor de Acero

<style>.kr{container-type:inline-size;position:relative;width:100%;overflow:hidden;padding:24px;box-sizing:border-box;border-radius:0;background:#241812;font-family:'Source Sans Pro',Calibri,sans-serif;color:#333}.kr *{box-sizing:border-box}.bg{position:absolute;z-index:0;inset:0;overflow:hidden}.bi{position:absolute;left:-3%;top:-6%;width:106%;height:112%;object-fit:cover;opacity:.84;animation:bg 18s ease-in-out infinite alternate}@keyframes bg{from{transform:translateY(-2%) scale(1.02)}to{transform:translateY(2%) scale(1.05)}}.bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,14,10,.18),rgba(22,14,10,.46) 58%,rgba(22,14,10,.7))}.hero,.tl,.ds,.kg,.ft{position:relative;z-index:1}.hero{display:grid;grid-template-columns:55% 45%;min-height:500px;overflow:hidden;border-radius:36px;background:transparent;box-shadow:0 18px 42px rgba(0,0,0,.16)}.ph{display:flex;align-items:center;justify-content:center;padding:16px 12px 16px 16px;border-radius:36px 0 0 36px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04) 42%,rgba(255,255,255,.01)),rgba(255,255,255,.08);-webkit-backdrop-filter:blur(5px) saturate(120%);backdrop-filter:blur(5px) saturate(120%)}.pic{display:grid;place-items:center;width:100%;max-width:100%;overflow:hidden;border-radius:28px;transition:.7s}.pic:hover{transform:scale(1.02)}.pic img{display:block;width:auto;max-width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:28px;margin:auto}.gl,.ds,.kt{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 42%,rgba(255,255,255,.01)),rgba(27,18,13,.20);color:#f7efe7;-webkit-backdrop-filter:blur(5px) saturate(145%);backdrop-filter:blur(5px) saturate(145%)}.gl:before,.ds:before,.kt:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.11),transparent 30%,transparent 72%,rgba(255,255,255,.025));pointer-events:none}.gl{display:flex;align-items:center;padding:34px 30px 34px 24px;border-radius:0 36px 36px 0}.in{position:relative;z-index:2;width:100%}.brand{display:flex;justify-content:flex-start;margin-bottom:18px}.logo{width:166px;max-height:102px;object-fit:contain;transition:transform .45s ease}.logo:hover{transform:scale(1.07)}.name{margin:0 0 8px;color:#fff8f0;font:500 clamp(30px,3.8cqw,48px)/1.03 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}.sub{margin-bottom:18px;color:#dfc0a2;font:italic clamp(18px,2cqw,25px)/1.3 Georgia,'Times New Roman',serif}.feat{padding:9px 0;font-size:15px;line-height:1.5;color:#f3e9de;transition:.35s}.feat:hover{transform:translateX(5px)}.feat strong{display:inline-block;transition:.3s}.feat strong:hover{transform:scale(1.05)}.disc{margin-top:15px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);font-size:10px;line-height:1.4;color:rgba(255,255,255,.48)}.tl,.ft{display:flex;align-items:center;gap:14px;color:#fff}.tl{margin:22px 5px 15px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tl:before,.tl:after,.ft:before,.ft:after{content:'';height:1px;flex:1;background:rgba(238,207,172,.28)}.tl span,.ft span{padding:0 9px}.ds{padding:20px 23px;border-radius:22px;font-size:16px;line-height:1.6}.kg{margin-top:4px}.ky{display:flex;flex-wrap:nowrap;gap:9px;width:100%;overflow-x:auto;padding:4px 0 7px}.kt{flex:1 0 140px;min-width:140px;padding:13px 9px 15px;border-radius:20px;text-align:center;transition:.4s}.kt:hover{transform:translateY(-4px);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06)),rgba(48,30,20,.52)}.ic{display:block;width:23px;height:23px;margin:0 auto 7px;color:#d99a68}.ic path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.kt b{display:block;margin-bottom:5px;font-size:14px;color:#fff}.kt span{display:block;font-size:14px;line-height:1.4;color:#fff;overflow-wrap:anywhere}.ft{margin-top:24px;font:italic 19px/1.35 Georgia,'Times New Roman',serif;text-align:center}.ft span{max-width:76%;overflow-wrap:anywhere}@container(max-width:760px){.kr{padding:17px}.hero{grid-template-columns:53% 47%;min-height:0}.ph{padding:14px 10px 14px 14px}.logo{width:138px;max-height:88px}.name{font-size:clamp(27px,4.5cqw,38px)}.sub{font-size:clamp(16px,2.7cqw,21px)}.feat{font-size:14px}}@container(max-width:560px){.kr{padding:13px}.hero{display:block}.ph{padding:14px 14px 0;border-radius:24px}.gl{width:96%;margin:-7px auto 0;padding:27px 19px 23px;border-radius:23px}.logo{width:128px}.name{font-size:clamp(28px,8cqw,39px)}.sub{font-size:clamp(17px,4.7cqw,22px)}.bi{top:-4%;height:108%}}@container(max-width:390px){.kr{padding:10px}.hero,.pic,.gl{border-radius:23px}.ph{padding:12px 12px 0}.logo{width:114px}.ft span{max-width:68%}}</style> <section class="kr"><div class="bg"><img class="bi" src="https://storagecencosud.blob.core.windows.net/ariel/fondo-la-hacienda.png" alt="" /></div><div class="hero"> <div class="ph"><div class="pic"><img src="https://jumbocl.vteximg.com.br/arquivos/ids/645351/Contenedor-de-Acero-La-Hacienda-15-L.jpg" alt="" /></div></div> <div class="gl"><div class="in"><div class="brand"><img class="logo" src="https://storagecencosud.blob.core.windows.net/ariel/la-hacienda-blanco.png" alt="La Hacienda" /></div><h2 class="name">Contenedor de Acero 1.5 L</h2><div class="sub">Organización práctica para conservar y transportar alimentos</div><div class="feat"><strong>Orden:</strong> ayuda a separar porciones y mantener mejor organizada la preparación diaria.</div><div class="feat"><strong>Practicidad:</strong> combina un cuerpo resistente con componentes que facilitan un cierre cómodo para el uso cotidiano.</div><div class="feat"><strong>Uso:</strong> úsalo para guardar preparaciones frías o secas y transportarlas según las condiciones adecuadas.</div></div></div> </div><div class="tl"><span>Descripción</span></div><div class="ds">Una alternativa pensada para <strong>guardar y transportar porciones de forma más organizada</strong> de forma simple. El uso de <strong>acero inoxidable y silicona</strong> aporta una terminación funcional y una presencia cuidada. Sus proporciones favorecen un manejo cómodo y combinan <strong>practicidad</strong> con una <strong>presentación cuidada</strong>, desde la preparación hasta el momento de servir.</div> <div class="kg"><div class="tl"><span>Ficha Técnica</span></div><div class="ky"><div class="kt"><svg class="ic" viewbox="0 0 24 24"><path d="M4 4h6v6H4zm10 0h6v6h-6zM4 14h6v6H4zm10 0h6v6h-6z"></path></svg><b>Tipo de producto</b><span>Herméticos</span></div><div class="kt"><svg class="ic" viewbox="0 0 24 24"><path d="M4 12h16M7 9l-3 3 3 3m10-6 3 3-3 3"></path></svg><b>Dimensiones</b><span>23 x 17.5 x 7 cm</span></div><div class="kt"><svg class="ic" viewbox="0 0 24 24"><path d="M6 5h12l-1 14H7L6 5zm1 5h10"></path></svg><b>Capacidad</b><span>1.5 L</span></div><div class="kt"><svg class="ic" viewbox="0 0 24 24"><path d="m4 8 8-4 8 4-8 4-8-4zm0 5 8 4 8-4"></path></svg><b>Material</b><span>Acero Inoxidable + Silicona + Polipropileno (PP)</span></div></div></div> <footer class="ft"><span>Más orden para guardar, llevar y disfrutar tus preparaciones.</span></footer> <div style="position:relative;z-index:1;width:100%;margin:22px 0 32px;overflow:hidden;border-radius:22px;background:#111"><video autoplay muted loop playsinline preload="metadata" style="display:block;width:100%;height:auto" src="https://storagecencosud.blob.core.windows.net/ariel/video-la-hacienda.mp4"></video></div> </section>

Hogar electro y libreria › Hogar › Cocina y mesa