*{margin:0;padding:0;box-sizing:border-box}body{font-family:Bodoni Moda,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,serif;background-color:beige;color:#1a1a1a;overflow-x:hidden}#global-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-start;align-items:center;padding:2rem 3rem;background-color:transparent;z-index:10001;animation:fadeIn .5s ease-in;transition:all .3s ease}#logo img{height:60px;transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.hero-section{position:relative;width:100%;height:60vh;min-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-image-container img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000059}.hero-content{position:relative;z-index:2;text-align:center;color:#f4f4f4;animation:fadeInUp 1s ease-out}.hero-title{font-size:5rem;font-weight:700;letter-spacing:8px;margin-bottom:1rem;text-shadow:2px 2px 12px rgba(0,0,0,.6)}.content-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:0 2rem}.section-title{font-size:2.5rem;letter-spacing:4px;margin-bottom:1rem;color:#1a1a1a;font-weight:700}.section-subtitle{font-size:1.1rem;letter-spacing:2px;margin-bottom:2rem;color:#d4af37;font-weight:400}.section-text{font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;color:#333;text-align:justify}.our-story-section{padding:6rem 0;background-color:beige;position:relative}.our-story-section:before{content:"";position:absolute;inset:0;background-image:url(/assets/images/frutos-C1Idtwix.png);background-repeat:repeat;background-size:150px;opacity:.03;pointer-events:none}.our-story-section .text-column{animation:fadeInLeft .8s ease-out}.our-story-section .image-column{animation:fadeInRight .8s ease-out;text-align:center}.floating-image{max-width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15));animation:levitate 4s ease-in-out infinite}.our-concept-section{padding:6rem 0;background-color:#fff;position:relative}.our-concept-section .image-column{animation:fadeInLeft .8s ease-out;text-align:center}.our-concept-section .text-column{animation:fadeInRight .8s ease-out}.chocolatier-section{padding:6rem 0;background-color:#2d2520;position:relative}.chocolatier-section .section-title{color:#f4f4f4}.chocolatier-section .section-subtitle{color:#d4af37}.chocolatier-section .section-text{color:#e0e0e0}.chocolatier-section .text-column{animation:fadeInLeft .8s ease-out}.chocolatier-section .image-column{animation:fadeInRight .8s ease-out;text-align:center}.chocolatier-photo{max-width:100%;height:auto;border-radius:10px;box-shadow:0 10px 40px #00000080;border:3px solid #d4af37}.founders-section{padding:6rem 2rem;background-color:beige;text-align:center}.illustration-container{max-width:900px;margin:0 auto 2rem;animation:fadeInScale 1s ease-out}.founders-illustration{width:100%;height:auto;filter:drop-shadow(0 8px 25px rgba(0,0,0,.1))}.inspiration-text{font-size:1.8rem;font-weight:700;letter-spacing:3px;color:#1a1a1a;margin-bottom:1rem;max-width:900px;margin-left:auto;margin-right:auto}.inspiration-subtext{font-size:1.1rem;line-height:1.8;color:#666;max-width:700px;margin:0 auto}.footer{background-image:url(/assets/images/footer_texture-gXdUllwk.jpg);background-size:cover;background-position:center;color:#f4f4f4;padding:4rem 2rem 2rem;position:relative}.footer:before{content:"";position:absolute;inset:0;background-color:#1a1a1a66;pointer-events:none}.footer-content{max-width:1200px;margin:0 auto;position:relative;z-index:1;padding-bottom:2rem}.footer-logo{text-align:center;margin-bottom:3rem}.footer-logo img{height:80px;filter:brightness(0) invert(1)}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-column h3{font-size:1.2rem;letter-spacing:2px;margin-bottom:1.5rem;color:#d4af37}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:.8rem}.footer-column ul li a{color:#f4f4f4;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-column ul li a:hover{color:#d4af37}.footer-newsletter{text-align:center;margin-bottom:3rem}.footer-newsletter h3{font-size:1.5rem;letter-spacing:2px;margin-bottom:1rem;color:#d4af37}.footer-newsletter p{font-size:.95rem;margin-bottom:1.5rem;color:#ccc}.newsletter-form{display:flex;justify-content:center;gap:1rem;max-width:500px;margin:0 auto}.newsletter-form input{flex:1;padding:.8rem 1.5rem;border:1px solid #444;border-radius:25px;background-color:#2d2d2d;color:#f4f4f4;font-family:Bodoni Moda,serif;font-size:.95rem}.newsletter-form input:focus{outline:none;border-color:#d4af37}.newsletter-form button{padding:.8rem 2rem;background:#d4af37;color:#1a1a1a;border:none;border-radius:25px;font-family:Bodoni Moda,serif;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.newsletter-form button:hover{background:#b8941f;transform:translateY(-2px)}.footer-social{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.footer-social a{width:40px;height:40px;border:2px solid #d4af37;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d4af37;text-decoration:none;font-weight:600;transition:all .3s ease}.footer-social a:hover{background:#d4af37;color:#1a1a1a;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #444}.footer-bottom p{font-size:.9rem;color:#888;margin-bottom:.5rem}.footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.footer-links a{color:#888;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-links a:hover{color:#d4af37}.separator{color:#666}.frame-decoration{position:fixed;left:0;right:0;width:100%;z-index:10000;pointer-events:none}.frame-top{top:0}.frame-bottom{bottom:0;transform:rotate(180deg)}.frame-decoration img{width:100%;height:auto;display:block}.floating-decoration{position:fixed;z-index:100;pointer-events:none;opacity:.6;display:none}.perico-decoration{width:120px;top:30%;right:5%;animation:float 6s ease-in-out infinite}.butterfly-decoration{width:80px;top:60%;left:8%;animation:float 5s ease-in-out infinite 1s}.cocoa-decoration{width:100px;bottom:20%;right:10%;animation:float 7s ease-in-out infinite 2s}.floating-decoration img{width:100%;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(3deg)}66%{transform:translateY(-10px) rotate(-3deg)}}@media (max-width: 1024px){.hero-title{font-size:4rem}.content-wrapper{gap:3rem}.section-title{font-size:2.2rem}.inspiration-text{font-size:1.5rem}.footer-columns{grid-template-columns:repeat(2,1fr)}.floating-decoration{opacity:.4}.perico-decoration{width:100px}.butterfly-decoration{width:70px}.cocoa-decoration{width:80px}}@media (max-width: 768px){#logo img{height:45px}.hero-section{height:50vh;min-height:400px}.hero-title{font-size:3rem;letter-spacing:4px}.content-wrapper{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem}.our-story-section,.our-concept-section,.chocolatier-section,.founders-section{padding:4rem 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.section-text{font-size:1rem;text-align:left}.inspiration-text{font-size:1.3rem;letter-spacing:2px}.inspiration-subtext{font-size:1rem}.footer-columns{grid-template-columns:1fr;gap:2rem}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}.floating-decoration{display:none}}@media (max-width: 480px){.hero-title{font-size:2.5rem;letter-spacing:3px}.section-title{font-size:1.8rem;letter-spacing:2px}.section-subtitle{font-size:.9rem;letter-spacing:1px}.section-text{font-size:.95rem;line-height:1.7}.inspiration-text{font-size:1.1rem;letter-spacing:1px}.inspiration-subtext{font-size:.9rem}.our-story-section,.our-concept-section,.chocolatier-section,.founders-section{padding:3rem 0}.footer{padding:3rem 1.5rem 1.5rem}}
