@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html{scroll-behavior:smooth;width:100%;margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;font-weight:500;color:#000;width:100%;margin:0;padding:0;box-sizing:border-box}#root{width:100%;margin:0;padding:0;box-sizing:border-box}.page-container{width:100%;margin:0;padding:0}.section{padding:60px 20px;background:#fff;text-align:start}.section-header{text-align:start;font-size:4vw}.productos{display:flex;justify-content:space-around;gap:40px;flex-wrap:wrap;margin-top:40px}.hero-container{background-size:cover;background-position:center;height:100vh;position:relative;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center}.hero-container:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#00000080;z-index:0}.hero-text{position:relative;z-index:1;max-width:600px;margin:80px auto 0;color:#fff}.hero-text h1{font-size:32px;margin-bottom:10px}.hero-text p{font-size:16px}.dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.dot.active{background:gray}.hero-text-h1{font-family:Barlow Condensed,sans-serif!important;font-weight:700;font-size:64px;line-height:140%}.hero-text-p{font-size:24px}.producto{width:25%}.producto img{width:100%;border-radius:8px;height:300px}.producto h3{margin-top:15px;font-size:32px;font-weight:900;text-align:start;font-family:Barlow,sans-serif!important}.producto p{font-size:24px;font-weight:400;color:#828282}.catalogo-button{margin-top:40px}.catalogo-button a{background:#000;color:#fff;padding:12px 20px;text-decoration:none;border-radius:8px}.scroll-down-arrow{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:40px;color:#fff;cursor:pointer;text-decoration:none;animation:bounce 2s infinite;z-index:2}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-15px)}60%{transform:translate(-50%) translateY(-7px)}}.responsive-image{width:100%;height:auto;border-radius:8px;display:block;margin:0 auto}.table-contact-container{display:flex;flex-direction:row;justify-content:space-around}@media (max-width: 768px){.hero-text{padding:0 20px;margin-top:40px}.hero-text-h1{font-size:32px;line-height:120%}.hero-text-p{font-size:18px}.scroll-down-arrow{bottom:10px;width:30px;height:30px}.productos{flex-direction:column;align-items:center;gap:30px}.producto{width:90%}.producto img{height:auto;max-height:360px}.producto h3{font-size:24px;text-align:center}.producto p{font-size:16px;text-align:center}.catalogo-button{text-align:center}.contenido_hero{height:60vh}.table-contact-container{flex-direction:column;padding:0 20px;gap:40px}}.center-section{display:flex;flex-direction:column;align-items:center;min-height:50vh;text-align:center}.opinion-container{position:relative}.carousel-controls{text-align:center;margin-bottom:10px}.carousel-controls button{background:#000;color:#fff;border:none;padding:8px 12px;margin:0 10px;font-size:20px;cursor:pointer;border-radius:8px}.opinions-carousel{display:flex;overflow-x:auto;gap:20px;scroll-behavior:smooth;padding:20px 0}.opinions-carousel::-webkit-scrollbar{display:none}.opinion{flex:0 0 300px;min-width:300px;border-radius:12px;border:1px solid #e6e6e6;padding:20px;background-color:#fff}.opinion p{font-style:italic;margin:0}.opinion-user-image{display:flex;align-items:center;gap:.5rem;margin-top:20px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-name{font-weight:500;font-size:18px}.user-from{font-size:14px;color:#828282}.dog-table-container{max-width:400px;padding:20px;border:2px solid #ddd;border-radius:10px;font-family:Arial,sans-serif;background-color:#fefefe}.dog-table-container h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-weight:700}.form-group select{width:100%;padding:8px;border-radius:5px;border:1px solid #ccc}.result{margin-top:20px;text-align:center;font-size:18px;background:#f2f2f2;padding:12px;border-radius:6px}.contact-section{padding:40px 20px;font-family:Arial,sans-serif}.contact-section h2{font-size:24px;margin-bottom:20px}.contact-items{display:flex;flex-direction:column;gap:16px}.contact-row{display:flex;flex-wrap:wrap;gap:30px;align-items:center}.contact-item{display:flex;align-items:center;gap:8px;font-size:18px}.contact-item i{font-size:22px}.products-page{font-family:Arial,sans-serif;padding:20px;background-color:#fff;color:#000}.intro-section{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:60px;align-items:center;margin-top:10%}.intro-image{width:400px;height:auto;border-radius:8px;object-fit:cover}.intro-text{max-width:600px}.intro-text h2{font-size:28px;font-weight:700}.intro-text p{margin:10px 0;font-size:16px}.products-section h3{font-size:24px;font-weight:700;margin-bottom:30px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.product-card{background-color:#f0f0f0;padding:25px;border-radius:10px;text-align:left;transition:transform .2s ease;cursor:pointer}.product-card:hover{transform:scale(1.03)}.product-image{display:flex;justify-content:center;align-items:center;height:200px;margin-bottom:15px;background-color:#a0a0a0;border-radius:8px;position:relative}.product-image img{height:100%;width:100%;object-fit:contain}.product-info strong{display:block;font-size:18px;margin-bottom:6px}.product-info p{font-size:15px;margin:0 0 10px}.product-info span{font-size:16px;font-weight:700;color:#000}.product-chip{position:absolute;top:8px;left:8px;background-color:#07a5c7;color:#fff;font-size:.75rem;padding:4px 10px;border-radius:12px;font-weight:500;box-shadow:0 2px 4px #0003}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-content{background:#fff;padding:24px;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:12px;right:14px;background:transparent;border:none;font-size:22px;cursor:pointer}.product-modal{display:flex;flex-direction:row;gap:24px;align-items:flex-start}.product-modal-image{width:40%;max-width:350px;border-radius:8px;object-fit:contain}.product-modal-details{flex:1;text-align:left}.product-modal-details h2{margin-bottom:12px}.product-modal-details p{margin-bottom:16px;line-height:1.4}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content{width:90%;max-width:400px;max-height:85vh;overflow-y:auto;padding:20px 16px;border-radius:16px}.product-modal{flex-direction:column;align-items:center;text-align:center}.product-modal-image{width:100%;max-width:180px;margin:0 auto 16px;display:block}.product-modal-details h2{font-size:1.2rem;margin-bottom:12px}.product-modal-details p{font-size:.95rem;line-height:1.3;margin-bottom:14px}.product-modal-details ul{padding-left:0;list-style-position:inside;font-size:.9rem}}.header-top{position:absolute;top:1px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 10px;z-index:100}.logo{max-width:200px;height:auto}.menu-toggle{display:none;font-size:28px;cursor:pointer}.menu-nav{display:flex;align-items:center}.menu-nav a{margin:0 10px;text-decoration:none;font-weight:700}.menu-nav a.button{background:#ffffff4d;padding:8px 16px;border-radius:20px;border:1px solid white}@media (max-width: 768px){.logo{max-width:110px;height:auto}.menu-toggle{display:block}.menu-nav{display:none;position:absolute;top:60px;right:10px;background:#fff;border-radius:10px;padding:10px;flex-direction:column;align-items:flex-start;box-shadow:0 4px 6px #0000001a}.menu-nav.open{display:flex}.menu-nav a{margin:10px 0;color:#000!important}.menu-nav a.button{border:1px solid black;background:#0000000d}}.scroll-to-top-button{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem;border-radius:9999px;background-color:#000;color:#fff;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease;border:none;cursor:pointer;z-index:1000}.footer-banner{display:flex;justify-content:space-between;align-items:center;background-color:#f6f6f6;padding:40px 20px;font-family:Arial,sans-serif;color:#000;flex-wrap:wrap}.footer-text{flex:1;font-weight:700;font-size:24px;line-height:1.5;min-width:250px}.footer-logo{flex-shrink:0;margin-left:20px}.footer-logo img{max-height:80px;width:auto}@media (max-width: 768px){.footer-banner{flex-direction:column;text-align:center;padding:20px}.footer-text{font-size:18px;margin-bottom:20px}.footer-logo{margin-left:0}.footer-logo img{max-height:60px}}.about-page{font-family:Arial,sans-serif;padding:20px;background-color:#000;color:#fff}.intro-section-about{margin-bottom:60px;margin-top:18vw}.facts-section h3{font-size:35px;font-weight:700;margin-bottom:30px;text-align:center}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;justify-items:center}.card{width:280px;border-radius:12px;overflow:hidden;text-align:center;background:#fff;box-shadow:0 2px 6px #0000001a;cursor:pointer;transition:transform .3s ease}.card:hover{transform:scale(1.03)}.card-img{width:100%;height:auto;display:block;filter:grayscale(100%);transition:filter .3s ease}.card:hover .card-img{filter:grayscale(0%)}.card-text{padding:12px;font-size:18px;font-weight:700;color:#000}.facts-cards .inside-card{position:relative;border-radius:12px;overflow:hidden}.facts-cards .inside-card .card-img-facts{width:100%;height:auto;display:block}.facts-cards .inside-card .card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;background:#0000008c;color:#fff;text-align:center}.facts-cards .inside-card .card-title{font-size:20px;font-weight:700;margin:0}.facts-cards .inside-card .card-description{font-size:15px;line-height:1.4;margin:0;flex:1;display:flex;align-items:center}.facts-cards .inside-card .card-circle{width:40px;height:40px;background:gold;border-radius:50%;box-shadow:0 2px 6px #0000004d}
