*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e293b;background-color:#f8fafc;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:0 16px;width:100%}a{color:#2563eb;text-decoration:none;transition:color .2s}a:hover{color:#1d4ed8}img{max-width:100%;height:auto}.text-center{text-align:center}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.site-header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:16px 0}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 16px;position:relative}.site-header .logo{font-size:24px;font-weight:700;color:#2563eb;text-decoration:none}.site-header .logo span{color:#1e293b}.site-header nav{display:flex;gap:16px}.site-header nav a{color:#64748b;font-size:14px;font-weight:500;transition:color .2s}.site-header nav a:hover{color:#2563eb}.site-header .hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:none;border:none;cursor:pointer;z-index:10}.site-header .hamburger__line{display:block;width:100%;height:2px;background:#1e293b;border-radius:2px;transition:transform .3s,opacity .3s}.site-header .hamburger--open .hamburger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header .hamburger--open .hamburger__line:nth-child(2){opacity:0}.site-header .hamburger--open .hamburger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.site-header .hamburger{display:flex}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px #00000012;z-index:9}.site-header nav.nav--open{display:flex}.site-header nav a{padding:8px 0;font-size:16px}}.site-footer{background-color:#fff;border-top:1px solid #e2e8f0;padding:32px 0;margin-top:auto}.site-footer .footer-inner{max-width:1100px;margin:0 auto;padding:0 16px;text-align:center}.site-footer .footer-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:24px}.site-footer .footer-tools a{color:#64748b;font-size:14px}.site-footer .footer-tools a:hover{color:#2563eb}.site-footer .footer-legal{font-size:14px;color:#475569}.site-footer .footer-legal a{color:#475569}.site-footer .footer-legal a:hover{color:#2563eb}.ad-slot{text-align:center;margin:24px 0;min-height:90px}.ad-slot--leaderboard{min-height:90px}.ad-slot--rectangle{min-height:250px}.amazon-products{background-color:#f1f5f9;border-radius:8px;padding:24px;margin:24px 0}.amazon-products h3{font-size:18px;margin-bottom:16px}.amazon-products .product-list{display:flex;gap:16px;flex-wrap:wrap}.amazon-products .product-list a{display:block;padding:8px 16px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;font-size:14px;transition:border-color .2s}.amazon-products .product-list a:hover{border-color:#2563eb}.tool-hero{text-align:center;padding:32px 0 24px}.tool-hero h1{font-size:32px;color:#1e293b;margin-bottom:8px}.tool-hero .tool-description{color:#64748b;font-size:18px;max-width:600px;margin:0 auto}.tool-box{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;padding:32px;margin:0 auto 32px;max-width:700px}.tool-box label{display:block;font-weight:600;margin-bottom:4px;color:#0f172a}.tool-box input[type=text],.tool-box input[type=number],.tool-box textarea,.tool-box select{width:100%;padding:8px 16px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .2s,box-shadow .2s}.tool-box input[type=text]:focus,.tool-box input[type=number]:focus,.tool-box textarea:focus,.tool-box select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tool-box textarea{resize:vertical;min-height:100px}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tool-btn:hover{background:#1d4ed8}.tool-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.tool-btn--secondary{background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1}.tool-btn--secondary:hover{background:#e2e8f0}.tool-btn--success{background:#16a34a}.tool-btn--success:hover{background:#117f3a}.tool-btn--copy{padding:4px 8px;font-size:14px;white-space:nowrap}.tool-btn--copied,.tool-btn--copied:hover{background:#16a34a}.tool-result{margin-top:24px;padding:24px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:16px;opacity:0;transform:translateY(4px);transition:opacity .3s ease-out,transform .3s ease-out}.tool-result--fade-in{opacity:1;transform:translateY(0)}.tool-result__content{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.tool-result--success{background:#abf4c6;border-color:#67eb98}.tool-result--error{background:#f8d6d6;border-color:#ee9494}.tool-content{max-width:700px;margin:32px auto;padding:0 16px}.tool-content h2{font-size:24px;margin:32px 0 16px;color:#1e293b}.tool-content p{color:#475569;margin-bottom:16px;line-height:1.8}.tool-faq{max-width:700px;margin:32px auto;padding:0 16px}.tool-faq h2{font-size:24px;margin-bottom:24px}.tool-faq details{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px}.tool-faq details summary{padding:16px;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.tool-faq details summary:hover{color:#2563eb}.tool-faq details p{padding:0 16px 16px;color:#475569;line-height:1.7}.related-tools{max-width:700px;margin:32px auto 48px;padding:0 16px}.related-tools h2{font-size:24px;margin-bottom:24px}.related-tools__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.related-tools .tool-card h3{font-size:16px;margin-bottom:4px}.related-tools .tool-card p{font-size:14px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:24px 0 48px}.tool-card{display:block;background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;text-decoration:none;transition:box-shadow .2s,border-color .2s}.tool-card:hover{box-shadow:0 10px 25px #0000001a;border-color:#2563eb}.tool-card h2,.tool-card h3{font-size:18px;color:#1e293b;margin-bottom:8px}.tool-card p{color:#64748b;font-size:14px;line-height:1.6}.tool-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.home-content{max-width:800px;padding-bottom:48px}.validador-nif .input-group{display:flex;gap:8px;margin-bottom:16px}.validador-nif .input-group .input-wrapper{position:relative;flex:1;display:flex;align-items:center}.validador-nif .input-group input{flex:1;text-transform:uppercase;padding-right:100px}.validador-nif .btn-clear{position:absolute;right:80px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;font-size:18px;color:#475569;line-height:1;transition:background .2s}.validador-nif .btn-clear:hover{background:#cbd5e1}.validador-nif .btn-clear:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.validador-nif .hint-enter{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#64748b;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.validador-nif .validation-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-weight:600;font-size:14px}.validador-nif .validation-badge--valid{background:#abf4c6;color:#16a34a}.validador-nif .validation-badge--invalid{background:#f8d6d6;color:#dc2626}.validador-nif .document-type{display:flex;gap:8px;margin-bottom:24px}.validador-nif .document-type button{flex:1;padding:8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .2s}.validador-nif .document-type button.active{border-color:#2563eb;background:#c9d8fa;color:#2563eb}.validador-nif .document-type button:hover:not(.active){border-color:#475569}.validador-nif .document-type button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media(max-width:640px){.validador-nif .input-group{flex-direction:column}.validador-nif .input-group input{padding-right:100px}}.generador-qr .qr-input-section{margin-bottom:24px}.generador-qr .qr-input-section textarea{margin-bottom:4px}.generador-qr .char-count{display:block;text-align:right;font-size:14px;color:#64748b}.generador-qr .char-count--over{color:#dc2626;font-weight:600}.generador-qr .qr-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.generador-qr .qr-option label{margin-bottom:4px}.generador-qr .qr-option select{width:100%}.generador-qr .qr-option input[type=color]{width:100%;height:40px;padding:4px;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;background:#fff}.generador-qr .qr-option input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.generador-qr .qr-option input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.generador-qr .qr-option input[type=color]:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.generador-qr .qr-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:24px}.generador-qr #qr-canvas{display:none;max-width:100%;height:auto;border-radius:6px}.generador-qr .qr-canvas--fade-in{animation:qr-fade-in .3s ease-out}@keyframes qr-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.generador-qr .qr-placeholder{color:#64748b;text-align:center;font-size:16px}.generador-qr .qr-actions{display:flex;gap:8px;justify-content:center;margin-top:24px}@media(max-width:640px){.generador-qr .qr-options{grid-template-columns:1fr}.generador-qr .qr-actions{flex-direction:column}.generador-qr .qr-actions .tool-btn{width:100%}}