h1{text-transform:uppercase;letter-spacing:3px;color:#7c7135;text-shadow:1px 5px 3px #fbd5e5;margin-left:5%;font-size:32px}.contenedor{position:relative}.vara{background-color:#7c7135;width:1px;height:150px;position:absolute;top:-100px;right:50%}.circuloGrande{background-color:#fbd5e5;background-image:url(/logoInicio.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:250px;height:250px;position:relative;left:10%;box-shadow:-1px 1px 1px #000}.spanEslogan{color:#7c7135;text-align:center;font-weight:700;position:absolute;top:50%;left:50%;transform:rotate(-45deg)}.circuloChico{background-color:#fbd5e5;background-image:url(/personal.jpg);background-position:top;background-size:contain;border-radius:50%;width:150px;height:150px;position:absolute;top:-20%;right:20%;box-shadow:1px -1px 1px #000}p{-webkit-hyphens:auto;hyphens:auto;width:80%;margin:30px auto auto}.spanDescuento{font-weight:700}@media only screen and (min-width:700px){h1{margin-left:10%}.circuloGrande{left:20%}.circuloChico{right:35%}}@media only screen and (min-width:1020px){.articlePresentacion{flex-flow:column wrap;width:min(100vw,1024px);height:400px;margin:auto;display:flex}.contenedor{width:min(40vw,410px)}h1{margin-left:5%}.circuloGrande{left:40%}.vara{right:10%}.circuloChico{right:-25%}.spanEslogan{width:400px;top:105%;transform:rotate(0)}.articlePresentacion p{width:35%;margin:auto;line-height:2}}
h2{color:#7c7135;text-transform:uppercase;text-shadow:3px 7px 5px #fbd5e5;letter-spacing:2px;margin-left:30px}.carrusel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:95vw;margin-left:20px;display:flex;overflow-x:auto}.carrusel::-webkit-scrollbar{width:10px;height:10px}.carrusel::-webkit-scrollbar-thumb{background:#7c7135;border-radius:10px}.carrusel::-webkit-scrollbar-track{background:0 0}.carrusel figure{scroll-snap-align:center;transform-origin:50%;border-radius:10px;flex-shrink:0;width:89vw;height:700px;margin-right:10px;transition:transform .5s;position:relative;transform:scale(1)}.carrusel img,.carrusel video{object-fit:cover;border-radius:10px;width:100%;height:650px;padding:0}figcaption{text-align:center}@media only screen and (min-width:1020px){.carrusel{width:initial;overflow-x:initial;scroll-snap-type:initial;scroll-behavior:initial;-webkit-overflow-scrolling:initial;margin-left:initial;grid-template-columns:repeat(3,min(30vw,450px));grid-auto-rows:max(250px,25vw);justify-content:center;gap:40px 15px;margin-bottom:50px;display:grid}.carrusel figure{scroll-snap-align:initial;flex-shrink:initial;width:100%;height:100%;margin-right:initial;border-radius:initial;transform-origin:initial;transform:initial;position:initial;margin:0}.carrusel img,.carrusel video{border-radius:initial;object-fit:cover;width:100%;height:100%;padding:0}}
header{z-index:20;background-color:#fbd5e5;place-content:center space-around;width:100vw;margin:0;padding:10px 0;display:flex;position:sticky;top:0;box-shadow:0 .5px 3px #000}header a{align-self:center;width:10%;padding-left:30px;font-weight:700}header a figure,header a img{width:70px;height:50px;margin:0;padding:0}header nav{align-self:center;width:90%}header nav ul{justify-content:space-evenly;align-items:center;margin:0;padding:0;list-style:none;display:flex}header nav ul li a{color:#7c7135}header nav ul li a:hover{color:#7c713588}.activo{text-decoration:underline}
img{object-fit:cover;width:100%;height:550px}@media only screen and (min-width:700px){.articleSomos{flex-direction:column;justify-content:space-between;align-items:center;width:90%;margin:0 auto;display:flex}img{object-position:center 30%;border-radius:10px;width:60%}}@media only screen and (min-width:1020px){.articleSomos p{width:60%}}
.articleContacto{text-align:center;color:#7c7135;letter-spacing:3px;margin:30px 0}.articleContacto ul{background-color:#fbd5e5;border:1px solid #7c7135;border-radius:10px;flex-direction:column;place-content:center space-evenly;width:70vw;height:200px;margin:auto;padding:0;list-style:none;display:flex}.articleContacto ul li a{color:#000;font-weight:700}@media only screen and (min-width:1020px){.articleContacto ul{width:50vw}}
.articleFormulario h2{text-align:center}.articleFormulario form{flex-direction:column;justify-content:space-around;align-items:center;width:80vw;height:300px;margin:auto auto 20px;display:flex;position:relative}.articleFormulario form label{width:90%;position:absolute}.labelNombre{top:10%}.labelComentario{top:35%}.articleFormulario form label input{background:linear-gradient(#0000 80%,#ffc2c288);border:none;border-bottom:1px solid #ccc;border-radius:5px;outline:none;width:100%;height:30px;margin-bottom:10px;padding-left:10px;position:relative}.spanNombre,.spanComentario{color:#aaa;font-size:16px;position:absolute;top:3px;left:5px;transform:rotate(0)}.labelNombre input:focus+.spanNombre,.labelNombre input:valid+.spanNombre{color:#000;font-size:12px;transform:translateY(-20px)rotate(0)}.articleFormulario form label textarea{resize:none;background:linear-gradient(#0000 90%,#ffc2c288);border:none;border-bottom:1px solid #ccc;border-radius:5px;outline:none;width:100%;height:100px;padding-left:10px}.labelComentario textarea:focus+.spanComentario,.labelComentario textarea:valid+.spanComentario{color:#000;font-size:12px;transform:translateY(-20px)rotate(0)}button{color:#7c7135;cursor:pointer;background-color:#ffc2c2;border:none;border-radius:6px;width:30%;height:40px;font-size:16px;font-weight:700;transition:background-color .3s;position:absolute;top:80%}button:active{background-color:#ffc2c288}@media only screen and (min-width:1020px){.articleFormulario form{width:500px}}
.articleComentarios{background-color:#fee;border:2px solid #7c7135;border-radius:15px;flex-direction:column;gap:15px;width:90vw;height:500px;margin:20px auto 30px;padding:10px 5px;display:flex;overflow-y:scroll}.articleComentarios div{text-align:center;flex-direction:column;padding:0 10px;display:flex}.articleComentarios div h3,.articleComentarios div p{text-align:start;width:100%;margin:0}.articleComentarios div span{position:initial;transform:initial;color:#aaa}.articleComentarios::-webkit-scrollbar{width:10px;height:5px}.articleComentarios::-webkit-scrollbar-thumb{background:#7c7135;border-radius:10px}.articleComentarios::-webkit-scrollbar-track{background:0 0}@media only screen and (min-width:700px){.articleComentarios{width:80vw;height:700px}}@media only screen and (min-width:1000px){.articleComentarios{width:70vw}}
footer{text-align:center;background-color:#e9d97c;width:100%;padding-bottom:10px;position:relative;bottom:0}footer h3,footer h4{margin:0;font-size:14px}footer a{color:#7c7135;font-size:14px;text-decoration:underline}footer a:hover{color:#7c713588}footer button{color:#000;cursor:pointer;position:inherit;background-color:#0000;border:none;height:auto;font-size:14px;text-decoration:underline}footer .terminos ul{list-style:none}