*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fdf7eb}::-webkit-scrollbar-thumb{background:var(--orange-color);border-radius:10px;border:2px solid #fdf7eb}::-webkit-scrollbar-thumb:hover{background:#c13e2e}body{background-color:#fdf7eb;font-family:Montserrat,sans-serif;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5}img{max-width:100%;display:block}ul{list-style:none}a{text-decoration:none;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%}:root{--orange-color: #DC4C39;--cian-color: #56BFC4}.container{width:100%;max-width:1200px;margin:0 auto;padding-inline:20px}.btn-pieza-clave{display:inline-block;padding:12px 30px;background-color:#fff;color:#6e5ea5;border:2px solid #6E5EA5;border-radius:30px;text-transform:uppercase;font-size:1.1rem;font-weight:700;font-style:italic;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #6e5ea526;text-decoration:none;min-width:100%}.btn-pieza-clave:hover{background-color:#6e5ea5;color:#fff;box-shadow:0 6px 15px #6e5ea54d}.btn-pieza-clave:active{transform:scale(.98)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{min-height:120px;border-bottom:1px solid #ccc;background:transparent!important;display:flex;flex-direction:column;justify-content:space-around;transition:all .5s ease;position:relative;overflow:hidden}header.header-full{height:100vh}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;background-color:#333}.video-background video{width:100%;height:100%;object-fit:cover;display:block}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:-1}header .header-content,header .header-description{position:relative;z-index:5}header.header-small{height:50vh!important;max-height:50vh!important;justify-content:flex-start;padding:0;overflow:hidden}header.header-small .header-description{margin:10px auto}header.header-small .header-description h2{font-size:1.3rem}header.header-small .header-description p span{font-size:1.1rem}header .header-content{display:flex;justify-content:space-between;align-items:center;padding:20px;z-index:100}header img{width:120px;transition:transform .3s ease}.menu-toggle{width:30px;height:20px;position:relative;background:transparent;border:none;cursor:pointer;z-index:1001;display:flex;flex-direction:column;justify-content:space-between}.menu-toggle span{display:block;width:100%;height:2px;background-color:#fff;border-radius:2px;transition:all .3s cubic-bezier(.68,-.6,.32,1.6)}.menu-toggle.active span{background-color:var(--orange-color)}.menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0;transform:translate(-20px)}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}nav{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:80px 0 40px;transform:translate(100%);transition:transform .5s cubic-bezier(.77,0,.175,1)}nav.open{transform:translate(0)}.nav-header-mobile{opacity:0;transition:opacity .5s ease .2s}nav.open .nav-header-mobile{opacity:1}.nav-logo-mobile{width:100px!important}nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:30px}nav ul li{opacity:0;transform:translateY(20px);transition:all .4s ease}nav.open ul li{opacity:1;transform:translateY(0)}nav.open ul li:nth-child(1){transition-delay:.3s}nav.open ul li:nth-child(2){transition-delay:.4s}nav.open ul li:nth-child(3){transition-delay:.5s}nav.open ul li:nth-child(4){transition-delay:.6s}nav ul li a{text-decoration:none;color:#333;font-size:1.5rem;font-weight:700;letter-spacing:1px;transition:color .3s ease}nav ul li a:hover{color:var(--orange-color)}.nav-footer-mobile{text-align:center;opacity:0;transition:opacity .5s ease .7s}nav.open .nav-footer-mobile{opacity:1}.nav-footer-mobile p{font-size:.9rem;color:#777;margin-bottom:15px}.nav-social-icons{display:flex;gap:20px;justify-content:center;color:var(--orange-color)}header .header-description{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px auto;width:60%;font-style:italic;text-align:center}header .header-description h2{font-size:1.7rem;color:#fff;margin-bottom:5px}header .header-description h2 span{font-size:1.8rem}header .header-description p span{background-color:var(--orange-color);font-size:1.4rem;color:#fff;padding:0 2px}@media(min-width:768px){.menu-toggle{display:none}header .header-content{padding:40px}header img{width:150px}nav{position:static;transform:none!important;height:auto;width:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;padding:0}.nav-header-mobile,.nav-footer-mobile{display:none}nav ul{flex-direction:row;height:auto;gap:40px}nav ul li{margin:0;opacity:1!important;transform:none!important;transition:none}nav ul li a{color:#fff;font-weight:500;font-size:1rem}header.header-full{justify-content:space-between}header .header-description{align-items:flex-start;margin:0 0 100px 10%;width:auto;max-width:60%;text-align:left}header .header-description h2{font-size:2.8rem}header .header-description h2 span{font-size:3rem}header .header-description p span{font-size:1.8rem}.has-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;transform:translateY(10px);background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:240px;border-radius:12px;box-shadow:0 15px 35px #0000001a;padding:12px 0;display:block;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:1002;list-style:none!important;margin:0!important;border:1px solid rgba(255,255,255,.3)}.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(5px)}.dropdown-menu li{width:100%;padding:0!important;margin:0!important}.dropdown-menu li a{color:#555!important;padding:10px 25px!important;display:block;font-size:.85rem!important;font-weight:500!important;text-transform:uppercase;letter-spacing:1px;text-align:left;transition:all .3s ease;border-radius:0;white-space:nowrap}.dropdown-menu li a:hover{background-color:#6e5ea50d;color:var(--orange-color)!important}}@media(max-width:767px){.dropdown-menu{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center;padding:10px 0 0;list-style:none}.dropdown-menu li a{font-size:1rem!important;color:#666!important;font-weight:500!important}.has-dropdown{display:flex;flex-direction:column;align-items:center}}.home-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;width:100%}.home-content .home-first-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0}.home-content .home-first-section img{width:350px;margin:30px}.home-content .home-first-section-top,.home-content .home-first-section-bottom,.home-content .home-first-section-middle{background-size:cover;background-position:center;width:350px;height:350px;display:flex;justify-content:center;align-items:flex-end;margin-bottom:40px;position:relative;overflow:hidden}.home-content .home-first-section-top p,.home-content .home-first-section-bottom p,.home-content .home-first-section-middle p{font-size:1.4rem;margin-bottom:20px;color:#fff;font-weight:700;font-style:italic}.home-content .home-first-section-top p span,.home-content .home-first-section-bottom p span,.home-content .home-first-section-middle p span{padding:0 2px;background-color:var(--orange-color)}.home-content .home-first-section-middle p span{background-color:#57bec4}.home-content .home-first-section-bottom p span{background-color:#6e5ea5}.ver-mas-btn{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateY(10px);padding:10px 24px;color:#6e5ea5;background-color:#fff;border:1px solid #6E5EA5;border-radius:50px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:10;box-shadow:0 4px 15px #0000001a}.home-first-section-top:after,.home-first-section-middle:after,.home-first-section-bottom:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;opacity:0;transition:opacity .4s ease;z-index:5}.home-first-section-top:hover:after,.home-first-section-middle:hover:after,.home-first-section-bottom:hover:after{opacity:1}.home-first-section-top:hover .ver-mas-btn,.home-first-section-middle:hover .ver-mas-btn,.home-first-section-bottom:hover .ver-mas-btn{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.ver-mas-btn:hover{background-color:#6e5ea5;color:#fff;box-shadow:0 6px 20px #6e5ea566;transform:translate(-50%) translateY(-5px)}.home-content .home-second-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;background-color:#fdf6eb;width:100%}.home-content .home-second-section p{margin:20px;padding:0 15px;max-width:600px;text-align:center}.home-content .home-second-section p span{background-color:var(--orange-color);color:#fff}.home-content .home-second-section button{background-color:#fff}.home-content .home-third-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:1.6rem;font-weight:700;color:var(--orange-color);width:80%;min-height:400px;margin:40px auto;font-style:italic;gap:30px}.home-content .home-third-section p span{background-color:#fdf6eb}@media(min-width:768px){.home-content .home-first-section{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px;padding:80px 20px}.home-content .home-first-section .btn-pieza-clave{display:none}.home-content .home-first-section-top,.home-content .home-first-section-bottom,.home-content .home-first-section-middle{margin:0;width:320px;height:320px}.home-content .home-second-section{flex-direction:row;padding:100px 10%;gap:60px;justify-content:center;align-items:center}.home-content .home-second-section img{width:400px;margin:0}.home-content .home-second-section-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:500px}.home-content .home-second-section-text p{margin:0 0 30px;padding:0;text-align:left;font-size:1.4rem;max-width:100%}.home-content .home-second-section-text .btn-pieza-clave{width:250px;min-width:250px}.home-content .home-third-section{font-size:2.5rem;min-height:500px;width:100%}.home-content .home-third-section .btn-pieza-clave{width:400px;min-width:400px}}.form{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;background-color:gray;text-align:center;padding:30px 0}.form h2{margin-bottom:1rem;font-weight:700;color:#fff;font-style:italic}.form p{margin-bottom:2rem;font-size:1.3rem;background-color:var(--orange-color);color:#fff;padding:0 5px;font-style:italic}.form form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;width:90%;max-width:800px;margin:0 auto}.form form .form__group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:.3rem 0}.form form .form__group label{font-weight:700;color:#fff;font-size:1.3rem}.form form .form__group input{padding:.8rem;border:none;border-radius:10px;background-color:#fff;color:#000;font-size:1.1rem;width:100%}.form form .form__group textarea{padding:.8rem;border:none;border-radius:10px;background-color:#fff;color:#000;font-size:1.1rem;width:100%;height:8rem;resize:none}.form button.btn-pieza-clave{padding:10px 40px;font-size:1rem}@media(min-width:768px){.form form{width:40%}.form button.btn-pieza-clave{align-self:flex-end;width:fit-content;min-width:auto}}footer{display:flex;flex-direction:column;background-color:#f5f5f5;width:100%}.footer-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;padding:2rem}.footer-bottom{width:100%;background-color:var(--orange-color);padding:1.2rem 20px;text-align:center;color:#fff;font-size:.9rem;font-weight:500}.footer-bottom a{color:#fff;text-decoration:none;font-weight:700;display:inline-block}footer img{width:100px}footer .contact{margin-left:1rem}footer .contact h2{font-size:1.6rem;margin-bottom:1rem;color:var(--orange-color);font-weight:400;font-style:italic}footer .contact .contact-social{margin-bottom:1.5rem}footer .contact .contact-social .icon-link{display:flex;align-items:center;text-decoration:none;color:inherit}footer .contact .contact-social .icon-wrapper{background-color:var(--orange-color);margin-right:1rem;border-radius:100%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff}footer .contact .contact-social svg{display:block}@media(min-width:768px){.footer-main{flex-direction:row;justify-content:space-between;align-items:center;padding:4rem 10%;gap:0}.footer-text{max-width:300px;text-align:left}footer .footer-text p{padding:1rem 0}footer img{width:150px}footer .contact{margin-left:0}}.project-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;width:100%}.project-first-section{background-color:#6e5ea5;text-align:center;padding:20px;margin-bottom:20px}.project-first-section p{font-size:1.4rem;margin-bottom:20px;color:#fff;font-style:italic}.project-first-section h1{color:#fff;font-style:italic;margin-right:10px}.project-first-section p span{font-style:italic}.project-first-secion p b{font-weight:800}.project-content .btn-pieza-clave.small{width:80%;min-width:80%;margin:20px auto;display:flex;justify-content:center;align-items:center}.project-content .project-second-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;background-color:#fdf6eb}.project-content .project-second-section img{width:350px;margin:30px}.project-content .project-second-section p{margin:10px 20px;padding:0 15px}.project-content .project-second-section p span{background-color:var(--orange-color);color:#fff}.project-content .project-third-section{display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.6rem;font-weight:700;margin:20px auto;color:var(--orange-color);width:80%;height:200px;font-style:italic}.project-content .project-third-section p span{background-color:#fdf6eb}.project-content .project-fourth-section{background-color:var(--cian-color);text-align:center;font-weight:400;color:#fff;padding:20px}.project-content .project-fourth-section p{margin:10px 20px;padding:0 15px;font-size:1.2rem}.project-content .project-fourth-section p.bold{font-weight:800}.project-content .project-fourth-section p span{font-style:italic}@media(min-width:768px){.project-content{display:flex;flex-direction:column}.project-first-section{margin-top:100px;padding:0;order:1;transform:skewY(-2deg);height:50px;display:flex;align-items:center;justify-content:center}.project-first-section p{white-space:nowrap;font-size:1.8rem;margin:0}.project-content .btn-pieza-clave.small:first-of-type{display:none;order:2}.desktop-hide{display:none}.project-content .project-second-section{flex-direction:row;padding:80px 10%;gap:60px;align-items:center;order:3;background-color:#fff}.project-content .project-second-section img{width:400px;margin:0}.project-content .project-second-section p{text-align:left;font-size:1.4rem;max-width:500px}.project-content .project-fourth-section{width:100%;padding:30px 20px;order:4}.project-content .project-fourth-section p{max-width:800px;margin:10px auto;font-size:1.5rem}.project-content .project-third-section{width:100%;height:200px;font-size:2.2rem;order:5}.project-content .btn-pieza-clave.small:last-of-type{order:6;width:400px;min-width:400px}}.tools-content{background-color:#fff;display:flex;justify-content:center;flex-direction:column}.tools-content .tool{margin:40px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.tool-image-container{position:relative;width:100%;overflow:hidden;display:block;border-radius:10px}.tool-image-container img{width:100%;display:block;transition:transform .4s ease}.tool-image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;opacity:0;transition:opacity .4s ease;z-index:5}.tool-image-container:hover:after{opacity:1}.tool-image-container:hover img{transform:scale(1.05)}.tool-image-container .ver-mas-btn{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateY(10px);padding:10px 24px;color:#6e5ea5;background-color:#fff;border:1px solid #6E5EA5;border-radius:50px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:10;box-shadow:0 4px 15px #0000001a}.tool-image-container:hover .ver-mas-btn{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tool-image-container .ver-mas-btn:hover{background-color:#6e5ea5;color:#fff;box-shadow:0 6px 20px #6e5ea566;transform:translate(-50%) translateY(-5px)}.tool h3{font-size:.8rem;margin:10px 0}.tool p{font-size:1.2rem;margin-bottom:10px}.add-cart{padding:8px 16px;background-color:var(--orange-color);color:#fff;border-radius:20px;border:none;font-size:.9rem;font-weight:700;font-style:italic;cursor:pointer;text-transform:uppercase;align-self:flex-start;transition:opacity .3s ease}.add-cart:hover{background-color:#ff9d00}.quantity-selector{display:flex;align-items:center;gap:15px;margin-bottom:15px;background:#f8f8f8;padding:5px 15px;border-radius:20px;border:1px solid #eee}.qty-btn{background:none;border:none;font-size:1.2rem;font-weight:500;cursor:pointer;color:#6e5ea5;padding:0 5px;transition:color .2s ease}.qty-btn:hover{color:var(--orange-color)}.qty-value{font-weight:700;min-width:20px;text-align:center;font-size:1rem}.tools-content .info{text-align:center;font-size:1.6rem;font-weight:700;margin:20px auto;color:var(--orange-color);width:80%;height:200px;font-style:italic}.tools-content .info span{background-color:#fdf6eb}@media(min-width:768px){.tools-content{flex-direction:row;flex-wrap:wrap;width:100%;gap:20px;padding:60px 10%}.tools-content .tool{width:300px;margin:20px;align-items:center;text-align:center}.tools-content .tool img{width:100%;border-radius:10px}.tool h3{font-size:1.1rem}.add-cart{align-self:center}.tools-content .info span{display:block;width:fit-content;margin:10px auto 0;background-color:#fdf6eb}.tools-content .info{width:100%;margin-top:60px;font-size:2.22rem}}.contact-page{background-color:#fdf7eb;min-height:100vh}.contact-hero{background-color:#6e5ea5;color:#fff;padding:100px 0 60px;text-align:center}.contact-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:20px}.contact-hero p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.contact-content{padding:80px 0}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.contact-info h2{font-size:2.5rem;color:#333;margin-bottom:20px;letter-spacing:-1px}.contact-info h2 span{color:#6e5ea5;font-style:italic}.contact-info>p{color:#666;font-size:1.1rem;margin-bottom:40px}.info-items{display:flex;flex-direction:column;gap:30px}.info-item{display:flex;gap:20px;align-items:center}.icon-wrapper{background-color:#56bfc4;color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #56bfc440}.info-item h3{font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.info-item p{font-size:1.2rem;font-weight:700;color:#333;margin:0}.info-item a{text-decoration:none;color:inherit;display:inline-block;transition:transform .2s ease}.info-item a:hover{transform:translate(5px)}.contact-form-wrapper{background-color:#fff;padding:50px;border-radius:30px;box-shadow:0 15px 40px #0000000d;border:1px solid #f0f0f0}.premium-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-weight:700;color:#333;font-size:.9rem}.form-group input,.form-group textarea{padding:15px;border:1px solid #ddd;border-radius:15px;background-color:#fcfcfc;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#56bfc4;background-color:#fff;outline:none;box-shadow:0 0 0 4px #56bfc41a}@media(max-width:992px){.contact-grid{grid-template-columns:1fr;gap:60px}.contact-hero h1{font-size:2.8rem}.contact-hero p{padding:0 20px}}@media(max-width:600px){.contact-form-wrapper{padding:30px 20px}.contact-hero{padding:80px 0 40px}}.product-detail-page{padding-top:80px;background-color:#fff}.product-section-main{padding:20px;display:flex;flex-direction:column;align-items:center}.main-image-container{width:100%;margin-bottom:15px;border-radius:10px;overflow:hidden;background-color:#f9f9f9}.main-image{width:100%;height:auto;object-fit:cover;display:block}.thumbnail-grid{display:flex;justify-content:center;gap:10px;width:100%;margin-bottom:30px}.thumbnail-item{width:calc(33.33% - 8px);aspect-ratio:1/1;cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;background-color:#f0f0f0;transition:border-color .3s ease}.thumbnail-item.active{border-color:var(--orange-color, #DC4C39)}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.product-info-selection{text-align:left;width:100%;padding:0 10px}.product-title{font-size:1.8rem;font-weight:800;margin-bottom:10px;color:#57bec4}.product-price{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:25px}.product-divider{border:0;border-top:1px solid #E0E0E0;margin:20px}.product-section-description{padding:20px;text-align:center}.description-text{font-size:1.1rem;line-height:1.6;color:#555;font-style:italic}.product-section-values{background-color:#57bec4;padding:40px 20px;margin:40px 0}.value-item{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px}.value-item:last-child{margin-bottom:0}.value-image-placeholder{width:250px;height:250px;background-color:#fff;border-radius:15px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}.value-image-placeholder img{width:100%;height:100%;object-fit:cover}.value-text{color:#fff;font-size:1.1rem;font-weight:600;max-width:280px}.product-section-philosophy{padding-top:40px}.philosophy-block-1{font-size:1.5rem;font-weight:800;color:var(--orange-color, #DC4C39);font-style:italic;margin-bottom:40px;line-height:1.3;padding:0 20px;text-align:center}.philosophy-beige-bg{padding:20px 20px 60px}.philosophy-block-2{text-align:center;font-size:1.6rem;font-weight:700;font-style:italic;color:var(--orange-color, #DC4C39)}.philosophy-block-2 p span{background-color:#fdf6eb;padding:0 5px}.product-section-faq{padding:60px 20px 80px}.accordion-item{margin-bottom:15px;border-radius:12px;overflow:hidden;color:#fff;cursor:pointer;transition:transform .2s ease}.accordion-item:active{transform:scale(.98)}.accordion-item.celeste{background-color:#57bec4}.accordion-item.orange{background-color:#dc4c39}.accordion-item.violet{background-color:#6e5ea5}.accordion-header{padding:22px 20px;display:flex;justify-content:center;align-items:center}.accordion-header h3{font-size:1.3rem;font-weight:800;margin:0;text-align:center}.accordion-content{padding:0 30px 30px;font-size:1rem;line-height:1.6;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bottom-action{margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:20px}.product-quantity-selector{display:flex;align-items:center;gap:15px;background:#f8f8f8;padding:8px 20px;border-radius:25px;border:1px solid #eee;width:fit-content;margin:10px 0 20px}.qty-btn{background:none;border:none;font-size:1.5rem;font-weight:500;cursor:pointer;color:#6e5ea5;padding:0 10px;transition:color .2s ease}.qty-btn:hover{color:var(--orange-color, #DC4C39)}.qty-value{font-weight:700;min-width:30px;text-align:center;font-size:1.2rem}@media(min-width:768px){.product-section-main{flex-direction:row;gap:60px;padding:50px 10%;align-items:flex-start}.product-gallery{width:50%}.product-info-selection{width:50%;padding:0}.product-title{font-size:2.5rem;margin-top:0}.info-divider{border:0;border-top:1px solid #E0E0E0;margin:20px 0;width:100%}.description-text{text-align:left;margin-bottom:30px;max-width:100%}.product-info-selection .btn-pieza-clave{width:300px;min-width:300px}.product-section-values .container{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;gap:15px;padding:60px 5%;max-width:1400px;margin:0 auto}.value-item{margin-bottom:0;width:18%;max-width:180px}.value-image-placeholder{width:140px;height:140px}}.other-tools-section{padding:30px 20px;text-align:center;border-top:1px solid #eee}.other-tools-section .section-title{font-size:1.2rem;font-weight:800;color:var(--orange-color, #DC4C39);margin-bottom:20px;font-style:italic}.other-tools-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.other-tool-item{width:45%;max-width:160px;text-decoration:none;color:inherit;transition:all .3s ease}.other-tool-item:hover{transform:translateY(-5px)}.other-tool-image{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;margin-bottom:10px;box-shadow:0 5px 15px #0000000d}.other-tool-image img{width:100%;height:100%;object-fit:cover}.other-tool-item h3{font-size:.9rem;color:#444;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media(min-width:768px){.other-tool-item{width:140px}.other-tools-section .section-title{font-size:1.4rem}}.floating-cart-container{position:fixed;top:15px;right:15px;z-index:2000;pointer-events:none}.floating-cart{pointer-events:auto;background-color:var(--orange-color, #f39200);color:#fff;padding:8px 16px;border-radius:50px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 15px #f392004d;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:slideInRight .5s ease}.floating-cart:hover{box-shadow:0 8px 20px #f3920066;transform:translateY(-2px);background-color:#ff9d00}.cart-icon{position:relative;display:flex;align-items:center}.cart-count{position:absolute;top:-8px;right:-8px;background-color:#fff;color:var(--orange-color, #f39200);font-size:.7rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000001a}.cart-total{font-weight:700;font-size:.95rem;letter-spacing:.5px}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.floating-cart-container{inset:auto auto 20px 50%;transform:translate(-50%)}.floating-cart{animation:slideUpMobile .5s ease}}@keyframes slideUpMobile{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.floating-cart{padding:10px 20px;gap:12px}.cart-total{font-size:1rem}}.cart-page{padding:120px 20px 80px;max-width:1000px;margin:0 auto;min-height:60vh}.cart-page.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.cart-page h1{color:#6e5ea5;margin-bottom:0;font-size:2.5rem;font-weight:800}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.clear-cart-btn{background:none;border:1px solid #ddd;color:#888;padding:8px 15px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.clear-cart-btn:hover{background-color:#f0f0f0;color:#dc4c39;border-color:#dc4c39}.cart-list{display:flex;flex-direction:column;gap:20px}.cart-item{display:flex;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000000d;align-items:center;gap:20px;border:1px solid #f0f0f0}.cart-item-image{width:100px;height:100px;border-radius:10px;overflow:hidden;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex-grow:1}.cart-item-info h3{margin:0 0 10px;color:#333;font-size:1.2rem}.unit-price{font-size:.9rem;color:#888;margin-bottom:15px}.cart-item-total{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:100px}.cart-item-total p{font-weight:700;font-size:1.3rem;color:var(--orange-color, #DC4C39);margin:0}.remove-btn{background:none;border:none;color:#888;text-decoration:underline;cursor:pointer;font-size:.85rem}.remove-btn:hover{color:#666}.cart-summary{margin-top:40px;background:#fdf6eb;padding:30px;border-radius:20px;display:flex;flex-direction:column;gap:15px;max-width:400px;margin-left:auto}.summary-row{display:flex;justify-content:space-between;font-size:1.1rem;color:#666}.summary-row.total{border-top:2px solid #edddd4;padding-top:15px;font-weight:800;font-size:1.5rem;color:#333}.finalize-btn{width:100%;margin-top:20px;padding:15px!important;font-size:1.1rem!important}.cart-page.success{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.success-icon{width:80px;height:80px;background-color:#57bec4;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:20px;box-shadow:0 10px 20px #57bec44d}.checkout-form-container{animation:fadeIn .5s ease}.back-link{background:none;border:none;color:#6e5ea5;cursor:pointer;font-weight:600;margin-bottom:20px;padding:0;font-size:1rem}.checkout-form{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000000d;border:1px solid #f0f0f0}.form-group{margin-bottom:25px;display:flex;flex-direction:column;gap:10px}.form-group label{font-weight:700;color:#333;font-size:.95rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel]{padding:12px 15px;border:1px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{border-color:#6e5ea5;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.radio-group{display:flex;gap:10px}.radio-label{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border:1px solid #ddd;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.radio-label input{display:none}.radio-label.active{background-color:#fdf6eb;border-color:var(--orange-color, #DC4C39);color:var(--orange-color, #DC4C39)}.checkout-summary{margin:30px 0;padding-top:20px;border-top:2px dashed #eee;text-align:right}.checkout-summary p{font-size:1.2rem;font-weight:600}.checkout-summary span{color:var(--orange-color, #DC4C39);font-weight:800;font-size:1.5rem;margin-left:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pickup-info-box,.payment-info-box{background-color:#fdf6eb;border:1px solid #edddd4;padding:15px;border-radius:12px;margin-bottom:25px;font-size:.95rem}.pickup-info-box p,.payment-info-box p{margin:0;color:#333;line-height:1.4}.pickup-hint,.payment-hint{font-size:.85rem;color:#888!important;margin-top:5px!important}@media(max-width:600px){.cart-page{padding:100px 15px 40px}.cart-page h1{font-size:1.8rem;margin-bottom:25px}.cart-item{flex-direction:column;align-items:flex-start;padding:15px;gap:15px}.cart-item-image{width:100%;height:150px}.cart-item-info{width:100%}.cart-item-total{width:100%;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:10px;min-width:0}.cart-summary{margin-top:20px;padding:20px;width:100%;max-width:none}.checkout-form{padding:20px}.form-row{grid-template-columns:1fr}.radio-group{flex-direction:column}.radio-label{width:100%}}.admin-login-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#fdf7eb}.login-card{background-color:#fff;padding:50px;border-radius:30px;box-shadow:0 15px 40px #00000014;width:100%;max-width:450px;text-align:center}.login-card h1{color:#6e5ea5;font-size:2rem;margin-bottom:15px}.login-card p{color:#888;margin-bottom:30px}.login-card form{display:flex;flex-direction:column;gap:20px;text-align:left}.error-message{color:#dc4c39;font-size:.9rem;text-align:center;margin:0}.admin-dashboard-container{display:flex;min-height:100vh;background-color:#fcfcfc}.admin-sidebar{width:260px;background-color:#6e5ea5;color:#fff;padding:30px 20px;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.sidebar-brand h2{font-size:1.5rem;margin-bottom:40px;text-align:center;font-weight:800}.admin-sidebar-nav{display:flex;flex-direction:column;gap:10px;flex:1}.admin-sidebar-nav button{background:none;border:none;color:#ffffffb3;text-align:left;padding:15px 20px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px}.admin-icon{font-size:1.2rem}.admin-sidebar-nav button:hover{background-color:#ffffff1a;color:#fff}.admin-sidebar-nav button.active{background-color:#fff;color:#6e5ea5;font-weight:700}.sidebar-external-link{margin-top:30px;padding:15px 20px;color:#fffc;text-decoration:none;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;font-size:.95rem;transition:color .3s ease}.sidebar-external-link:hover{color:#fff}.logout-sidebar-btn{background-color:#0003;border:none;color:#fff;padding:12px;border-radius:10px;cursor:pointer;margin-top:20px;transition:background .3s ease}.logout-sidebar-btn:hover{background-color:#dc4c39}.admin-main-content{flex:1;margin-left:260px;padding:40px}.admin-main-header{margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.admin-main-header h1{color:#333;font-size:2.22rem;margin:0}.admin-card{background-color:#fff;padding:30px;border-radius:20px;box-shadow:0 4px 20px #00000008;margin-bottom:30px}.admin-card h3{color:#333;font-size:1.5rem;margin-bottom:15px}.admin-card p{color:#666;line-height:1.6}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background-color:#fff;padding:25px;border-radius:20px;box-shadow:0 4px 20px #00000008;text-align:center}.stat-card h4{color:#aaa;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;margin-bottom:10px}.stat-number{font-size:2.5rem;font-weight:800;color:#6e5ea5;margin:0}.config-form{margin-top:30px;max-width:800px}.form-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.form-section.no-border{border-bottom:none}.config-subtabs{display:flex;gap:15px;margin:25px 0;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.config-subtabs button{background:none;border:none;padding:10px 20px;font-size:1rem;font-weight:600;color:#888;cursor:pointer;border-radius:10px;transition:all .3s ease}.config-subtabs button:hover{background-color:#f5f5f5;color:#6e5ea5}.config-subtabs button.active{background-color:#6e5ea5;color:#fff}.config-footer{border-top:1px solid #f0f0f0;padding-top:30px;margin-top:20px}.form-section h4{color:#6e5ea5;font-size:1.1rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.method-item{background-color:#fafafa;padding:15px;border-radius:15px;border:1px solid #eee;transition:all .3s ease}.method-item.disabled{opacity:.6;background-color:#f5f5f5}.method-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.method-label{font-weight:700;color:#333}.rich-text-editor{border:1px solid #ddd;border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.rte-toolbar{display:flex;gap:5px;padding:8px;background-color:#f9f9f9;border-bottom:1px solid #eee}.rte-toolbar button{background:#fff;border:1px solid #ddd;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:.9rem;color:#444;transition:all .2s ease}.rte-toolbar button:hover{background-color:#6e5ea5;color:#fff;border-color:#6e5ea5}.rte-content{padding:15px;min-height:120px;max-height:300px;overflow-y:auto;font-size:.95rem;line-height:1.6;outline:none;color:#333}.rte-content:empty:before{content:attr(placeholder);color:#aaa;pointer-events:none}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2dab66}input:focus+.slider{box-shadow:0 0 1px #2dab66}input:checked+.slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.save-btn{margin-top:20px;width:100%;max-width:250px}.field-hint{font-size:.8rem!important;color:#aaa!important;margin-top:5px!important}.success-message{color:#2dab66;background-color:#ebf7ee;padding:10px 15px;border-radius:10px;font-size:.9rem;margin-bottom:20px}@media(max-width:850px)and (min-width:769px){.admin-sidebar{width:80px;padding:20px 10px}.sidebar-brand h2{font-size:.8rem}.admin-sidebar-nav button span{display:none}.admin-sidebar-nav button{padding:15px;justify-content:center}.admin-main-content{margin-left:80px}}@media(max-width:768px){.admin-dashboard-container{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:fixed;bottom:0;top:auto;flex-direction:row;padding:10px;z-index:1000;box-shadow:0 -5px 20px #0000001a;justify-content:space-around;align-items:center}.sidebar-brand{display:none}.admin-sidebar-nav{flex-direction:row;flex:1;justify-content:space-around;gap:5px}.admin-sidebar-nav button{flex-direction:column;gap:4px;padding:8px;font-size:.7rem;text-align:center;justify-content:center;border-radius:8px}.admin-sidebar-nav button span{font-size:.6rem}.sidebar-external-link{margin-top:0;padding:8px;border-top:none;font-size:.7rem;flex-direction:column;gap:4px}.logout-sidebar-btn{margin-top:0;padding:8px;font-size:.7rem;background:#dc4c3933}.admin-main-content{margin-left:0;padding:20px;margin-bottom:80px}.admin-main-header h1{font-size:1.6rem}.admin-card{padding:20px}.admin-stats-grid{grid-template-columns:1fr}.login-card{padding:30px 20px}.admin-icon{font-size:1.4rem;margin-bottom:2px}.admin-text{font-size:.65rem}}.interactua-container{padding:100px 20px 60px;min-height:100vh;background-color:#f8f8f8;display:flex;flex-direction:column;align-items:center;gap:40px}.interactua-header{text-align:center;max-width:600px}.interactua-header h1{font-size:2.5rem;color:#6e5ea5;margin-bottom:15px}.interactua-header p{font-size:1.1rem;color:#666;line-height:1.6}.card-scene{width:300px;height:450px;perspective:1500px;cursor:pointer}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px solid white;background-color:#fff}.card-front{background-color:#eee;overflow:hidden}.card-logo-back{width:100%;height:100%;object-fit:cover;opacity:.8}.tap-hint{position:absolute;bottom:20px;background-color:#ffffffe6;padding:8px 16px;border-radius:30px;font-weight:600;color:#6e5ea5;font-size:.9rem;box-shadow:0 4px 10px #0000001a;animation:pulse 2s infinite}.card-back{transform:rotateY(180deg);background-color:#fff9f0;padding:30px;text-align:center;justify-content:space-between}.card-content{flex-grow:1;display:flex;align-items:center;justify-content:center}.phrase-text{font-size:1.6rem;font-weight:700;color:#333;line-height:1.4;font-style:italic}.card-footer-logo{font-weight:800;color:var(--orange-color, #f39200);letter-spacing:2px;font-size:.9rem}.interactua-controls{display:flex;justify-content:center;width:100%}.btn-draw{padding:15px 35px;background-color:#6e5ea5;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #6e5ea54d;transition:all .3s ease}.btn-draw:hover{transform:translateY(-5px);box-shadow:0 15px 25px #6e5ea566;background-color:#7b6ab4}.interactua-info{max-width:500px;text-align:center;color:#888;font-size:.9rem}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@media(max-width:480px){.card-scene{width:260px;height:400px}.interactua-header h1{font-size:2rem}.phrase-text{font-size:1.3rem}}
