@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");body *{font-family:"Montserrat",serif;max-height:999999px;position:relative;font-optical-sizing:auto}body,html{margin:0;padding:0;font-size:100%}@media only screen and (max-width: 1441px){body,html{font-size:90%}}@media only screen and (max-width: 1281px){body,html{font-size:80%}}a{text-decoration:none;outline:0;border:none}a img{border:none;outline:none}a i,button i{color:inherit;margin-right:0.5rem}form{margin:0;padding:0}input{font-size:1rem}img{max-width:100%}html{background-color:#333;margin:0}body{width:120rem;max-width:100%;margin:0 auto;min-height:100vh;background:#fff;box-sizing:border-box}.cuerpo{width:85%;box-sizing:border-box;padding:0 1rem;max-width:100%;margin:0 auto}header{width:120rem;max-width:100%;position:fixed;top:0;z-index:1000;transition:background 0.5s ease-in-out}header.activo{background:rgba(0,0,0,0.8)}header .logo{background:url(../img/logo_01.svg) no-repeat 0 center/100% auto;width:15.5rem;height:6rem}@media only screen and (max-width: 1281px){header .logo{width:12.5rem;background-size:100% auto}}header.azul{background:#00347F}header.azul .logo{background:url(../img/logo_02.svg) no-repeat 0 center/100% auto}header .cuerpo{position:relative;display:flex;height:6rem;align-items:center}header #header1{flex:1;position:relative;height:100%}header #nav{height:6rem;display:flex;align-items:center;justify-content:space-between}header #nav .iz{display:flex;align-items:center;width:73%}header #nav .iz a{color:#fff;height:6rem;font-size:16px}header #nav .iz a{flex-grow:1;display:flex;align-items:center;justify-content:center}header #nav .de .redes{display:flex;gap:0.5rem}header #nav .de .redes a{width:1rem;height:1rem;border-radius:50%;background:#DE383A;padding:0.5rem}header #hamburguesa{background:url(../img/hambusguesa.svg) no-repeat right center/100% auto;width:30px;height:6rem;display:none;position:absolute;right:0}@media (max-width: 1260px){header #nav{display:none;position:absolute;right:-2rem;height:auto;background:rgba(0,0,0,0.8);padding:6rem 2rem 1.5rem 2rem}header #nav .iz{display:block;height:auto;width:auto;padding-bottom:1rem}header #nav .iz a{height:auto;padding:0.3rem 0}header #nav.activo{display:block}header #hamburguesa{display:block}}footer .cuerpo{border-top:1px solid #999;padding:2rem 0;display:flex;justify-content:space-between;align-items:center}footer .cuerpo .iz a{font-weight:bold;color:#666}footer .cuerpo .de .redes{display:flex;gap:0.5rem}footer .cuerpo .de .redes a{width:1rem;height:1rem;border-radius:50%;background:#00347F;padding:0.5rem}@media only screen and (max-width: 500px){footer .cuerpo{display:block;text-align:center}footer .cuerpo .iz{margin-bottom:1rem}footer .cuerpo .de .redes{justify-content:center}}#whatsapp{position:fixed;bottom:0.5rem;right:0.5rem;width:4rem;height:4rem;background:url(../img/WhatsApp.svg) no-repeat center/100% auto;cursor:pointer}#shopping_cart{position:fixed;bottom:0.5rem;left:0.5rem;width:3rem;height:3rem;border-radius:50%;background:#DE383A url(../img/cart.svg) no-repeat center center/60% auto;cursor:pointer}#b_z{display:flex}#b_z .b1{width:73.23%}#b_z .b1>div{height:100%;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}#b_z .b1>div div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding-top:27%;padding-left:11.3%}@media (max-width: 512px){#b_z .b1>div{background-size:auto 100%;background-size:100% auto;background-position:right 0}#b_z .b1>div div{padding-top:10rem}}#b_z .b1 h1{margin-top:0;color:#fff;font-size:4.125rem;letter-spacing:.2rem}#b_z .b2{flex:1;background:#3DB1C0;padding:10% 3.75rem 0  3.75rem}#b_z .b2 .certificado{width:52%}#b_z .b2 h2{color:#fff;font-size:2.2rem;font-weight:300;margin-top:2.3rem}#b_z .b2 h2 i{color:inherit;font-weight:500}@media (max-width: 960px){#b_z .b2{padding:2rem;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}#b_z .b2 .certificado{width:25%}#b_z .b2 h2{margin:0;width:50%}}@media (max-width: 640px){#b_z .b2{padding:1rem 2rem}#b_z .b2 h2{font-size:1.5rem}}@media (max-width: 412px){#b_z .b2 h2{font-size:1rem}}#b_z .b3{flex:1;background:#3DB1C0;display:flex;align-items:center}#b_z .b3 div{padding:3rem 3.75rem 0  3.75rem;color:#fff}#b_z .b3 div h1{font-size:3rem;margin-bottom:0}#b_z .b3 div p{margin-top:0.5rem;font-size:2.5rem}@media (max-width: 960px){#b_z{display:block}#b_z .b1{width:100%;height:40rem;min-height:0}}@media (max-width: 720px){#b_z .b1{height:35rem}#b_z .b1 h1{font-size:3rem}}@media (max-width: 512px){#b_z .b1{height:25rem}#b_z .b1 h1{font-size:2rem}}h2.h2_b{color:#00347F;font-size:3.125rem;margin-top:0rem;margin-bottom:1.8rem;font-weight:800;letter-spacing:0.1rem;text-align:center}h2.h2_b::before{content:"";width:6.5rem;height:0.8rem;background:#3DB1C0;display:block;margin:2.3rem auto 0.5rem auto}@media (max-width: 512px){h2.h2_b{font-size:2rem}}#tresp{background:url(../img/punto.gif);margin-top:3rem;padding:5rem 0 0 0}#tresp .cuerpo{display:flex;flex-wrap:wrap;justify-content:space-between}#tresp article{width:20%;margin-bottom:5rem}#tresp article .paso{display:inline-block;background:#3DB1C0;color:#fff;border-top-right-radius:4rem;font-weight:900;font-size:2.25rem;padding:0.2rem 4.4rem 0.2rem 1rem}#tresp article .item{padding:2rem 1rem;background:#fff;box-shadow:10px 10px 8px rgba(0,0,0,0.7);border-radius:0 2rem 2rem 0;border:1px solid #eee}#tresp article .item .img{text-align:center;height:8rem}#tresp article .item .img img{width:8rem;height:auto}#tresp article .item .img.p3 img{width:7rem}@media (max-width: 512px){#tresp article .item .img{height:6rem}#tresp article .item .img img{width:6rem}#tresp article .item .img.p3 img{width:5rem}}#tresp article .item h3{color:#00347F;text-align:center;font-size:1.4rem;height:3rem}@media (max-width: 512px){#tresp article .item h3{font-size:1rem}}@media (max-width: 970px){#tresp article{width:45%}}#sabores .tit{margin:1rem auto;width:80rem;max-width:90%;text-align:center}#sabores .tit p{font-size:1.3rem}#sabores #cats{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));grid-gap:1.5rem}#sabores #cats article h3{margin:0 0 1rem 0;background:var(--color);color:#fff;height:4rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border-radius:2rem}#sabores #cats article .item{border:1px solid var(--color);border-radius:2rem 2rem 2rem 0;padding:2rem}#sabores #cats article .item img{width:100%}#sabores #cats article .item .info1{margin-top:2.5rem;margin-bottom:0;font-size:1.25rem;color:#00347F;font-weight:800}#sabores #cats article .item .info2{color:#666}#sabores #cats article .item .contiene{display:flex;justify-content:center;margin-top:1rem}#sabores #cats article .item .contiene img{width:25%;margin:0 0.2rem}.cao{display:flex;justify-content:center;padding-top:2rem;margin-bottom:-1rem}.cao a,.cao button{background:#3DB1C0;height:4rem;border-radius:2rem;width:24rem;display:flex;align-items:center;justify-content:center;border:none;outline:none}.cao a label,.cao button label{color:#fff;font-size:1.7rem;font-weight:600;padding:0;margin:0;cursor:pointer}.cao a label::after,.cao button label::after{content:"\25B6";margin-left:1rem;color:#DE383A}#viviana{margin-top:4rem;background:#3DB1C0 url(../img/lineas.svg) no-repeat 0 0/auto 100%}#viviana .cuerpo{padding:2rem 0}#viviana .cuerpo .contp{display:flex;justify-content:space-between}#viviana .cuerpo .contp>div{width:48%}#viviana .cuerpo .contp .cont1{display:flex}#viviana .cuerpo .contp .cont1 .cont1_1{width:82.7%;position:relative;z-index:2}#viviana .cuerpo .contp .cont1 .cont1_1 img{width:100%;box-shadow:5px 5px 8px rgba(0,0,0,0.5);border-radius:0 0 0 2rem}#viviana .cuerpo .contp .cont1 .cont1_2{flex:1;position:relative;overflow:hidden;z-index:1}#viviana .cuerpo .contp .cont1 .cont1_2::after{content:"";position:absolute;background:#00347F;border-radius:50%;width:400%;height:0;padding-top:400%;right:0;top:50%;transform:translateY(-50%)}#viviana .cuerpo .contp .cont2{display:flex;align-items:center}#viviana .cuerpo .contp .cont2 div{text-align:right;color:#fff}#viviana .cuerpo .contp .cont2 div h2{font-size:2.125rem;margin:0}#viviana .cuerpo .contp .cont2 div p{font-size:1.125rem}#visitanos{background:url(../img/punto.gif);margin-top:3rem;padding-top:4.5rem;padding-bottom:8rem}#visitanos .cuerpo{gap:3rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(min(100%, 20rem)), auto))}#visitanos .cuerpo article{position:relative}#visitanos .cuerpo article .cont{background-size:auto 100%;height:0;padding-top:100%;display:flex;align-items:flex-end}#visitanos .cuerpo article .cont .info{min-height:30%;background:rgba(61,177,192,0.5);padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}#visitanos .cuerpo article .cont .info h3{color:#fff;font-size:1.8rem;margin:0}#visitanos .cuerpo article .cont .info p{margin:0;color:#fff}#visitanos .cuerpo article .cont .info p span{display:block;font-size:0.8rem}#visitanos .cao a{width:100%}#ysf{background-color:#FEFDFB;padding:2rem 0}#ysf h2.h2_b{margin:0}#ysf h2.h2_b div{display:flex;gap:2rem;justify-content:center;align-items:center}#ysf h2.h2_b div span{color:#00347F}#ysf h2.h2_b div img{height:6rem;width:auto}#ysf p{margin:0 auto;padding-top:2rem;width:70rem;max-width:90%;text-align:center;font-size:1.25rem;color:#666}#ysf .cao{padding-top:2rem}#pie{background:#6DC4CE}#pie .cuerpo{display:flex;justify-content:space-between}#pie .iz{display:flex;flex-direction:column;justify-content:space-between;padding:2rem 0}#pie .iz p{color:#fff}#pie .iz a b{color:#fff}#pie .tit{border-left:1.5rem solid #00347F;padding:1.5rem 0 1.5rem 1rem}#pie .tit h2{color:#00347F;font-size:2.5rem;margin:0.5rem 0}#pie .tit h3{color:#fff;font-size:3.5rem;margin:0.5rem 0}#int_text{padding:2rem 0}.container{padding-top:8rem;padding-bottom:2rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.container a{color:#00347F;font-size:1.25rem}.container>div{width:40rem;max-width:calc(100% - 2rem)}.container .card-hc{display:flex;justify-content:center;margin-bottom:2rem}.container .invalid-feedback{color:brown}.container .card-header{display:inline-block;background:#00347F;color:#fff;font-size:1.7rem;font-weight:600;height:4rem;border-radius:2rem;width:24rem;display:flex;align-items:center;justify-content:center}.container label{display:block;padding-left:1rem;margin:1rem 0 0.5rem 0;font-size:1rem}.container input{width:100%;margin-bottom:1rem;padding:1rem;border-radius:2rem;box-sizing:border-box;border:1px solid #999;outline:none}#internas{padding-top:7rem;padding-bottom:2rem;width:85%;box-sizing:border-box;max-width:100%;margin:0 auto}#internas #migas{padding:1rem 0 2rem 0}#internas #migas b{color:#00347F}#internas #migas span{padding:0 1rem 0 0.5rem}#internas #pasos{display:flex}#internas #pasos .step{width:25%;background-color:#666;padding:0.75rem 1rem;display:flex;justify-content:center;border-radius:999px;border:3px solid white;font-weight:700;color:white}#internas #pasos .step:not(:first-child){margin-left:-2rem;padding:0.75rem 0.5rem 0.75rem 1.5rem}#internas #pasos .step:nth-child(4){z-index:1}#internas #pasos .step:nth-child(3){z-index:2}#internas #pasos .step:nth-child(2){z-index:3}#internas #pasos .step:nth-child(1){z-index:4}#internas #pasos .step.active{background-color:#00347F}#internas #error{min-height:calc(100vh - 20rem);display:flex;justify-content:center;align-items:center;padding:2rem}#internas #error h3{background:#eee;padding:2rem;border-radius:1rem}#internas #sub_cat{padding:2rem 0 1rem 0;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}#internas #sub_cat .subcat{border:1px solid #333;border-radius:999px;padding:0.5rem 1rem;color:#333;text-align:center;min-width:10rem}#internas #sub_cat .subcat:hover,#internas #sub_cat .subcat.activo{background:#00347F;border-color:#00347F;color:#fff}#internas #envases{padding:3rem 1rem 0 1rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));grid-gap:2rem}#internas #envases a .precio{display:inline-block;background:#3DB1C0;color:#fff;border-top-right-radius:4rem;font-weight:600;font-size:1.5rem;padding:0.2rem 2rem 0.2rem 1rem}#internas #envases a .item{padding:2rem 1rem 2.5rem 1rem;background:#fff;box-shadow:10px 10px 8px rgba(0,0,0,0.7);border-radius:0 2rem 2rem 0;border:1px solid #eee;position:relative}#internas #envases a .item:hover,#internas #envases a .item.activo{box-shadow:10px 10px 8px rgba(243,131,45,0.7)}#internas #envases a .item h3{background:#00347F;position:absolute;left:-0.5rem;bottom:-2rem;width:calc(100% + 1rem);min-height:2.6rem;border-radius:1.3rem;display:flex;justify-content:center;align-items:center}#internas #envases a .item h3 span{color:#fff;font-size:1.25rem}#internas #envases a h4{margin-top:2rem;text-align:center;color:#666;font-size:1.25rem;font-weight:normal}#internas #filtro{border:1px solid #333;border-radius:999px;padding:0.5rem 1rem;color:#333;box-sizing:border-box;width:25rem;max-width:100%}#internas #sabores_o{display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(min(100%, 14rem)), auto));grid-gap:1.5rem;margin-top:2rem}#internas #sabores_o .item{border:1px solid #999;border-radius:2rem 2rem 2rem 0;padding:2rem}#internas #sabores_o .item.s_activo{border:1px solid #00347F;cursor:pointer;position:relative}#internas #sabores_o .item.s_activo::after{content:'';position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:url(../img/c1.svg) no-repeat 0 0/100% auto}#internas #sabores_o .item.s_inactivo{opacity:0.5}#internas #sabores_o .item.seleccionado::after{background:url(../img/c2.svg) no-repeat 0 0/100% auto}#internas #sabores_o .item img{width:100%}#internas #sabores_o .item .info1{margin-top:2.5rem;margin-bottom:0;font-size:1.25rem;color:#00347F;font-weight:800}#internas #sabores_o .item .info2{color:#666}#internas #sabores_o .item .contiene{display:flex;justify-content:center;margin-top:1rem}#internas #sabores_o .item .contiene img{width:25%;margin:0 0.2rem}#internas #sabores_o .item.ocultar{display:none}#internas #sabores_o .item.ocultar_cat{display:none}#internas #extras{padding:3rem 1rem 0 1rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(min(100%, 14rem)), auto));grid-gap:1.5rem;margin-top:2rem}#internas #extras article .precio{display:inline-block;background:#3DB1C0;color:#fff;border-top-right-radius:4rem;font-weight:600;font-size:1.5rem;padding:0.2rem 2rem 0.2rem 1rem}#internas #extras article.ocultar_cat{display:none}#internas #extras article .item{padding:2rem 1rem 1.5rem 1rem;background:#fff;border-radius:0 2rem 2rem 0;border:1px solid #00347F;position:relative}#internas #extras article .item h2{color:#00347F;font-size:1.5rem;text-align:center}#internas #extras article .item .quantity-selector{display:flex;align-items:center;border-radius:50px;border:1px solid #999;overflow:hidden;font-family:sans-serif}#internas #extras article .item .quantity-minus,#internas #extras article .item .quantity-plus{cursor:pointer;padding:0rem 1rem;background-color:#3DB1C0;user-select:none;color:#fff;font-size:2rem}#internas #extras article .item .quantity-minus:hover,#internas #extras article .item .quantity-plus:hover{background-color:#e0e0e0}#internas #extras article .item .quantity-input{flex:1;text-align:center;border:none;font-size:1em;padding:10px 0;width:100%}#internas #extras article .item .quantity-input::-webkit-outer-spin-button,#internas #extras article .item .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#internas #extras article h4{margin-top:2rem;text-align:center;color:#666;font-size:1.25rem;font-weight:normal}#internas #pedir{margin:2rem auto;width:40rem;max-width:90%}#internas #pedir thead{background:#00347F}#internas #pedir th{background:#00347F;color:#fff;padding:0.5rem 1rem;border-radius:1rem 1rem 0 0}#internas #pedir td{padding:0.5rem 1rem;border:1px solid #00347F}#internas #pedir tr td:last-child{border:none}#internas #pedir tr td:last-child div{display:flex;flex-direction:column;height:100%;gap:0.5rem}#internas #pedir tr td:last-child div a{width:2rem;height:2rem;border-radius:50%;background:#3DB1C0;background-size:70% auto;background-position:center;background-repeat:no-repeat}#internas #pedir tr td:last-child div a:first-child{background-image:url(../img/pen-to-square-solid-full.svg)}#internas #pedir tr td:last-child div a:last-child{background-image:url(../img/trash-can-solid-full.svg)}
