.container{max-width:800px;margin:0 auto;padding:20px}.breadcrumb{margin-bottom:20px;color:#666;font-size:14px}.breadcrumb a{color:#007acc;text-decoration:none}.article{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.article-title{font-size:2.5em;margin-bottom:15px;color:#333;line-height:1.2}.article-description{font-size:1.2em;color:#666;margin-bottom:20px;line-height:1.6}.article-meta{padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:30px;color:#888;font-size:14px;display:flex;gap:15px;flex-wrap:wrap}.reading-time{color:#6b7280;font-weight:500}.article-featured-image{margin:30px 0;text-align:center}.featured-img{width:100%;max-width:800px;height:auto;border-radius:12px;box-shadow:0 8px 30px #0000001a}.article-content{line-height:1.8;color:#444;overflow-wrap:break-word;word-break:break-word}.article-content h2{font-size:2.2em;margin-top:40px;margin-bottom:20px;color:#333}.article-content h3{font-size:1.6em;margin-top:30px;margin-bottom:15px;color:#333}.article-content p{margin-bottom:20px;font-size:20px;overflow-wrap:break-word;word-break:break-word}.article-content strong{font-weight:700;color:#333}.article-content img{max-width:100%!important;width:100%!important;height:auto!important;display:block!important;margin:20px auto!important;border-radius:8px;box-shadow:0 4px 12px #0000001a}.article-content p img{margin:20px auto}.article-content figure{margin:30px 0;text-align:center}.article-content figure img{margin-bottom:10px}.article-content figcaption{font-size:14px;color:#666;font-style:italic}.article-content a{color:#3b82f6!important;text-decoration:underline!important;word-break:break-all!important;overflow-wrap:break-word!important;hyphens:auto!important;line-height:1.6!important}.article-content a:hover{color:#1d4ed8!important}.article-content ul,.article-content ol{margin:20px 0;padding-left:30px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:4px solid #007acc;margin:30px 0;font-style:italic;background-color:#f8f9fa;padding:20px;border-radius:4px}.article-footer{margin-top:40px;padding-top:20px;border-top:1px solid #eee}.back-link{color:#007acc;text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.floating-banner{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:1rem;box-shadow:0 8px 30px #0003;padding:1.25rem;z-index:9999;width:300px;border:1px solid #e5e7eb;opacity:0;transform:translateY(100px);transition:opacity .8s ease-out,transform .8s ease-out;pointer-events:none}.floating-banner.visible{opacity:1;transform:translateY(0);pointer-events:auto}.floating-banner.hidden{opacity:0;transform:translateY(100px);pointer-events:none}.close-banner-btn{position:absolute;top:-8px;right:-8px;background:#6b7280;color:#fff;border:none;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s;line-height:1}.close-banner-btn:hover{background:#4b5563;transform:scale(1.1)}.banner-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e5e7eb}.banner-tab{flex:1;padding:.65rem .5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;font-size:.85rem;color:#6b7280;transition:all .2s;margin-bottom:-2px;font-family:inherit}.banner-tab.active{color:#111827;border-bottom-color:#111827}.banner-tab:hover{color:#111827}.banner-tab-content{display:none}.banner-tab-content.active{display:block}.banner-image-container{width:100%;height:250px;border-radius:.5rem;background:#fff}.banner-image{height:100%;width:100%;object-fit:cover;border-radius:.5rem}.banner-content{display:flex;flex-direction:column;gap:.75rem}.banner-text{display:flex;flex-direction:column;text-align:center}.banner-text strong{font-size:1rem;color:#111827;font-weight:700;line-height:1.3;margin-bottom:.25rem}.banner-text span{font-size:.8rem;color:#6b7280}.banner-cta-btn{width:100%;background:#111827;color:#fff;border:none;padding:.875rem;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;font-family:inherit}.banner-cta-btn:hover{background:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.banner-contact-content h4{text-align:center;margin-bottom:1rem;color:#111827;font-size:1rem;font-weight:700}.contact-buttons{display:flex;flex-direction:column;gap:.75rem}.banner-contact-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s;box-shadow:0 2px 8px #0000001a}.banner-contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0003}.phone-btn{background:#2d3748;color:#fff}.phone-btn:hover{background:#1a202c}.whatsapp-btn{background:#25d366;color:#fff}.whatsapp-btn:hover{background:#20ba5a}.cita-btn{background:linear-gradient(27deg,#028090,#02c39a);color:#fff}.cita-btn:hover{opacity:.9}.popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem}.popup-modal.active{display:flex}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-container{position:relative;background:#fff;border-radius:1.5rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-close-btn{position:absolute;top:1rem;right:1rem;background:#f3f4f6;color:#6b7280;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.popup-close-btn:hover{background:#e5e7eb;transform:rotate(90deg)}.popup-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:3rem}.popup-left{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.popup-image{width:100%;max-width:300px;height:auto;border-radius:1rem;margin-bottom:1rem}.popup-social-proof{font-size:.9rem;color:#6b7280}.popup-social-proof strong{color:#111827;font-weight:700}.popup-right{display:flex;flex-direction:column}.popup-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:1rem;line-height:1.3}.popup-description{color:#374151;font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.popup-form{display:flex;flex-direction:column;gap:1rem}.popup-form-group{width:100%}.popup-input{width:100%;padding:.9rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .2s ease;outline:none}.popup-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.popup-input.valid{border-color:#10b981;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.popup-checkbox-wrapper{display:flex;align-items:flex-start;gap:.5rem}.popup-checkbox{width:18px;height:18px;margin-top:.2rem;cursor:pointer;accent-color:#10b981}.popup-checkbox-label{font-size:.85rem;color:#6b7280;line-height:1.4}.popup-checkbox-label a{color:#2563eb;text-decoration:none;font-weight:600}.popup-checkbox-label a:hover{text-decoration:underline}.popup-submit-btn{width:100%;padding:1rem;background:#111827;color:#fff;border:none;border-radius:.75rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease}.popup-submit-btn:hover{background:#1f2937;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.popup-submit-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.popup-guarantee{text-align:center;color:#6b7280;font-size:.85rem;margin-top:.5rem}.popup-success-message,.popup-error-message{display:none;text-align:center;padding:2rem}.popup-success-message.active,.popup-error-message.active{display:block}.success-icon{width:80px;height:80px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin:0 auto 1.5rem}.error-icon{width:80px;height:80px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin:0 auto 1.5rem}.popup-success-message h3,.popup-error-message h3{font-size:1.5rem;margin-bottom:1rem;color:#111827}.popup-success-message p{color:#374151;margin-bottom:.5rem}.success-note{font-size:.9rem;color:#6b7280}.error-phone{display:inline-block;color:#2563eb;font-weight:600;font-size:1.1rem;text-decoration:none;margin-top:1rem}.error-phone:hover{text-decoration:underline}@media (max-width: 768px){.floating-banner{bottom:10px;right:10px;max-width:240px;padding:.75rem}.banner-image-container{height:120px}.banner-text strong{font-size:.9rem}.banner-text span{font-size:.75rem}.banner-cta-btn{padding:.65rem 1rem;font-size:.85rem}.popup-content{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem}.popup-left{order:2}.popup-right{order:1}.popup-title{font-size:1.4rem}.popup-image{max-width:250px}.popup-close-btn{top:.5rem;right:.5rem;width:36px;height:36px}}@media (max-width: 480px){.popup-container{border-radius:1rem;max-height:95vh}.popup-content{padding:1.5rem 1rem}.popup-title{font-size:1.2rem}.banner-contact-btn{font-size:.85rem;padding:.75rem .875rem}}