*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a1a;background:#f5f5f7;width:100%;min-height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%;min-height:100vh}button{cursor:pointer;font-family:inherit}h1,h2,h3{font-weight:600}.pagina-catalogo{width:100%;min-height:100vh;padding:24px 16px}.pagina-catalogo h1{text-align:center;margin-bottom:24px;font-size:1.6rem}.grilla-plantillas{grid-template-columns:1fr;gap:16px;max-width:480px;margin:0 auto;display:grid}.tarjeta-plantilla{text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:transform .15s,box-shadow .15s}.tarjeta-plantilla:active{transform:scale(.98)}.tarjeta-plantilla__nombre{margin-bottom:4px;font-size:1.1rem}.tarjeta-plantilla__categoria{text-transform:uppercase;letter-spacing:.5px;color:#888;background:#f0f0f0;border-radius:4px;padding:2px 8px;font-size:.75rem;display:inline-block}.estado-carga,.estado-error{color:#666;justify-content:center;align-items:center;min-height:100vh;font-size:1rem;display:flex}@media (width>=600px){.grilla-plantillas{grid-template-columns:repeat(2,1fr);max-width:720px}}.pagina-formulario{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:24px 16px;display:flex}.pagina-formulario h1{text-align:center;margin-bottom:24px;font-size:1.6rem}.formulario-plantilla{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:24px;box-shadow:0 4px 6px #0000000d}.campo-formulario{margin-bottom:20px}.campo-formulario__etiqueta{color:#333;margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.campo-formulario input,.campo-formulario textarea{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:1rem;transition:border-color .2s}.campo-formulario input:focus,.campo-formulario textarea:focus{border-color:#007bff;outline:none}.mensaje-error{color:#d32f2f;text-align:center;margin-bottom:16px;font-size:.9rem}.boton-crear{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:background .2s}.boton-crear:disabled{cursor:not-allowed;background:#a0cfff}.boton-crear:hover:not(:disabled){background:#0056b3}.pagina-confirmacion{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;display:flex}.tarjeta-exito{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:480px;padding:32px 24px;box-shadow:0 8px 16px #0000001a}.tarjeta-exito h1{color:#2e7d32;margin-bottom:12px;font-size:1.5rem}.tarjeta-exito p{color:#555;margin-bottom:24px}.contenedor-enlace{gap:8px;margin-bottom:24px;display:flex}.input-enlace{color:#333;background:#f9f9f9;border:1px solid #ccc;border-radius:6px;flex:1;padding:10px;font-size:.9rem}.boton-copiar{color:#fff;cursor:pointer;white-space:nowrap;background:#2e7d32;border:none;border-radius:6px;padding:10px 16px;font-weight:600}.boton-copiar:hover{background:#1b5e20}.boton-secundario{color:#007bff;border:1px solid #007bff;border-radius:6px;padding:10px 20px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.boton-secundario:hover{color:#fff;background:#007bff}