@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--color-principal-azul: #1a3c55;--color-acento-verde: #6aaf54;--color-gris-claro: #f5f5f5;--color-blanco: #ffffff;--color-texto: #333333;--color-gris-borde: #dee2e6;--color-gris-suave: #6c757d;--color-rojo-error: #dc3545;--fuente-cuerpo: "Poppins", sans-serif;--sombra-suave: 0 2px 10px rgba(0, 0, 0, .1);--borde-radio: 8px;--color-texto-claro: #6c757d}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gris-borde);flex-wrap:wrap;gap:1rem}.content-header h1{font-size:2.25rem;font-weight:700;color:var(--color-principal-azul);margin:0;line-height:1.2}.content-header p{font-size:.875rem;color:var(--color-gris-suave);margin:.25rem 0 0}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{font-family:var(--fuente-cuerpo);margin:0;color:var(--color-texto);background-color:var(--color-blanco);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.main-header{background-color:var(--color-blanco);box-shadow:0 2px 10px #00000014;padding:1rem 0;position:sticky;top:0;z-index:1000;transition:background-color .3s ease}.main-header .container{display:flex;justify-content:space-between;align-items:center}.logo-img{height:50px;transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.8rem}.main-nav a{text-decoration:none;color:var(--color-principal-azul);font-weight:500;position:relative;padding:5px 0;transition:color .3s ease}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-acento-verde);transition:width .3s ease}.main-nav a:hover,.main-nav a.active{color:var(--color-acento-verde)}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.logout-form{margin:0}button,.btn,.btn-primary,.btn-secondary,[type=submit],[type=button]{cursor:pointer!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;transition:background-color .2s}.btn-primary{background-color:var(--color-acento-verde);color:var(--color-blanco);cursor:pointer}.btn-primary:hover{background-color:#5a9a47;transform:translateY(-3px);box-shadow:0 4px 12px #00000026;border-color:#eee}.btn-secondary{background-color:var(--color-gris-suave);color:var(--color-blanco)}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-3px);box-shadow:0 4px 12px #00000026;border-color:#eee}.btn-danger{background-color:#dc3545;color:#fff;padding:.7rem 1.4rem;border-radius:8px;font-weight:600;transition:background-color .2s}.btn-danger:hover{background-color:#c82333}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:2rem;color:var(--color-principal-azul);z-index:1001}.section{padding-top:5rem;padding-bottom:5rem}.section-title{text-align:center;font-size:2.5rem;color:var(--color-principal-azul);margin-bottom:1rem;font-weight:700}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--color-acento-verde);margin:.5rem auto 3rem}.bg-light{background-color:var(--color-fondo-claro)}.hero,.hero-story,.hero-products,.hero-medicion,.hero-contact{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-blanco);overflow:hidden}.hero{height:90vh}.hero-story{height:50vh;background:linear-gradient(to right,#1a3c55cc,#6aaf54b3),url(/build/assets/hero-background-Ba00K2TN.jpg);background-size:cover;background-position:center}.hero-products{height:40vh;background:linear-gradient(#1a3c55b3,#1a3c55b3),url(/build/assets/hero-background-Ba00K2TN.jpg);background-size:cover;background-position:center 30%}.hero-medicion{height:40vh;background:linear-gradient(#1a3c55bf,#1a3c55bf),url(/build/assets/hero-background-Ba00K2TN.jpg);background-size:cover;background-position:center 50%}.hero-contact{height:40vh;background:linear-gradient(#1a3c55b3,#1a3c55b3),url(/build/assets/hero-background-Ba00K2TN.jpg);background-size:cover;background-position:center 60%}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/build/assets/hero-background-Ba00K2TN.jpg);background-size:cover;background-position:center;filter:brightness(.5);transform:scale(1.1)}.hero-content{z-index:2;max-width:800px;padding:0 1.5rem}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:1.1rem;max-width:600px;margin:0 auto 2rem}.hero-buttons{display:flex;justify-content:center;gap:1rem}.step-card,.product-card,.testimonial-card,.philosophy-card,.vet-card,.order-card,.action-card,.settings-widget,.form-container,.empty-state-card{background-color:var(--color-blanco);border-radius:var(--borde-radio);box-shadow:var(--sombra-suave)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.step-card{padding:2.5rem 2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.step-icon{margin:0 auto 1.5rem;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--color-acento-verde),#8cce75);display:flex;align-items:center;justify-content:center}.step-icon span{color:var(--color-blanco);font-size:2rem;font-weight:700}.step-card h3{font-size:1.5rem;color:var(--color-principal-azul);margin-bottom:.5rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px));gap:2rem;align-items:stretch;justify-content:center}.product-card{overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease;position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.product-card img{width:100%;height:280px;object-fit:cover}.badge-custom{position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:var(--color-blanco);padding:.5rem 1rem;border-radius:var(--borde-radio);box-shadow:var(--sombra-suave);font-weight:600;color:var(--color-principal-azul);z-index:10;white-space:nowrap}.product-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.product-info .btn-secondary{background-color:var(--color-principal-azul)}.product-info h3{margin:0 0 .5rem;font-size:1.3rem;color:var(--color-principal-azul)}.product-category{font-size:.9rem;color:var(--color-gris-suave);margin-bottom:1rem}@media (max-width: 576px){.product-filters{gap:.5rem}.filter-btn{flex-basis:40%;padding:.5rem 1rem;font-size:.9rem}}.testimonials-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:900px;margin:auto}.testimonial-card{padding:2rem;border-left:5px solid var(--color-acento-verde)}.testimonial-card blockquote{margin:0 0 1rem;font-style:italic;font-size:1.05rem;line-height:1.6}.testimonial-card cite{font-weight:600;color:var(--color-principal-azul)}.main-footer{background-color:var(--color-principal-azul);color:#ffffffb3;text-align:center;padding:2.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.footer-contact-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;list-style:none;padding:0}.footer-contact-links .footer-link{color:var(--color-blanco);text-decoration:none;font-weight:400;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:color .3s ease}.footer-contact-links .footer-link:hover{color:var(--color-acento-verde)}.footer-contact-links .footer-link i{font-size:1rem;color:var(--color-acento-verde);min-width:18px}.footer-copyright{margin:0;padding-top:1.5rem;font-size:.8rem;color:var(--color-blanco)}@media (max-width: 768px){.footer-contact-links{flex-direction:column;gap:1rem;align-items:center;margin-bottom:1.5rem}.footer-contact-links .footer-link{font-size:.9rem;padding:.25rem}.main-footer{padding:2rem 1rem}}.timeline-container{position:relative;max-width:1000px;margin:4rem auto 0;padding:2rem 0}.timeline-container:before{content:"";position:absolute;top:50px;left:0;width:100%;height:4px;background-color:#e9ecef;z-index:0;transform:translateY(-50%)}.timeline-step{position:relative;z-index:1;background:transparent}@media (min-width: 768px){.timeline-steps-wrapper{display:flex;justify-content:space-between;position:relative}.timeline-step{flex:1;text-align:center;padding:0 1rem}.timeline-icon{width:80px;height:80px;background-color:var(--color-blanco);border:4px solid var(--color-acento-verde);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--color-acento-verde);transition:all .3s ease;position:relative;z-index:2}.timeline-step:hover .timeline-icon{background-color:var(--color-acento-verde);color:var(--color-blanco);transform:scale(1.1);box-shadow:0 0 20px #6aaf5466}}@media (max-width: 767px){.timeline-container:before{display:none}.timeline-steps-wrapper{display:flex;flex-direction:column;gap:3rem;position:relative}.timeline-steps-wrapper:before{content:"";position:absolute;left:40px;width:4px;height:100%;top:40px;bottom:0;z-index:0;transform:translate(-50%)}.timeline-step{display:flex;align-items:flex-start;text-align:left;padding-left:0}.timeline-icon{min-width:80px;height:80px;background-color:var(--color-blanco);border:4px solid var(--color-acento-verde);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--color-acento-verde);margin-right:1.5rem;z-index:2;position:relative;flex-shrink:0}.timeline-content{flex:1}.trust-badges-container{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:2rem 1rem;padding:0 1rem}.trust-badge{width:45%;flex-direction:column;text-align:center;gap:.5rem;font-size:.9rem}.trust-badge i{font-size:2rem;margin-bottom:.2rem}}.trust-section{background-color:var(--color-blanco);padding-top:3rem;padding-bottom:3rem;border-bottom:1px solid #eee}.trust-badges-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem;opacity:.8}.trust-badge{display:flex;align-items:center;gap:1rem;font-weight:600;color:var(--color-gris-suave);font-size:1.1rem;transition:all .3s ease}.trust-badge i{font-size:1.8rem;color:var(--color-principal-azul);min-width:30px;text-align:center}.trust-badge:hover{opacity:1;transform:translateY(-3px);color:var(--color-principal-azul)}.testimonial-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.testimonial-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--color-acento-verde)}.testimonial-info h4{margin:0;color:var(--color-principal-azul);font-size:1.1rem}.testimonial-info span{font-size:.85rem;color:var(--color-gris-suave)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.text-gradient{background:linear-gradient(to right,var(--color-principal-azul),var(--color-acento-verde));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 992px){.main-nav{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:var(--color-blanco);box-shadow:-5px 0 15px #0000001a;transition:right .4s ease-in-out;padding-top:6rem}body.nav-open .main-nav{right:0}.main-nav ul{flex-direction:column;align-items:flex-start;gap:0;padding:0 2rem}.main-nav li{width:100%}.main-nav a{display:block;padding:1rem 0;width:100%}.main-nav a:after{display:none}.main-nav .btn{width:100%;text-align:center;margin-top:1rem;padding:.8rem 1rem;box-sizing:border-box}.mobile-nav-toggle{display:block}.hero-content h1{font-size:2.8rem}}@media (max-width: 768px){.container{padding:0 1.5rem}.section{padding-top:4rem;padding-bottom:4rem}.hero{height:80vh}.section-title{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:80%;text-align:center}}@media (max-width: 576px){.hero{height:70vh}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}}.story-intro-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center}.story-intro-image img{width:100%;border-radius:var(--borde-radio);box-shadow:var(--sombra-suave);border:3px solid var(--color-blanco)}.story-intro-text .section-title:after{margin:.5rem 0 2rem}.story-intro-text p{line-height:1.7;font-size:1.05rem;margin-bottom:1rem}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.philosophy-card{padding:2rem;text-align:center;border-top:5px solid var(--color-acento-verde)}.philosophy-icon{font-size:3rem;color:var(--color-acento-verde);margin-bottom:1rem}.philosophy-card h3{color:var(--color-principal-azul)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem}.value-card{text-align:center}.value-card .icon{width:80px;height:80px;margin:0 auto 1rem;background-color:var(--color-fondo-claro);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-principal-azul);transition:all .3s ease}.value-card:hover .icon{background-color:var(--color-acento-verde);color:var(--color-blanco);transform:scale(1.1)}.value-card h3{color:var(--color-principal-azul);margin-bottom:.5rem}.cta-section{background-color:var(--color-principal-azul);color:var(--color-blanco);text-align:center;padding:4rem 1.5rem}.cta-section h2{font-size:2.2rem;margin-top:0}.cta-section .btn{margin-top:1rem}@media (max-width: 900px){.story-intro-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.story-intro-text .section-title{text-align:center}.story-intro-text .section-title:after{margin:.5rem auto 2rem}}@media (max-width: 768px){.philosophy-grid{grid-template-columns:1fr}}.product-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-sizing:border-box;background-color:transparent;border:2px solid var(--color-gris-borde);color:var(--color-gris-suave);flex-grow:1;flex-basis:150px;text-align:center}.filter-btn:hover{background-color:var(--color-acento-verde);color:var(--color-blanco);transform:translateY(-3px);box-shadow:0 4px 12px #00000026;border-color:var(--color-acento-verde)}.filter-btn.active{background-color:var(--color-acento-verde);color:var(--color-blanco);border-color:var(--color-acento-verde);transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.product-card .product-description{font-size:.95rem;line-height:1.5;color:var(--color-gris-suave);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--color-fondo-claro);padding-top:1rem;gap:1rem}.product-footer .product-price{font-size:1.4rem;font-weight:700;color:var(--color-acento-verde);margin:0}.product-footer .btn-secondary{padding:.4rem .8rem;font-size:.8rem;flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:none;justify-content:center;align-items:center;z-index:2000;transition:opacity .3s ease}.modal-overlay.active{display:flex}.modal-container{max-width:800px;width:90%;max-height:90vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1.2fr;position:relative;z-index:2001;background-color:var(--color-blanco);border-radius:var(--borde-radio);box-shadow:0 10px 40px #0003}.modal-backdrop-closer{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.modal-image{width:100%;height:100%;object-fit:cover;border-top-left-radius:var(--borde-radio);border-bottom-left-radius:var(--borde-radio)}.modal-info{padding:2rem 2.5rem;position:relative;max-height:80vh;overflow-y:auto}.modal-close-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:1.8rem;color:var(--color-gris-suave);cursor:pointer;transition:color .3s ease}.modal-close-btn:hover{color:var(--color-principal-azul)}.modal-info h2,.modal-title,.widget-title{font-size:1.8rem;font-weight:700;color:var(--color-principal-azul);margin:0 0 .5rem}.modal-title{margin-bottom:2rem;text-align:center}.widget-title{margin-bottom:.25rem}.modal-category{font-size:1rem;color:var(--color-gris-suave);margin-bottom:1.5rem;display:block}.modal-description{font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.modal-price{font-size:2rem;font-weight:700;color:var(--color-acento-verde);margin-bottom:2rem;display:block}@media (max-width: 768px){.modal-container{grid-template-columns:1fr;width:95%;max-height:85vh}.modal-image{height:250px;border-radius:var(--borde-radio) var(--borde-radio) 0 0}.modal-info{padding:1.5rem}}.text-intro{text-align:center;max-width:800px;margin:0 auto 3rem}.text-intro p{font-size:1.1rem;line-height:1.7;color:var(--color-gris-suave)}.vet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem}.vet-card{overflow:hidden;display:flex;flex-direction:column}.vet-map iframe{display:block}.vet-info{padding:1.5rem 2rem 2rem}.vet-info h3{font-size:1.5rem;color:var(--color-principal-azul);margin-top:0;margin-bottom:1.5rem}.vet-info ul{list-style:none;padding:0;margin:0}.vet-info li{display:flex;align-items:flex-start;gap:1rem;color:var(--color-gris-suave);margin-bottom:1rem}.vet-info li i{font-size:1.1rem;color:var(--color-acento-verde);margin-top:4px}@media (max-width: 480px){.vet-grid{grid-template-columns:1fr}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:flex-start}.contact-details .section-title:after{margin:.5rem auto 2rem}.contact-intro{font-size:1.1rem;line-height:1.7;color:var(--color-gris-suave);margin-bottom:2.5rem;text-align:center}.contact-list{list-style:none;padding:0;margin:0}.contact-list li{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;text-align:left}.contact-list .icon{font-size:1.5rem;color:var(--color-acento-verde);margin-top:5px;width:30px;text-align:center}.contact-list div{display:flex;flex-direction:column}.contact-list strong{font-size:1.1rem;color:var(--color-principal-azul);margin-bottom:.25rem}.contact-list span{color:var(--color-gris-suave);line-height:1.6}.contact-map{border-radius:var(--borde-radio);overflow:hidden;height:500px;box-shadow:var(--sombra-suave)}.contact-map .map-placeholder{width:100%;height:100%;background-color:var(--color-fondo-claro);display:flex;justify-content:center;align-items:center;color:var(--color-gris-suave)}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}.contact-map{height:400px;margin-top:2rem}}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:4rem 0}.hero{height:80vh}.section-title{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:80%;text-align:center}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gris-borde)}.page-header h1{font-size:2.2rem;font-weight:700;color:var(--color-principal-azul)}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem;align-items:start}@media (max-width: 1024px){.order-grid{grid-template-columns:1fr}}.order-card{display:flex;flex-direction:column}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.order-header h2{font-size:1.4rem;font-weight:600;color:var(--color-principal-azul);margin:0}.order-header span{font-size:.9rem;color:var(--color-gris-suave)}.order-price{font-size:1.5rem;font-weight:700;color:var(--color-acento-verde)}.order-body{padding:1.5rem 1.5rem 0;margin-bottom:1.5rem;color:var(--color-gris-suave);line-height:1.6}.order-body p{margin:.25rem 0}.order-footer{margin-top:auto;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--color-fondo-claro);text-align:right}.status-tracker{display:flex;justify-content:space-between;margin:1rem 0;position:relative}.status-tracker:before{content:"";position:absolute;top:8px;left:10px;right:10px;height:3px;background-color:var(--color-fondo-claro);z-index:1}.status-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;text-align:center}.status-dot{width:20px;height:20px;border-radius:50%;background-color:var(--color-gris-borde);border:3px solid var(--color-fondo-claro);transition:background-color .3s ease}.status-label{font-size:.75rem;color:var(--color-gris-suave);margin-top:.5rem;font-weight:500}.status-step.completed .status-dot,.status-step.active .status-dot{background-color:var(--color-acento-verde)}.status-step.active .status-dot{transform:scale(1.2)}.status-step.active .status-label{color:var(--color-principal-azul);font-weight:600}.empty-state-card{grid-column:1 / -1;text-align:center;padding:4rem 2rem;border:2px dashed var(--color-gris-borde)}.empty-state-icon{font-size:4rem;color:var(--color-gris-borde);margin-bottom:1.5rem}.empty-state-card h2{font-size:1.8rem;color:var(--color-principal-azul)}.empty-state-card p{color:var(--color-gris-suave)}.details-list{list-style:none;padding:0;margin:2rem 0}.details-list li{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--color-fondo-claro)}.details-list li:last-child{border-bottom:none}.details-list strong{color:var(--color-principal-azul);font-weight:600}.details-list span{color:var(--color-gris-suave)}.details-list .total strong,.details-list .total span{font-size:1.2rem;font-weight:700;color:var(--color-principal-azul)}.status-badge{background-color:var(--color-acento-verde);color:#eee!important;padding:.25rem .75rem;border-radius:50px;font-size:.9rem;font-weight:500}.pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,350px));gap:2rem;justify-content:center}.pet-card{overflow:hidden;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;border-radius:1rem;background:linear-gradient(135deg,#fff,#eef6fc);border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.pet-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.pet-card img{width:100%;height:220px;object-fit:cover;background-color:#eee}.pet-info{padding:1.5rem;flex-grow:1}.pet-info h2{font-size:1.5rem;font-weight:600;color:var(--color-principal-azul);margin:0 0 .25rem}.pet-info p{color:var(--color-gris-suave);margin:0 0 .5rem}.pet-info span{font-size:.9rem;color:var(--color-gris-suave)}.pet-actions{display:flex;border-top:1px solid var(--color-fondo-claro)}.pet-actions .action-btn,.pet-actions .action-btn-danger{flex:1;padding:1rem;border:none;background:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:background-color .2s ease}.pet-actions .action-btn{color:var(--color-principal-azul)}.pet-actions .action-btn:hover{background-color:#f0f4f8}.pet-actions .action-btn-danger{color:var(--color-rojo-error);border-left:1px solid var(--color-fondo-claro)}.pet-actions .action-btn-danger:hover{background-color:#fdf2f2}.recarga-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:9999}.recarga-spinner{border:5px solid #f3f3f3;border-top:5px solid var(--color-principal-azul, #3498db);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:1.5rem}.form-group label,.form-group.checkbox-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-principal-azul)}.form-group.checkbox-group{display:flex;align-items:center;gap:.5rem}.form-group.checkbox-group input[type=checkbox]{width:auto;margin:0}.form-group.checkbox-group label{font-weight:400;margin-bottom:0;display:inline;color:var(--color-texto, #333)}.input,.input-file{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gris-borde);border-radius:.5rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--color-acento-verde);box-shadow:0 0 0 2px #6aaf5433}.input-file{padding:.5rem;background-color:var(--color-blanco)}.form-buttons{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-fondo-claro)}.form-buttons .btn-secondary{background-color:var(--color-gris-suave);color:var(--color-blanco);border:1px solid #eee}.form-buttons .btn-secondary:hover{background-color:#5a6268}.form-buttons .btn-primary{background-color:var(--color-acento-verde);color:#eee;border:1px solid #eee}.form-buttons .btn-primary:hover{background-color:var(--color-acento-verde)}.error-message{color:var(--color-rojo-error);font-size:.875rem;margin-top:.25rem}.progress-bar{width:100%;background-color:var(--color-fondo-claro);border-radius:5px;margin-top:.75rem;overflow:hidden}.progress{width:0%;height:8px;background-color:var(--color-acento-verde);transition:width .3s ease}.file-input-wrapper{width:100%}.file-input-hidden{display:none}.file-input-label{display:block;width:100%;height:150px;border:2px dashed var(--color-gris-borde);border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .2s ease}.file-input-label:hover{border-color:var(--color-acento-verde);background-color:#f7fafc}.file-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem;color:var(--color-gris-suave)}.file-placeholder i{font-size:2rem}.file-placeholder span{font-weight:500}.file-preview{width:100%;height:100%;object-fit:cover}.chat-container{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 180px);overflow:hidden}.chat-sidebar{background:#f8fafc;border-right:1px solid var(--color-gris-borde);padding:1.5rem 1rem;display:flex;flex-direction:column}.sidebar-title{font-size:1.1rem;font-weight:600;color:var(--color-principal-azul);padding:0 .5rem 1rem;border-bottom:1px solid var(--color-gris-borde);margin-bottom:1rem}.conversation-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;cursor:pointer;transition:background-color .2s ease}.conversation-item:hover{background-color:#eef2f7}.conversation-item.active{background-color:var(--color-acento-verde);color:var(--color-blanco)}.conversation-item .avatar{width:45px;height:45px;border-radius:50%;background-color:var(--color-principal-azul);color:var(--color-blanco);display:flex;justify-content:center;align-items:center;font-weight:600;font-size:1.2rem;flex-shrink:0}.conversation-item.active .avatar{background-color:var(--color-blanco);color:var(--color-acento-verde)}.convo-info{overflow:hidden}.convo-title{font-weight:600;display:block}.conversation-item.active .convo-title{color:var(--color-blanco)}.convo-snippet{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.chat-main{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-messages{flex-grow:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;min-height:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.message-bubble-wrapper{display:flex}.message-bubble{max-width:70%;padding:1rem 1.25rem;border-radius:1.25rem;line-height:1.5}.message-bubble.sent{background-color:var(--color-acento-verde);color:var(--color-blanco);border-bottom-right-radius:.25rem;margin-left:auto}.message-bubble.received{background-color:#f4f7fc;color:#1f2937;align-self:flex-start;border-bottom-left-radius:0}.message-content strong{font-weight:600;display:block;margin-bottom:.25rem;font-size:.9rem;opacity:.8}.message-content p{margin:0}.message-meta{font-size:.75rem;margin-top:.5rem;text-align:right;opacity:.7}.reply-form{border-top:1px solid var(--color-gris-borde);padding:1rem;flex-shrink:0;background:#fff}.success-alert{padding:1rem;margin-bottom:1rem;background-color:#d1fae5;color:#065f46;border-left:4px solid #10b981;border-radius:.5rem}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-gris-suave);text-align:center}.empty-chat i{font-size:3rem;margin-bottom:1rem;opacity:.5}.client-messaging-layout{max-width:900px;margin:0 auto}.client-messaging-layout .chat-panel{display:flex;flex-direction:column;height:calc(100vh - 180px);border:1px solid var(--color-gris-borde);border-radius:var(--borde-radio);background:var(--color-blanco);overflow:hidden}.client-messaging-layout .chat-header{padding:1rem;border-bottom:1px solid var(--color-gris-borde);font-weight:600;font-size:1.1rem;color:var(--color-principal-azul);flex-shrink:0}.client-messaging-layout .messages-container{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.client-messaging-layout .messages-container::-webkit-scrollbar{width:6px}.client-messaging-layout .messages-container::-webkit-scrollbar-track{background:transparent}.client-messaging-layout .messages-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.client-messaging-layout .message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:1rem;line-height:1.5}.client-messaging-layout .message-bubble.sent{background-color:var(--color-principal-azul);color:#fff;align-self:flex-end;border-bottom-right-radius:0}.client-messaging-layout .message-bubble.received{background-color:var(--color-acento-verde);color:#fff;align-self:flex-start;border-bottom-left-radius:0}.client-messaging-layout .message-time{font-size:.75rem;color:#ffffffb3;margin-top:.25rem;text-align:right}.client-messaging-layout .message-bubble.received .message-time{color:#ffffffe6}.client-messaging-layout .chat-input-area{border-top:1px solid var(--color-gris-borde);padding:1rem;flex-shrink:0;background:#fff}@media (max-width: 768px){.client-messaging-layout{height:50vh!important;margin-bottom:15rem!important;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.client-messaging-layout .chat-input-area{padding-bottom:1rem;padding-right:5rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.client-messaging-layout .no-conversation{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--color-gris-suave);text-align:center}.client-messaging-layout .no-conversation .icon{font-size:3rem;margin-bottom:1rem}@media (max-width: 768px){.client-messaging-layout{max-width:100%}.client-messaging-layout .chat-panel{height:calc(100vh - 140px)}}.empty-chat i{font-size:4rem;margin-bottom:1rem;opacity:.5}@media (max-width: 900px){.chat-container{grid-template-columns:1fr;height:80vh}.chat-sidebar{display:none}.chat-messages{height:auto}}.form-container{padding:2.5rem 3rem;max-width:800px;margin:auto}.step-content{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step-title{font-size:1.8rem;font-weight:700;color:var(--color-principal-azul);text-align:center;margin-bottom:.5rem}.step-subtitle{text-align:center;color:var(--color-gris-suave);max-width:500px;margin:0 auto 2.5rem;line-height:1.6}.product-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.product-select-card{border:1px solid var(--color-gris-borde);border-radius:var(--borde-radio);text-align:center;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:250px}.product-select-card:hover{transform:translateY(-5px);box-shadow:var(--sombra-suave);border-color:var(--color-acento-verde)}.product-select-card img{display:block;max-width:100%;max-height:300px;height:auto;width:auto;margin:0 auto 1rem;border-radius:.5rem;background-color:#f8f8f8}.product-select-card h3{font-size:1.1rem;font-weight:600;color:var(--color-principal-azul);margin:0}.product-select-card span{font-size:1.2rem;font-weight:700;color:var(--color-acento-verde)}.multistep-progress{display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.step-node{display:flex;flex-direction:column;align-items:center;color:var(--color-gris-suave);font-weight:500;font-size:.9rem;position:relative}.step-node:before{content:"";width:24px;height:24px;border-radius:50%;background-color:var(--color-gris-borde);margin-bottom:.5rem;border:4px solid #f8fafc;transition:all .3s ease}.step-node.active:before{background-color:var(--color-acento-verde);transform:scale(1.1)}.step-node.active{color:var(--color-principal-azul);font-weight:600}.step-line{flex-grow:1;height:3px;background-color:var(--color-gris-borde);margin:0 -2px;transform:translateY(-14px)}.summary-box{background-color:#f8fafc;border-radius:var(--borde-radio);padding:1.5rem;border:1px solid var(--color-gris-borde)}.summary-box ul,.summary-box li{list-style:none;padding:0;margin:0}.summary-box li{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-gris-borde)}.summary-box li:last-child{border:none}.summary-box strong{color:var(--color-principal-azul);font-weight:600}.summary-box span{color:var(--color-gris-suave)}.summary-box .total strong,.summary-box .total span{font-size:1.2rem;color:var(--color-principal-azul);font-weight:700}.confirmation-box{text-align:center;padding:2rem}.confirmation-box i{font-size:4rem;color:var(--color-acento-verde);margin-bottom:1.5rem}.confirmation-box h2{font-size:2rem;color:var(--color-principal-azul);margin-bottom:1rem}.confirmation-box p{color:var(--color-gris-suave);line-height:1.7;max-width:500px;margin:0 auto 2rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .input{padding-right:40px}.toggle-password-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-gris-suave);padding:5px;font-size:1.1rem;transition:color .2s}.toggle-password-btn:hover{color:var(--color-principal-azul)}.auth-subtitle{font-size:1rem;color:var(--color-gris-suave);margin-top:.5rem}.success-message-box{background-color:#d4edda;border-radius:8px;padding:1rem}.btn-link-secondary{background:none;border:none;color:var(--color-principal-azul);font-size:.95rem;font-weight:500;text-decoration:underline;cursor:pointer;transition:color .2s}.btn-link-secondary:hover{color:var(--color-acento-verde)}.settings-section{width:100%;margin-top:1.5rem}.settings-widget{padding:2rem;margin-bottom:2rem}.widget-header{margin-bottom:1.5rem;border-bottom:1px solid var(--color-gris-borde);padding-bottom:1rem}.widget-subtitle{font-size:.9rem;color:var(--color-gris-suave)}.settings-form{max-width:500px;margin-top:1.5rem}.verification-notice{margin-top:1rem;font-size:.9rem;color:var(--color-texto)}.btn-link-primary{color:var(--color-acento-verde);font-weight:600;text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}.verification-sent-message{margin-top:.5rem;font-weight:600;color:var(--color-acento-verde)}.form-actions{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.success-message{font-size:.9rem;color:var(--color-gris-suave)}.settings-separator{border:none;height:1px;background-color:var(--color-gris-borde);margin:2rem 0}.appearance-selector-group{display:flex;gap:1rem}.appearance-option{display:flex;cursor:pointer;align-items:center;padding:.75rem 1.25rem;border:1px solid var(--color-gris-borde);color:var(--color-gris-suave);font-weight:500;transition:all .2s ease;border-radius:8px}.appearance-option:hover{border-color:var(--color-principal-azul);color:var(--color-principal-azul)}.appearance-option-active{background-color:var(--color-acento-verde);color:var(--color-blanco);border-color:var(--color-acento-verde);box-shadow:0 2px 5px #6aaf544d}.appearance-option-active:hover{background-color:#5a9c47;color:var(--color-blanco)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.code-input-container{display:flex;align-items:center}.input-2fa{height:45px;width:40px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.25rem;font-weight:600;border:2px solid var(--color-gris-borde);color:var(--color-principal-azul);transition:all .2s ease;background-color:#fff}.input-2fa:focus{border-color:var(--color-acento-verde);box-shadow:0 0 0 1px var(--color-acento-verde);position:relative;z-index:10;outline:none}.input-2fa-first{border-top-left-radius:8px;border-bottom-left-radius:8px}.input-2fa-last{border-top-right-radius:8px;border-bottom-right-radius:8px}.input-2fa-separator{margin-left:-2px}.input-2fa:not(.input-2fa-first):not(.input-2fa-last){border-radius:0}.profile-dashboard-wrapper{width:100%;padding:1rem;max-width:900px;margin:0 auto}.profile-info-card{padding:2rem;margin-bottom:3rem;display:flex;align-items:center;gap:2rem;border:1px solid var(--color-gris-borde)}.profile-avatar{width:80px;height:80px;border-radius:50%;background-color:var(--color-acento-verde);color:#fff;font-size:2.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;flex-shrink:0}.profile-name{font-size:2rem;font-weight:700;color:var(--color-principal-azul);margin:0 0 .25rem}.profile-role,.profile-email{font-size:.95rem;color:var(--color-gris-suave);margin:.25rem 0}.profile-email i{margin-right:.5rem;color:var(--color-acento-verde)}.profile-status{margin-left:auto;align-self:flex-start}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.status-verified{background-color:#d4edda;color:#155724}.status-unverified{background-color:#f8d7da;color:#721c24}.section-title-md{font-size:1.6rem;font-weight:600;color:var(--color-principal-azul);margin-bottom:1.5rem;border-bottom:2px solid var(--color-gris-borde);padding-bottom:.5rem}.action-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{padding:1.5rem;border:1px solid var(--color-gris-borde);transition:all .2s ease;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}.action-card:hover{box-shadow:0 6px 15px #0000001a;border-color:var(--color-acento-verde);transform:translateY(-2px)}.action-card .icon-bg-blue,.action-card .icon-bg-green,.action-card .icon-bg-orange,.action-card .icon-bg-red{width:45px;height:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#fff;margin-bottom:1rem}.icon-bg-blue{background-color:var(--color-principal-azul)}.icon-bg-green{background-color:var(--color-acento-verde)}.icon-bg-orange{background-color:#fd7e14}.icon-bg-red{background-color:#dc3545}.action-card .card-title{font-size:1.25rem;font-weight:600;color:var(--color-principal-azul);margin:0}.action-card .card-subtitle{font-size:.9rem;color:var(--color-gris-suave);margin-top:.25rem}.action-card-danger{border-color:#dc3545}.notification-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:1rem;max-width:400px}.toast{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;overflow:hidden;position:relative;min-width:350px}.toast-content{display:flex;align-items:flex-start;padding:1rem;gap:1rem}.toast-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.toast-primary .toast-icon{background:linear-gradient(135deg,var(--color-principal-azul),#2c5f7d)}.toast-success .toast-icon{background:linear-gradient(135deg,var(--color-acento-verde),#7dc96f)}.toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.toast-body{flex-grow:1;min-width:0}.toast-title{font-size:.95rem;font-weight:600;color:var(--color-texto);margin:0 0 .25rem}.toast-message{font-size:.875rem;color:var(--color-gris-suave);margin:0 0 .5rem;line-height:1.4}.toast-time{font-size:.75rem;color:var(--color-gris-borde)}.toast-close{flex-shrink:0;background:none;border:none;color:var(--color-gris-suave);cursor:pointer;padding:.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background:#0000000d;color:var(--color-texto)}.toast-progress{height:4px;background:#0000000d;overflow:hidden}.toast-progress-bar{height:100%;transition:width .1s linear}.toast-primary .toast-progress-bar{background:var(--color-principal-azul)}.toast-success .toast-progress-bar{background:var(--color-acento-verde)}.toast-warning .toast-progress-bar{background:#f59e0b}.toast-info .toast-progress-bar{background:#3b82f6}@media (max-width: 768px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{margin-bottom:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #eee;padding:1rem}.data-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:.75rem 0;border-bottom:1px solid #f0f0f0;font-size:.95rem}.data-table td:last-child{border-bottom:none;justify-content:center;padding-top:1rem;margin-top:.5rem}.data-table td:before{content:attr(data-label);font-weight:700;color:var(--color-principal-azul);text-align:left;margin-right:1rem;flex-shrink:0}.data-table td.actions-cell,.data-table td:last-child{flex-direction:column;gap:.5rem;width:100%}.data-table td button,.data-table td a.btn{width:100%;justify-content:center;margin:0!important}}@media (max-width: 640px){.notification-container{right:10px;left:10px;max-width:none}.toast{min-width:0;width:100%}}