.demo{padding:24px}.demo h2{margin-top:24px;margin-bottom:8px;font-weight:700}.demo .block{border-bottom:1px dashed #d0d0d0;padding:8px 0}:root{--background:#fff;--foreground:#171717}body{background:var(--background);color:var(--foreground);font-family:Roboto,system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif}header{background-color:#0000001a;min-height:120px}header .navbar-brand{color:#fff;font-size:35px}.navbar-brand:focus,.navbar-brand:hover{color:#fff!important}.navbar-nav .nav-link{text-transform:uppercase;color:#fff;align-items:center;gap:.5rem;margin-left:20px;display:inline-flex}.nav-link.active{color:#fff!important}.navbar-nav .nav-link.active:before,.navbar-nav .nav-link[aria-current=page]:before{content:"";background:#9ce019;border-radius:50%;flex:none;width:.7rem;height:.7rem}.navbar-nav .nav-item.nav-icon .nav-link.active:before,.navbar-nav .nav-item.nav-icon .nav-link[aria-current=page]:before{content:none}.navbar-over-main{z-index:1020;top:0;left:0;right:0;position:absolute!important}#inicio{background-image:url(/images/inicio_main_image.png);background-position:0;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding-top:90px;position:relative}@media (max-width:576px){#inicio{background-position:10%}}#inicio:before{content:"";pointer-events:none;position:absolute;inset:0}.main{background-position:50%;background-size:cover;min-height:100vh}.main-cta{text-transform:uppercase;z-index:2;font-size:clamp(2rem,1.2vw + .6rem,3rem);position:absolute;top:65%;left:10%}.main-overlay-bottom{z-index:1;width:100%;height:auto;position:absolute;bottom:0;left:0;right:0;transform:none}@media (max-width:576px){.main-cta{top:72%;left:12%}.main-overlay-bottom{width:min(100%,600px)}}.main-cta:focus-visible{outline-offset:4px;outline:2px dashed #ffffffe6}.big-text-title{color:#404040;font-size:clamp(3rem,4.5vw + 1rem,4.8rem);line-height:5rem}.big-text-title-description{color:#4c5357;font-size:1.19rem}.carousel--framed{--bs-carousel-control-color:#142838;--bs-carousel-control-opacity:1;--bs-carousel-control-icon-width:2rem;--bs-carousel-indicator-active-bg:#85c14d;--bs-carousel-indicator-opacity:.35;--bs-carousel-indicator-width:.6rem;--bs-carousel-indicator-height:.6rem;--bs-carousel-indicator-spacer:.4rem;--bs-carousel-indicator-border-radius:50%}.carousel--framed .carousel-indicators [data-bs-target]{opacity:.35;background-color:#85c14d;border-radius:50%;width:.6rem;height:.6rem}.carousel--framed .carousel-indicators .active{opacity:1}.carousel-item img{object-fit:cover;object-position:center}.carousel--framed .carousel-inner{border-radius:1rem;width:90%;margin:0 auto;overflow:hidden}.carousel--framed .carousel-item img{object-fit:cover;object-position:center}.carousel--framed .carousel-control-prev,.carousel--framed .carousel-control-next{opacity:1;width:auto}.carousel--framed .carousel-control-prev{left:-1.25rem}.carousel--framed .carousel-control-next{right:-1.25rem}.carousel--framed .carousel-indicators{width:90%;margin-left:5%;margin-right:5%;bottom:3.75rem}.carousel-indicators [data-bs-target]{margin-left:6px;margin-right:6px}.chip-action{color:#3b3b3b;background:#fff;border-radius:30px;align-items:center;gap:.75rem;padding:1.5rem 2rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 12px 24px #0000001a,0 2px 6px #0000000f}.chip-action:hover,.chip-action:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 14px 28px #0000001f,0 4px 10px #00000014}.chip-label{color:#404040;font-family:Berkshire Swash;font-size:1.65rem;font-weight:100}.chip-icon{color:#fff;background:#87e312;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.chip-plus{display:block}@media (prefers-color-scheme:dark){.chip-action{color:#2a2a2a;background:#fff}}@media (min-width:992px){.carousel--framed .carousel-control-prev{left:-1.75rem}.carousel--framed .carousel-control-next{right:-1.75rem}}.mdi-chevron-left,.mdi-chevron-right{color:#dcdcdc}#tecnologiaInnovacion{background:0 0;padding-bottom:4rem;position:relative;overflow:hidden}#tecnologiaInnovacion:before{content:"";clip-path:ellipse(90% 65% at 57% 66%);filter:blur(2px);background-image:url(/images/arboles-fondo.jpg);background-position:0;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@media (max-width:992px){#tecnologiaInnovacion:before{clip-path:ellipse(120% 65% at 57% 66%)}#tecnologiaInnovacion .title{font-size:3rem}}#tecnologiaInnovacion .title{color:#9ce01c;font-family:Berkshire Swash;font-size:2.3rem}#tecnologiaInnovacion .description{color:#fff;font-family:Roboto;font-size:1.14rem}#tecnologiaInnovacion .text{width:50%;margin-left:33%}#tecnologiaInnovacion .apple{z-index:1;border-radius:30px;width:80%;position:relative}.hero-media{z-index:1;justify-content:center;width:80%;margin:24px auto 0;display:flex;position:relative}.hero-media:before{content:"";z-index:0;opacity:.7;background-color:#000;border-radius:36px;width:92%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #00000059}.media-overlay{z-index:2;color:#fff;pointer-events:none;align-items:center;display:flex;position:absolute;bottom:0;left:0}.media-overlay .ov-logo{width:65%;height:auto}@media (max-width:992px){.hero-media{width:90%}.media-overlay .ov-logo{width:40%;height:auto}}#productos{z-index:3;background-color:#fff;padding:4rem 0}#productos .title{white-space:nowrap;font-family:Berkshire Swash;font-size:clamp(2rem,2.5vw + 1rem,4rem);line-height:1.05;display:inline-block}#productos .leaf{width:clamp(56px,8vw,96px);height:auto;position:relative;top:.15em}#productos .leaf-left{margin-right:-6px}#productos .leaf-right{margin-left:-6px}#productos .leaf-left{transform:scaleX(-1)}#productos .product-grid{padding-bottom:0!important}#productos .wave-join{width:100%;margin-top:-1.2vw;display:block}@media (max-width:992px){#productos .wave-join{margin-top:-2.2vw}}@media (max-width:576px){#productos .wave-join{margin-top:-3.6vw}}#productos section.container,#productos .product-grid{margin-bottom:0!important;padding-bottom:0!important}.product-card .product-figure{justify-content:center;align-items:flex-end;height:clamp(150px,20vw,210px);display:flex;position:relative}.product-card .scribble{z-index:1;position:absolute;inset:0}.product-card .scribble:before,.product-card .scribble:after{content:"";border-radius:45% 55% 60% 40%/55% 45% 40% 60%;width:88%;height:82%;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)rotate(-2deg)}.product-card .scribble:before{z-index:1;background:#eee}.product-card .scribble:after{z-index:0;border:3px solid #0f3857;width:96%;height:90%}.product-card .fruit{z-index:10;filter:drop-shadow(0 10px 10px #0000001f);width:clamp(120px,15vw,180px);height:auto;position:relative;transform:translateY(10px)}.product-card .card-panel{z-index:3;background:#fff;border-radius:20px;align-items:center;gap:12px;padding:18px 64px 18px 28px;display:flex;position:relative;box-shadow:0 12px 24px #0000001a}.product-card .card-panel.accent{color:#103;background:#95e022}.product-card .label{color:#333;font-family:Berkshire Swash;font-size:clamp(1.25rem,1vw + .9rem,1.75rem);line-height:1}.product-card .card-panel.accent .label{color:#213}.product-card .plus-btn{color:#fff;background:#a7eb2d;border-radius:999px;place-items:center;width:42px;height:42px;text-decoration:none;display:inline-grid;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:0 6px 14px #00000029}.product-card .plus-btn .mdi{font-size:22px;line-height:1}.product-card .leaf-deco{z-index:11;pointer-events:none;width:clamp(70px,9vw,110px);position:absolute;bottom:-46px;left:-38px;transform:rotate(11deg)}@media (max-width:576px){.product-card .card-panel{padding:16px 56px 16px 20px}.product-card .plus-btn{width:38px;height:38px;right:10px}}.py-4rem{padding:4rem 0}#productosOnda{z-index:3;margin-top:-2px}#servicios{background-image:url("/images/ciruelos 2.jpeg");background-position:0;background-repeat:no-repeat;background-size:cover;margin-top:-12rem;position:relative}@media (max-width:576px){#servicios{background-position:10%}}#servicios:before{content:"";pointer-events:none;position:absolute;inset:0}#servicios .services-section{z-index:1;align-items:center;padding:4rem 0;display:flex;position:relative}#servicios .services-panel{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 0 0,#ffffff2e,#000000c7);border-radius:32px;max-width:1100px;margin:0 auto;padding:3rem 3.5rem 3.5rem;box-shadow:0 30px 80px #000000a6}#servicios .services-title{font-family:Berkshire Swash;font-size:clamp(2.4rem,3vw + 1rem,3.6rem);line-height:1.1}#servicios .services-list{flex-direction:column;gap:1.75rem;display:flex}#servicios .services-item{align-items:flex-start;gap:1rem;display:flex}#servicios .services-icon.active{background-color:#9ce019;border:0}#servicios .services-icon{background-color:#0000;border:2px solid #fff;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 18px #00000073}#servicios .services-icon .mdi{color:#fff;font-size:1.4rem}#servicios .services-text{font-family:Berkshire Swash;font-size:1.7rem;line-height:1.4}#servicios .services-apple{width:min(70vw,320px);max-width:320px}#servicios .services-apple-base{background:#fff;border-radius:50% 50% 46% 54%/62% 52% 48% 40%;padding:1.75rem;position:relative;overflow:visible;box-shadow:0 20px 40px #0006}#servicios .services-apple-base:before,#servicios .services-apple-base:after{content:"";border-radius:inherit;z-index:0;border:2px solid #0f3857;position:absolute;inset:6%}#servicios .services-apple-base:before{border-color:#0f3857;inset:3%;transform:rotate(-4deg)}#servicios .services-apple-base:after{opacity:.9;border-color:#0f3857;inset:10%;transform:rotate(6deg)}#servicios .services-apple-img{z-index:1;width:100%;height:auto;display:block;position:relative}@media (max-width:992px){#servicios .services-panel{padding:2.25rem 1.75rem 2.75rem}#servicios .services-title{font-size:clamp(2rem,2.4vw + 1rem,3rem)}}@media (max-width:576px){#servicios .services-section{padding:3rem 0}#servicios .services-panel{border-radius:24px}#servicios .services-text{font-size:.98rem}}#experiencia{background-color:#fff}#experiencia .experience-heading{color:#214f70;font-family:Berkshire Swash;font-size:clamp(2.1rem,2.4vw + 1rem,3.1rem);line-height:1.15}#experiencia .experience-text{color:#4c5357;font-family:Roboto;font-size:1.15rem}#experiencia .experience-logos{justify-content:flex-end;align-items:center;gap:2.5rem;display:flex}#experiencia .experience-logo-item{flex:none}#experiencia .experience-logo-img{width:100%;max-width:140px;height:auto;display:block}@media (max-width:992px){#experiencia .experience-logos{justify-content:center}#experiencia .experience-section{text-align:center}}#contacto{background-color:#fff}#contacto .contact-section{padding-top:2rem;padding-bottom:2rem}#contacto .contact-details{color:#818487;font-family:Roboto;font-size:.98rem;line-height:1.4}#contacto .contact-name{color:#4b5054;font-family:Berkshire Swash;font-size:1.4rem}#contacto .contact-nav{color:#818487;font-family:Roboto;font-size:.98rem;display:inline-block}#contacto .contact-nav a{color:inherit;margin-bottom:.25rem;text-decoration:none;display:block}#contacto .contact-nav a:hover{text-decoration:underline}#contacto .contact-logo-img{width:100%;max-width:115px;height:auto;margin-top:-20px;display:inline-block}#contacto .red-social-logo{max-width:35px;height:auto;margin:0 5px;display:block}footer{background-color:#404040;font-family:Berkshire Swash}footer p{font-size:1rem}@media (max-width:768px){#contacto .contact-section{text-align:center}#contacto .contact-details,#contacto .contact-nav{margin-bottom:1rem}}.mt-11rem{margin-top:11rem}.font-roboto{font-family:Roboto,system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif}.font-roboto-condensed{font-family:Roboto Condensed,Roboto,system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif}.font-berkshire{font-family:Berkshire Swash,cursive}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:500}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-THIN.TTF)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-THINITALIC.TTF)format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-LIGHT.TTF)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-LIGHTITALIC.TTF)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-REGULAR.TTF)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-ITALIC.TTF)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-MEDIUM.TTF)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-MEDIUMITALIC.TTF)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-BOLD.TTF)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-BOLDITALIC.TTF)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-BLACK.TTF)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/ROBOTO-BLACKITALIC.TTF)format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/ROBOTOCONDENSED-LIGHT.TTF)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/ROBOTOCONDENSED-LIGHTITALIC.TTF)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/ROBOTOCONDENSED-REGULAR.TTF)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/ROBOTOCONDENSED-ITALIC.TTF)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/ROBOTOCONDENSED-BOLD.TTF)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/ROBOTOCONDENSED-BOLDITALIC.TTF)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Berkshire Swash;src:url(/fonts/BerkshireSwash-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}