.footer{background-color:#2e1b0e;color:#fff4e6;padding:40px 20px 20px;font-family:sans-serif;position:relative;z-index:1;margin-top:auto;width:100%}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;max-width:1000px;margin:0 auto 20px;gap:30px}.footer-brand h3{margin:0 0 10px;color:#fc9}.footer-brand p{margin:0;font-size:14px;color:#ddd}.footer-links{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}.footer-links a{color:#fdb;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{text-decoration:underline;color:#ffc58a}.footer-copy{text-align:center;font-size:12px;color:#bbb}body.dark-mode .footer{background-color:#141414;color:#eee}body.dark-mode .footer-brand h3{color:#ffa94d}body.dark-mode .footer-brand p{color:#ccc}body.dark-mode .footer-links a{color:#f0f0f0}body.dark-mode .footer-links a:hover{color:#ffa94d}body.dark-mode .footer-copy{color:#999}.social-links{margin-top:10px}.social-links a{margin-right:12px;font-size:1.3rem;color:inherit;transition:color .3s ease}.social-links a:hover{color:#007bff}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#fff;font-family:Segoe UI,sans-serif;border-bottom:1px solid #ddd;position:relative;z-index:10}.navbar-left{display:flex;align-items:center;gap:12px}.logo-img{height:50px;width:50px;object-fit:contain}.brand-text{display:flex;flex-direction:column;color:#924600;font-size:16px;line-height:1.1}.subtitle{font-size:12px}.hamburger{display:none;font-size:26px;cursor:pointer}.navbar-right{display:flex;align-items:center;gap:30px}.navbar-menu{list-style:none;display:flex;gap:25px;margin:0;padding:0;font-size:16px;color:#111}.navbar-menu li{cursor:pointer;transition:color .2s}.navbar-menu li:hover{color:#924600}.cart-button{background-color:#a45200;color:#fff;border:none;padding:8px 16px;font-weight:700;border-radius:10px;cursor:pointer;transition:background .3s}.cart-button:hover{background-color:#873d00}.mode-toggle-button{background-color:#a45200;color:#fff;border:none;padding:8px 16px;font-weight:700;border-radius:10px;cursor:pointer;transition:background .3s}.nav-link,.navbar-logo{text-decoration:none;color:inherit}.nav-link.active{text-decoration:underline}body.dark-mode .navbar{background-color:#1e1e1e;border-bottom:1px solid #333}body.dark-mode .brand-text{color:#ffa94d}body.dark-mode .subtitle{color:#ccc}body.dark-mode .navbar-menu li,body.dark-mode .nav-link{color:#fff}body.dark-mode .navbar-menu li:hover{color:#ffa94d}body.dark-mode .nav-link.active{color:#ffa94d;text-decoration:underline}body.dark-mode .navbar-right{background-color:#1e1e1e}body.dark-mode .cart-button{background-color:#ffa94d;color:#000}body.dark-mode .cart-button:hover{background-color:#e38b31}@media (max-width: 768px){.hamburger{display:block}.navbar-right{flex-direction:column;align-items:center;position:absolute;top:70px;right:0;width:100%;background-color:#fff;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease;border-top:1px solid #eee;box-shadow:0 2px 6px #0000000d;z-index:5}.navbar-right.open{max-height:500px;opacity:1}.navbar-menu{flex-direction:column;gap:15px;margin-top:10px}.btn-modo{background-color:#ffaa4d;color:#000;border:none;padding:8px 16px;border-radius:12px;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.btn-modo:hover{background-color:#e6952e}}.alerta-flotante{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background-color:var(--cafe);color:var(--texto-boton);border:1px solid #b26d33;padding:14px 20px;border-radius:10px;font-weight:700;font-size:15px;box-shadow:0 4px 12px #00000040;z-index:9999;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.alerta-flotante.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}@keyframes aparecer{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}body.dark-mode .alerta-flotante{background-color:var(--cafe);color:var(--texto-boton);border-color:#ffa94d88;box-shadow:0 4px 16px #0009}.hero-section{padding:60px 20px;text-align:center;background-color:#fff7f0;font-family:sans-serif}.hero-title{font-size:32px;font-weight:700;margin-bottom:10px;color:#6b3b00}.hero-subtitle{font-size:18px;color:#555;margin-bottom:30px;font-weight:700}.hero-search{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero-button{background-color:#924600;color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s}.hero-button:hover{background-color:#703700}.hero-input{padding:10px 35px 10px 15px;font-size:16px;width:280px;max-width:80%;border:1px solid #ccc;border-radius:50px;background-color:#fff;color:#000}.input-container{position:relative;display:inline-block;width:280px;max-width:80%}.clear-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:18px;cursor:pointer;color:red}.clear-button:hover{color:#333}.hero-toggle{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.hero-toggle button{background:#eee;border:1px solid #ccc;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s;color:#84838388}.hero-toggle button.activo{background-color:#924600;color:#fff;font-weight:700;box-shadow:0 0 0 2px #92460044;outline:2px solid #92460088}.hero-toggle button:hover{background-color:#cba27e}body.dark-mode .hero-toggle button{background:#444;color:#fff;border:1px solid #555}body.dark-mode .hero-toggle button.activo{background-color:#ffa94d;color:#000;box-shadow:0 0 0 2px #ffa94d44;outline:2px solid #ffa94d88}body.dark-mode .hero-toggle button:hover{background-color:#e38b31;color:#000}body.dark-mode .hero-section{background-color:#1e1e1e!important;color:#fff}body.dark-mode .hero-title{color:#fff!important}body.dark-mode .hero-subtitle{color:#ccc!important}body.dark-mode .hero-input{background-color:#2c2c2c;color:#fff;border:1px solid #555}body.dark-mode .clear-button{color:#aaa}body.dark-mode .clear-button:hover{color:#fff}@keyframes brillar-hero{0%,to{box-shadow:0 0 #92460000}50%{box-shadow:0 0 12px 4px #92460073}}.modo-ia .hero-input,.modo-ia .hero-button{animation:brillar-hero 2.2s ease-in-out infinite;border:1px solid #924600}@keyframes brillar-hero-dark{0%,to{box-shadow:0 0 #ffa94d00}50%{box-shadow:0 0 12px 4px #ffa94dbf}}body.dark-mode .modo-ia .hero-input,body.dark-mode .modo-ia .hero-button{animation:brillar-hero-dark 2.2s ease-in-out infinite;border:1px solid #FFA94D}.plans-section{padding:40px 20px;background-color:#fff;text-align:center;font-family:sans-serif}.plans-heading{font-size:28px;margin-bottom:40px;color:#6b3b00}.plans-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.plan-icon img{width:100%;height:100%;object-fit:contain}.plan-icon{width:60px;height:60px;margin:0 auto;display:flex;align-items:center;justify-content:center}body.dark-mode .plans-section{background-color:#1e1e1e;color:#fff}body.dark-mode .plans-heading{color:#ffa94d}.plan-card{background-color:#6b3b0031;border:1px solid #ddd;border-radius:10px;padding:20px;width:250px;text-align:center;font-family:sans-serif}.plan-title{font-size:20px;font-weight:700;color:#6b3b00}.plan-price{font-size:18px;margin:10px 0;color:#444}.plan-features{list-style:none;padding:0;text-align:left;margin-bottom:20px}.plan-feature{margin-bottom:5px}.plan-button{background-color:#924600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.darkmode-button{margin-left:10px;padding:6px 12px;background-color:transparent;border:1px solid currentColor;color:inherit;border-radius:5px;cursor:pointer;transition:all .3s ease}.darkmode-button:hover{opacity:.8}body.dark-mode .plan-title{color:#ffa94d}body.dark-mode .plan-price{color:#ddd}body.dark-mode .plan-feature{color:#ccc}body.dark-mode .plan-button{background-color:#ffa94d;color:#000}body.dark-mode .plan-button:hover{background-color:#e38b31}:root{--cafe: #924600;--crema: #fdf3ec;--crema-borde: #e8d6c1;--error-fondo: #ffe5e5;--error-borde: #f5c2c2;--error-texto: #a94442;--carga-fondo: #fff3e0;--carga-borde: #896838;--carga-brillo1: #c79e61;--carga-brillo2: #ad8851}button,input[type=submit]{all:unset;font:inherit;cursor:pointer;border-radius:6px;font-weight:700;padding:10px 20px;transition:background .3s ease}.dominios{width:80%;max-width:1000px;margin:0 auto;padding:60px 40px;font-family:sans-serif}.buscador{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}.buscador input{padding:10px;font-size:16px;width:300px;border-radius:5px;border:1px solid #ccc}.buscador button{background-color:var(--cafe);color:#fff}.alerta-error{background:linear-gradient(135deg,#fff1f1,#ffecec);color:#a83232;border:1px solid #f5b6b6;padding:15px 25px;border-radius:8px;font-weight:600;font-size:16px;text-align:center;max-width:1000px;margin:20px auto;box-shadow:0 4px 8px #ff00000d;animation:slideInDown .4s ease;position:relative}.resultado{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.resultado-dominio,.bloque{background:var(--crema);border:1px solid var(--crema-borde);border-radius:10px;padding:20px;flex:1;min-width:280px}.resultado-dominio{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:15px}.info-dominio{display:flex;flex-direction:column}.precio-dominio{font-size:16px;margin:6px 0;color:#333}.boton-adquirir,.bloque.hosting button,.alternativa button,.buscador button{background-color:var(--cafe);color:#fff}.boton-deshabilitado{background-color:#ddd;color:#777;cursor:not-allowed}.bloque.hosting button{display:block;margin:0 auto}.alternativas{flex:2;display:flex;flex-direction:column;gap:24px;max-height:400px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#cba27e #fdf3ec}.alternativas::-webkit-scrollbar{width:8px}.alternativas::-webkit-scrollbar-thumb{background-color:#cba27e;border-radius:6px}.alternativas::-webkit-scrollbar-track{background-color:#fdf3ec;border-radius:6px}.alternativa{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;border-radius:8px;padding:12px 20px;background-color:#fff}.precio-y-boton{display:flex;align-items:center;gap:10px}.precio{margin:0 10px}.boton-adquirir:hover,.buscador button:hover,.bloque.hosting button:hover,.alternativa button:hover{background-color:#7a3600;color:#fff}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.dark-mode{--cafe: #FFA94D;--crema: #2c2c2c;--crema-borde: #444;--error-fondo: #4e0000;--error-borde: #b94a48;--error-texto: #ffaaaa;--carga-fondo: #2c2c2c;--carga-borde: #FFA94D;--carga-brillo1: #e38b31;--carga-brillo2: #ffb155}body.dark-mode .precio-dominio,body.dark-mode .alternativa .precio,body.dark-mode .bloque p{color:#fff}body.dark-mode .alternativa{background-color:var(--crema);border:1px solid var(--crema-borde)}body.dark-mode .buscador input{background-color:#1e1e1e;color:#fff;border:1px solid #555}body.dark-mode .boton-adquirir,body.dark-mode .bloque.hosting button,body.dark-mode .alternativa button,body.dark-mode .buscador button{background-color:#ffa94d!important;color:#000!important}body.dark-mode .boton-adquirir:hover,body.dark-mode .bloque.hosting button:hover,body.dark-mode .alternativa button:hover,body.dark-mode .buscador button:hover{background-color:#e38b31!important}@keyframes brillar-cafe{0%,to{box-shadow:0 0 #92460000}50%{box-shadow:0 0 10px 3px #92460066}}.modo-ia .buscador input,.modo-ia .buscador button{animation:brillar-cafe 2.2s ease-in-out infinite;border-radius:8px;border:1px solid #924600}body.dark-mode .modo-ia .buscador input,body.dark-mode .modo-ia .buscador button{animation:brillar-cafe 2.2s ease-in-out infinite;border:1px solid #FFA94D;box-shadow:0 0 10px 3px #ff8400a7}:root{--cafe: #924600;--cafe-hover: #6e3200;--cafe-disabled: #c98b51;--texto-boton: white}body.dark-mode{--cafe: #FFA94D;--cafe-hover: #e38b31;--cafe-disabled: #c88e4a;--texto-boton: #000000}body{margin:0;font-family:sans-serif;background-color:#fefefe}html,body,#root{height:100%;margin:0;display:flex;flex-direction:column}#root{flex:1}body>div{display:flex;flex-direction:column;flex-grow:1}main{flex:1}ul{list-style:none;padding:0;margin:0}button{background-color:var(--cafe);color:var(--texto-boton);cursor:pointer}button,.boton-registro,.hero-button,.plan-button,.cart-button{background-color:var(--cafe);color:var(--texto-boton);border:none;padding:12px;font-size:15px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease;box-shadow:0 2px 6px #00000026}button:hover,.boton-registro:hover,.hero-button:hover,.plan-button:hover,.cart-button:hover{background-color:var(--cafe-hover);filter:brightness(.95)}button:disabled,.boton-registro:disabled,.hero-button:disabled,.plan-button:disabled,.cart-button:disabled{background-color:var(--cafe-disabled);opacity:.8;cursor:not-allowed}.plans-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}@media (max-width: 600px){nav ul{flex-direction:column;gap:10px;margin-top:10px}nav{flex-direction:column;align-items:flex-start}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}html,body{height:100%;margin:0}.modal-contenido{background:#fff;padding:2rem;border-radius:10px;width:400px}.busqueda-especial{display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px dashed #896838;padding:20px 30px;border-radius:12px;margin:30px auto;max-width:800px;animation:glow 2s ease-in-out infinite alternate}.spinner{width:40px;height:40px;border:4px solid #ffa726;border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.texto-carga{font-size:18px;color:#6d4c41;font-weight:700;animation:floatText 1.5s ease-in-out infinite;text-align:center}@keyframes floatText{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 10px #c79e61}to{box-shadow:0 0 20px #ad8851}}body.dark-mode{background-color:#1e1e1e;color:#fff}body,body *{transition:background-color .4s ease,color .4s ease,border-color .4s ease}.cuenta-container,.navbar,.hero-section,.footer,button,input,main,section,.plan-card,.tarjeta,.modal,.ext-card{transition:background-color .4s ease,color .4s ease,border-color .4s ease}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}body.dark-mode .form-error{background:#5a0000;color:#faa}.layout-admin .main-content,.layout-admin.collapsed .main-content,.admin-layout .main-content{margin-left:60px;padding:20px}.carrito{width:80%;max-width:1000px;padding:60px 40px;margin:0 auto}.carrito h1{font-size:32px;font-weight:600;margin-bottom:36px}.cantidad-items{font-size:18px;font-weight:400;color:#555;margin-left:10px}.carrito-contenido{display:flex;gap:48px;flex-wrap:wrap;align-items:flex-start}.lista-dominios{flex:2;display:flex;flex-direction:column;gap:24px}.item-dominio{display:flex;align-items:center;justify-content:space-between;background-color:#fdf3ec;padding:24px 28px;border-radius:14px;border:1px solid #e9d8c8}.item-dominio .check{font-size:22px;margin-right:16px;color:#924600}.item-dominio .nombre{flex:1;font-weight:600;font-size:16px}.item-dominio .precio{font-weight:700;font-size:16px}.resumen-pago{flex:1;background-color:#fdf3ec;border:1px solid #e9d8c8;padding:24px;border-radius:14px;min-width:260px}.resumen-pago h2{font-size:20px;margin-bottom:24px}.linea{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px}.linea.total{font-weight:700;font-size:16px;margin-top:16px}.btn-pago{display:block;margin:28px auto 0;padding:14px 24px;background-color:#924600;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;width:fit-content}.cart-button{background-color:#924600;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;transition:background .3s}.cart-button:hover{background-color:#7a3900}.cart-button.active{box-shadow:0 0 0 2px #92460044;outline:2px solid #92460088;text-decoration:underline}.lista-dominios{flex:2;display:flex;flex-direction:column;gap:24px;max-height:400px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#cba27e #fdf3ec}.btn-eliminar{background:#ffa94d33;border:none;color:var(--cafe);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;font-size:18px;transition:background .2s ease,color .2s ease}.btn-eliminar:hover{background-color:#92460033;color:#7a3600}body.dark-mode .carrito{color:#fff}body.dark-mode .cantidad-items{color:#ccc}body.dark-mode .item-dominio,body.dark-mode .resumen-pago{background-color:#2c2c2c;border:1px solid #444}body.dark-mode .item-dominio .check{color:#ffa94d}body.dark-mode .btn-pago{background-color:#ffa94d;color:#000}body.dark-mode .btn-pago:hover{background-color:#e38b31}body.dark-mode .btn-eliminar{background:#ffffff1a;color:#fff}body.dark-mode .btn-eliminar:hover{background-color:#fff3;color:#f55}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to bottom right,#a08b7d,#f6e7dc);font-family:Segoe UI,sans-serif;position:relative}.btn-back{position:absolute;top:24px;left:24px;padding:10px 18px;font-size:15px;font-weight:600;background-color:#6b3b00;color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #00000026;transition:background-color .3s ease,transform .2s ease}.btn-back:hover{background-color:#522500;transform:translate(-2px)}.login-box{background-color:#fff7f0;padding:40px 30px;border-radius:12px;box-shadow:0 6px 20px #6b3b0033;width:100%;max-width:360px;text-align:center;border:1px solid #e6cbb2}.logo-login{width:140px;margin-bottom:20px}.titulo-login{margin-bottom:20px;font-size:20px;color:#4a2e00}form{display:flex;flex-direction:column}form input{padding:12px;margin-bottom:16px;border:1px solid #d6b89c;border-radius:8px;font-size:14px;background-color:#fffaf7;transition:border .2s}form input:focus{outline:none;border-color:#6b3b00}form button{background-color:#924600!important;color:#fff!important;border:none;padding:12px;font-size:15px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s;box-shadow:0 4px 10px #0000001a}form button:hover{background-color:#6e3200!important}form button:disabled{background-color:#c98b51!important;cursor:not-allowed;opacity:.8}.mensaje{margin-top:10px;color:#c00;font-size:14px}.enlace,.enlace-prueba{margin-top:20px;font-size:13px;color:#4b2e00}.enlace a,.enlace-prueba a{color:#6b3b00;text-decoration:underline}.recuperar-link{margin-top:1rem;cursor:pointer;color:#e38b31;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#fff7f0;padding:2rem;border-radius:16px;box-shadow:0 8px 24px #0003;width:90%;max-width:420px;animation:fadeIn .3s ease-in-out;text-align:center}.modal h2{margin:0 0 1rem;font-size:1.5rem;color:#6b3b00}.modal input{width:100%;padding:12px;margin-bottom:1rem;border:1px solid #d6b89c;border-radius:8px;background-color:#fffaf7;font-size:1rem}.modal input:focus{outline:none;border-color:#6b3b00}.modal button{width:100%;padding:12px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:.5rem;transition:background-color .3s ease;background-color:#6b3b00;color:#fff;border:none}.modal button:hover{background-color:#522500}.modal .cancel-button{background-color:#bbb;color:#333}.modal .cancel-button:hover{background-color:#999}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}body.dark-mode .login-container{background:linear-gradient(to bottom right,#1e1e1e,#2c2c2c);color:#fff}body.dark-mode .btn-back{background-color:#ffa94d;color:#000}body.dark-mode .btn-back:hover{background-color:#e38b31}body.dark-mode .login-box{background-color:#2c2c2c;border:1px solid #555;box-shadow:0 6px 20px #ffffff0d}body.dark-mode .titulo-login{color:#ffa94d}body.dark-mode form input{background-color:#1e1e1e;color:#fff;border:1px solid #777}body.dark-mode form input::placeholder{color:#aaa}body.dark-mode form input:focus{border-color:#ffa94d}body.dark-mode .mensaje{color:#ff7070}body.dark-mode .enlace,body.dark-mode .enlace-prueba{color:#ccc}body.dark-mode .enlace a,body.dark-mode .enlace-prueba a{color:#ffa94d}body.dark-mode .modal{background-color:#2c2c2c;color:#fff}body.dark-mode .modal input{background-color:#1e1e1e;color:#fff;border:1px solid #777}body.dark-mode .modal input:focus{border-color:#ffa94d}body.dark-mode .modal button{background-color:#ffa94d;color:#000}body.dark-mode .modal button:hover{background-color:#e38b31}.registro-imagen{flex:.5;max-width:35%;background-image:url(/registro-imagen.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}.cuenta-container{max-width:800px;margin:3rem auto;padding:3rem;background:#fff7f0;border-radius:16px;border:1px solid #e0c8b0;box-shadow:0 8px 20px #6b3b0014;font-family:Segoe UI,sans-serif;color:#4a2e00;transition:all .3s ease}.cuenta-container h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#6b3b00;border-bottom:2px solid #d2b48c;padding-bottom:10px}.cuenta-info{display:flex;flex-direction:column;gap:1.2rem}.cuenta-dato{display:flex;justify-content:space-between;font-size:1rem;background-color:#fffaf7;padding:12px 20px;border-radius:10px;border:1px solid #e8d7c5}.cuenta-dato strong{font-weight:600;color:#6b3b00}.botones-accion{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:2.5rem}.btn-metodo-pago,.btn-cerrar-sesion{padding:12px 20px;font-size:1rem;font-weight:700;border-radius:10px;border:none;cursor:pointer;box-shadow:0 4px 10px #00000014;transition:background-color .3s ease,transform .2s ease}.btn-metodo-pago{background-color:#6b3b00;color:#fff}.btn-metodo-pago:hover{background-color:#522500;transform:scale(1.05)}.btn-cerrar-sesion{background-color:#8a4b00;color:#fff}.btn-cerrar-sesion:hover{background-color:#6b3b00;transform:scale(1.05)}body.dark-mode .cuenta-container{background-color:#2c2c2c;color:#fff;border:1px solid #444;box-shadow:0 8px 24px #ffffff0d}body.dark-mode .cuenta-container h2{color:#ffa94d;border-bottom:2px solid #FFA94D}body.dark-mode .cuenta-dato{background-color:#1e1e1e;border:1px solid #555}body.dark-mode .cuenta-dato strong{color:#ffa94d}body.dark-mode .btn-metodo-pago,body.dark-mode .btn-cerrar-sesion{background-color:#ffa94d;color:#000}body.dark-mode .btn-metodo-pago:hover,body.dark-mode .btn-cerrar-sesion:hover{background-color:#e38b31}.cuenta-dato input,.cuenta-dato select{flex:1;margin-left:1rem;padding:6px 10px;font-size:1rem;border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#333}.cuenta-aviso{background-color:#fff3cd;color:#856404;font-size:.9rem;padding:10px;border-radius:8px;margin-top:-10px;margin-bottom:10px;border:1px solid #ffeeba}.distribuidor-card{margin-top:2rem;background:#fffaf7;border:1px solid #e8d7c5;border-radius:14px;padding:1.25rem}.distribuidor-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.distribuidor-header h3{margin:0;font-size:1.25rem;color:#6b3b00}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#f4e3d3;border:1px solid #e0c8b0;color:#6b3b00}.distribuidor-loading,.distribuidor-error{padding:.75rem 1rem;border-radius:10px;font-size:.95rem}.distribuidor-loading{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.distribuidor-error{background:#ffe6e6;color:#8a1f1f;border:1px solid #ffcccc}.distribuidor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.5rem}.grid-item{background:#fff;border:1px solid #e8d7c5;border-radius:10px;padding:.75rem .9rem}.label{display:block;font-size:.8rem;color:#6b3b00;opacity:.8;margin-bottom:.25rem}.value{font-weight:600;color:#4a2e00}.distribuidor-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 .5rem}.stat{background:#fff;border:1px solid #e8d7c5;border-radius:12px;padding:.9rem;text-align:center}.stat-title{font-size:.85rem;color:#6b3b00;margin-bottom:.25rem;opacity:.85}.stat-value{font-size:1.25rem;font-weight:700;color:#4a2e00}.stat-value.currency{letter-spacing:.3px}.distribuidor-table-wrapper{overflow-x:auto;margin-top:.5rem}.distribuidor-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e8d7c5;border-radius:10px}.distribuidor-table thead th{background:#f4e3d3;color:#6b3b00;text-align:left;font-weight:700;padding:.6rem .75rem;border-bottom:1px solid #e0c8b0}.distribuidor-table tbody td{padding:.6rem .75rem;border-top:1px solid #f0e4d8;color:#4a2e00}.distribuidor-table tbody tr:hover{background:#fff7f0;cursor:default}.distribuidor-table td.positivo{color:#0a7a2f;font-weight:600}.distribuidor-table td.empty{text-align:center;color:#6b3b00;opacity:.8}body.dark-mode .distribuidor-card{background:#1e1e1e;border:1px solid #555}body.dark-mode .distribuidor-header h3,body.dark-mode .label,body.dark-mode .value{color:#ffa94d}body.dark-mode .badge{background:#2b2b2b;border-color:#555;color:#ffa94d}body.dark-mode .grid-item,body.dark-mode .stat,body.dark-mode .distribuidor-table{background:#2b2b2b;border-color:#555}body.dark-mode .distribuidor-table thead th{background:#3a3a3a;color:#ffa94d;border-bottom-color:#555}body.dark-mode .distribuidor-table tbody td{color:#fff;border-top-color:#444}body.dark-mode .distribuidor-table tbody tr:hover{background:#333}@media (max-width: 1024px){.distribuidor-grid,.distribuidor-stats{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.distribuidor-card{padding:1rem}.distribuidor-header h3{font-size:1.1rem}.distribuidor-grid{grid-template-columns:1fr}.stat{padding:.75rem}.stat-value{font-size:1.1rem}}@media (max-width: 480px){.badge{font-size:.78rem;padding:.18rem .5rem}}@media (max-width: 640px){.distribuidor-table td{display:block;padding:.6rem .75rem;border:0;border-top:1px solid #f0e4d8}.distribuidor-table td:first-child{border-top:0}.distribuidor-table td:before{display:block;margin-bottom:4px;font-weight:600;color:#6b3b00;font-size:.85rem}.distribuidor-table td:nth-child(1):before{content:"Dominio"}.distribuidor-table td:nth-child(2):before{content:"Precio original"}.distribuidor-table td:nth-child(3):before{content:"Ahorro por comisión"}.distribuidor-table td.positivo{color:#0a7a2f;font-weight:700}.distribuidor-table td.empty{text-align:left}}.tarjeta-container{max-width:500px;margin:2rem auto;background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:2rem;font-family:Segoe UI,sans-serif;box-shadow:0 2px 8px #0000001a}.tarjeta-formulario{display:flex;flex-direction:column}.tarjeta-titulo{font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:1rem;font-size:1.1rem;position:relative}.iconos-marcas{position:absolute;right:0;display:flex;gap:8px}.iconos-marcas img{width:40px;height:auto}label{margin-top:1rem;font-weight:500}input[type=text]{padding:10px;border:1px solid #ccc;border-radius:6px;margin-top:5px;font-size:14px}.tarjeta-flex{display:flex;gap:1rem}.guardar-check{margin-top:1.5rem;border:1px solid #4CAF50;padding:.8rem;border-radius:8px;background-color:#f9fff9;font-size:14px}.guardar-check input{margin-right:8px}.descripcion{display:block;color:#555;margin-left:24px;margin-top:4px}button[type=submit]{margin-top:2rem;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer}button[type=submit]:hover{background-color:#45a049}body.dark-mode .tarjeta-container{background-color:#2c2c2c;border:1px solid #555;color:#fff;box-shadow:0 2px 8px #ffffff0d}body.dark-mode .tarjeta-titulo{color:#ffa94d}body.dark-mode label{color:#ddd}body.dark-mode input[type=text]{background-color:#1e1e1e;color:#fff;border:1px solid #777}body.dark-mode .guardar-check{background-color:#1e1e1e;border:1px solid #FFA94D;color:#fff}body.dark-mode .descripcion{color:#aaa}body.dark-mode button[type=submit]{background-color:#ffa94d;color:#000}body.dark-mode button[type=submit]:hover{background-color:#e38b31}.date-picker{padding:10px;border:1px solid #ccc;border-radius:6px;margin-top:5px;font-size:14px;width:100%}body.dark-mode .date-picker{background-color:#1e1e1e;color:#fff;border:1px solid #777}.iconos-marcas{position:absolute;right:0;display:flex;align-items:center;gap:8px}.iconos-marcas img{width:50px;height:auto;object-fit:contain}.date-picker{width:100%;padding:10px;font-size:1rem;border-radius:6px;border:1px solid #ccc;transition:border-color .3s ease}.date-picker:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff33}.date-picker{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:16px}.metodos-container{padding:2rem;font-family:Segoe UI,sans-serif;max-width:800px;margin:auto}h2{text-align:center;margin-bottom:2rem}.error{color:red;text-align:center}.tarjetas-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.tarjeta{background-color:#f4f4f4;border:2px solid transparent;border-radius:12px;padding:1rem 1.5rem;width:220px;cursor:pointer;box-shadow:0 4px 12px #00000014;transition:all .2s ease-in-out}.tarjeta:hover{transform:translateY(-2px)}.tarjeta.seleccionada{border-color:#007bff;background-color:#eaf4ff}.marca{font-weight:700;font-size:1.1rem;color:#555;margin-bottom:.5rem}.numero{font-size:1.2rem;letter-spacing:2px;color:#333;margin-bottom:.5rem}.id-usuario{font-size:.85rem;color:#777}body.dark-mode .metodos-container{color:#fff}body.dark-mode .tarjeta{background-color:#2c2c2c;border:2px solid transparent;box-shadow:0 4px 12px #ffffff0d}body.dark-mode .tarjeta.seleccionada{border-color:#ffa94d;background-color:#3a3a3a}body.dark-mode .marca{color:#ddd}body.dark-mode .numero{color:#fff}body.dark-mode .id-usuario{color:#bbb}.logo-tarjeta{height:30px;object-fit:contain;margin-bottom:8px}.paquete-wrapper{background-color:#fdf6f0;min-height:100vh;padding:48px 20px;font-family:Segoe UI,sans-serif}.paquete-contenedor{max-width:960px;margin:0 auto;background:#fff;padding:40px;border-radius:20px;box-shadow:0 12px 32px #0000000f;text-align:center}.paquete-contenedor h1{font-size:32px;color:#5e2c00;margin-bottom:12px}.paquete-descripcion{font-size:16px;color:#666;margin-bottom:36px}.secciones{display:flex;flex-direction:column;gap:40px}.seccion-amigable{background:#fff7f2;border-left:6px solid #c9833b;border-radius:14px;padding:28px 24px;text-align:left;box-shadow:0 4px 14px #c9833b0d;transition:transform .2s ease}.seccion-amigable:hover{transform:scale(1.01)}.seccion-amigable h2{font-size:22px;color:#924600;margin-bottom:16px}.lista-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.lista-items li{background:#fff;border:1px solid #ecd8cb;border-radius:8px;padding:12px 16px;font-size:15px;color:#3a2b1f;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease,border .2s ease}.lista-items li:hover{background-color:#fdf1e8;border-color:#e1c1ad}.item-nombre{font-weight:500}.item-tamano{font-size:13px;color:#a67a53;font-style:italic}.btn-editar{font-size:13px;background-color:#ffe3cb;color:#5d2c00;border:1px solid #f3c398;border-radius:6px;padding:4px 10px;cursor:pointer;transition:background .2s ease}.btn-editar:hover{background-color:#fcd7b6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-contenido{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:420px;position:relative;box-shadow:0 8px 24px #0003;text-align:left}.modal-contenido h2{font-size:20px;color:#924600;margin-bottom:20px}.cerrar-modal{position:absolute;top:14px;right:16px;font-size:20px;background:none;border:none;color:#999;cursor:pointer}.input-editar{display:block;width:100%;margin-bottom:12px;padding:8px 12px;border:1px solid #c9a88a;border-radius:6px;font-size:15px;font-family:inherit}.acciones-edicion{display:flex;gap:10px;justify-content:flex-end}.btn-guardar{background-color:#b97144;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:700}.btn-cancelar{background-color:#ddd;color:#333;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.mensaje-flotante{position:fixed;bottom:30px;right:30px;background-color:#d4edda;color:#155724;padding:12px 20px;border-radius:8px;font-weight:500;box-shadow:0 4px 16px #00000026;z-index:9999;animation:fadein .3s ease}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mensaje-sin-paquete{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#6d3200;text-align:center}.mensaje-sin-paquete h1,.mensaje-sin-paquete h2{font-size:26px;margin-top:10px;margin-bottom:12px}.mensaje-sin-paquete p{font-size:16px;color:#555;max-width:600px;line-height:1.6}.icono-triste{font-size:54px;margin-bottom:10px}.nombre-plan-titulo{color:#924600;font-weight:600}.titulo-seccion-conteo{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.titulo-seccion-conteo h2{font-size:22px;color:#924600;margin:0}.cantidad-items{font-size:15px;color:#555}@media (max-width: 600px){.modal-contenido{width:92%;padding:24px}.acciones-edicion{flex-direction:column;gap:8px}.btn-editar{padding:6px 10px}.lista-items li{flex-direction:column;align-items:flex-start}.item-tamano{margin-top:6px}}body.dark-mode .paquete-wrapper{background-color:#1e1e1e}body.dark-mode .paquete-contenedor{background-color:#2a2a2a;color:#fff}body.dark-mode .seccion-amigable{background-color:#3a3a3a;border-left:6px solid #ffa94d}body.dark-mode .item-nombre{color:#ffa94d}body.dark-mode .item-tamano{color:#ccc}body.dark-mode .lista-items li{background:#2e2e2e;border-color:#555}body.dark-mode .modal-contenido{background-color:#2a2a2a;color:#fff}body.dark-mode .input-editar{background-color:#1e1e1e;color:#fff;border-color:#777}body.dark-mode .btn-guardar{background-color:#ffa94d;color:#000}body.dark-mode .btn-cancelar{background-color:#666;color:#fff}body.dark-mode .mensaje-flotante{background-color:#3b883b;color:#fff}body.dark-mode .paquete-contenedor h1{color:#ffa94d}body.dark-mode .paquete-contenedor p.paquete-descripcion{color:#ddd}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:auto;font-family:Segoe UI,sans-serif}.registro-container{display:flex;flex-direction:row;min-height:100vh;background-color:#f6e7dc}.registro-imagen{flex:.5;max-width:35%;background-image:url(/registro-imagen.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}.registro-form{flex:2;padding:2rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.registro-logo{width:70px;margin-bottom:1rem}.subtitulo{font-size:1rem;color:#6b3b00;margin-bottom:.5rem;text-align:center}.titulo{font-size:1.6rem;font-weight:700;color:#3e1f00;margin-bottom:2rem;text-align:center;max-width:1000px}form{width:100%;max-width:400px;display:flex;flex-direction:column}form input,form select{padding:12px;margin-bottom:1rem;border:1px solid #c1a280;border-radius:6px;font-size:14px}form button{background-color:#6b3b00;color:#fff;border:none;padding:12px;font-size:15px;border-radius:6px;cursor:pointer}form button:hover{background-color:#522500}.separador-formulario{margin:1rem 0 .5rem;font-size:15px;color:#704214;font-weight:700}.mensaje-estado{margin-top:1rem;font-size:14px;color:#6b3b00}.login-link{margin-top:2rem;font-size:13px;color:#4b2e00;text-align:center}.login-link a{color:#6b3b00;text-decoration:underline}@media (max-width: 768px){.registro-container{flex-direction:column}.registro-imagen{display:none}.registro-form{padding:1rem}.titulo{font-size:1.4rem}}.form-dos-columnas{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;width:100%;max-width:900px;flex-wrap:wrap}.columna-formulario{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:400px}.form-wrapper{transform:scale(.9);transform-origin:top center}body.dark-mode .registro-container{background-color:#1e1e1e;color:#fff}body.dark-mode .registro-form{background-color:#1e1e1e}body.dark-mode .subtitulo{color:#ffa94d}body.dark-mode .titulo{color:#fff}body.dark-mode form input,body.dark-mode form select{background-color:#2c2c2c;color:#fff;border:1px solid #777}body.dark-mode form input::placeholder,body.dark-mode form select::placeholder{color:#aaa}body.dark-mode form button{background-color:#ffa94d;color:#000}body.dark-mode form button:hover{background-color:#e38b31}body.dark-mode .separador-formulario,body.dark-mode .mensaje-estado{color:#ffa94d}body.dark-mode .login-link{color:#ccc}body.dark-mode .login-link a{color:#ffa94d}.soporte-container{max-width:1100px;margin:60px auto;padding:20px;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.soporte-formulario{display:flex;flex-direction:column;align-items:center}.soporte-formulario,.soporte-tickets{flex:1 1 480px;background:#fff9f3;border:1px solid #e0cfc2;padding:30px;border-radius:15px;box-shadow:0 4px 12px #00000014}.soporte-formulario h2,.soporte-tickets h3{margin-bottom:25px;color:#5c3d1b;font-size:1.8rem;text-align:center}.soporte-formulario label{display:block;margin-top:15px;font-weight:500;color:#333}.soporte-formulario input,.soporte-formulario textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;margin-top:6px;font-size:15px;background:#fff}.soporte-formulario button{width:100%;margin-top:25px;padding:12px;background:#28a745;color:#fff;font-weight:700;border:none;border-radius:10px;font-size:16px;transition:background .2s;cursor:pointer;text-align:center;box-sizing:border-box}.soporte-formulario button:hover{background:#218838}.ticket{display:flex;flex-direction:column;background:#fff2e1;border-left:5px solid #c77a38;padding:16px;margin-bottom:14px;border-radius:10px;cursor:pointer;transition:background .2s}.ticket:hover{background:#f5e3ccd8;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.ticket-id{font-weight:700;color:#a4531d;font-size:.95rem}.ticket-desc{margin:8px 0;color:#333;font-size:1rem}.ticket-status{font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;align-self:flex-start}.ticket-status.en-proceso{background:#ffe6a1;color:#9c7a00}.ticket-status.resuelto{background:#c1f1ce;color:#247336}.ticket-detalle{margin-top:14px;background:#fff7ed;padding:12px 16px;border-radius:8px;font-size:.9rem;width:100%}.ticket-detalle p{margin:6px 0}.form-error{color:#d8000c;background:#ffd2d2;padding:10px;margin-bottom:15px;border-radius:8px;font-weight:500;text-align:center}.input-error{border:2px solid #d8000c!important;background-color:#fff4f4}.ticket{cursor:pointer;flex-direction:column;align-items:flex-start}.ticket-detalle{margin-top:12px;background:#fff7ed;padding:12px 16px;border-radius:8px;font-size:.9rem;width:100%}.ticket-respuesta{background:#f4f4f4;border-radius:6px;padding:10px;white-space:pre-wrap;margin-top:6px;font-size:.88rem;color:#333}textarea{font-family:inherit}.soporte-tickets{display:flex;flex-direction:column;height:600px;overflow:hidden;position:relative}.soporte-tickets h3{flex-shrink:0;font-size:1.5rem;color:#5c3d1b;margin:0;padding-bottom:10px;border-bottom:1px solid #e0cfc2;background:#fff9f3;position:sticky;top:0;z-index:10;text-align:center}.lista-tickets{flex-grow:1;overflow-y:auto;padding-right:8px;padding-top:15px;scrollbar-width:auto;scrollbar-color:#c77a38 transparent}.lista-tickets::-webkit-scrollbar{width:12px}.lista-tickets::-webkit-scrollbar-thumb{background-color:#c77a38;border-radius:6px}.lista-tickets::-webkit-scrollbar-track{background:transparent}body.dark-mode .soporte-container{color:#fff}body.dark-mode .soporte-formulario,body.dark-mode .soporte-tickets{background:#2c2c2c;box-shadow:0 4px 12px #ffffff0d;border:none}body.dark-mode .soporte-formulario h2,body.dark-mode .soporte-tickets h3{color:#ffa94d;background:#2c2c2c}body.dark-mode .soporte-formulario label{color:#ddd}body.dark-mode .soporte-formulario input,body.dark-mode .soporte-formulario textarea{background-color:#1e1e1e;color:#fff!important;border:1px solid #777}body.dark-mode .soporte-formulario input::placeholder,body.dark-mode .soporte-formulario textarea::placeholder{color:#aaa}body.dark-mode .soporte-formulario button{background:#ffa94d;color:#000}body.dark-mode .soporte-formulario button:hover{background:#e38b31}body.dark-mode .ticket{background:#3a3a3a;border-left:5px solid #FFA94D}body.dark-mode .ticket-id{color:#ffa94d}body.dark-mode .ticket-desc{color:#ddd}body.dark-mode .ticket-status.en-proceso{background:#5a4b1d;color:#ffe97a}body.dark-mode .ticket-status.resuelto{background:#204c34;color:#b2f3cb}body.dark-mode .ticket-detalle{background:#2e2e2e;color:#fff}body.dark-mode .ticket-respuesta{background-color:#1e1e1e;color:#ddd}body.dark-mode .input-error{border-color:#ff4d4d!important;background-color:#3a1f1f}body.dark-mode .lista-tickets::-webkit-scrollbar-thumb{background-color:#ffa94d}body.dark-mode .lista-tickets::-webkit-scrollbar-track{background:transparent}.comisiones-wrapper{background:#fff8f3;padding:30px 20px 100px;min-height:100vh}.comisiones-contenedor{background:#fff;border-radius:16px;padding:40px;max-width:800px;margin:0 auto;box-shadow:0 8px 24px #00000014;text-align:center}.comisiones-contenedor h1{font-size:35px;color:#6d3200;margin-bottom:12px}.comisiones-contenedor p{margin-bottom:32px;color:#444}.comisiones-grid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.comision-card{background:#fcf7f4;border-radius:10px;padding:20px;width:260px;box-shadow:0 0 0 1px #e0cfc2;text-align:left}.comision-card h2{color:#4b2e1e;margin-bottom:12px}.comision-card p{margin:10px 0;color:#333}.clickeable{cursor:pointer;color:#6d3200}body.dark-mode .comisiones-wrapper{background-color:#1e1e1e;color:#fff}body.dark-mode .comisiones-contenedor{background-color:#2c2c2c;box-shadow:0 8px 24px #ffffff0d}body.dark-mode .comisiones-contenedor h1{color:#ffa94d}body.dark-mode .comisiones-contenedor p{color:#ddd}body.dark-mode .comision-card{background-color:#3a3a3a;box-shadow:0 0 0 1px #555}body.dark-mode .comision-card h2{color:#ffa94d}body.dark-mode .comision-card p{color:#ccc}body.dark-mode .editor-campo button,body.dark-mode .boton-guardar-global{background-color:#ffa94d;color:#000}.mis-dominios{width:80%;max-width:1000px;padding:60px 40px;margin:0 auto}.linea-separadora{height:1px;background-color:#ddd;margin:10px 0 32px;width:100%}.cabecera-dominios{margin-bottom:16px}.titulo-dominios{display:inline-flex;align-items:center;gap:10px;font-size:30px;font-weight:700;color:#5a2e00;margin:0}.icono{font-size:26px;margin-right:2px;color:#5a2e00}.cantidad-items{font-size:18px;font-weight:500;color:#777}.subtexto-dominios{font-size:15px;color:#666;margin-top:4px;margin-bottom:1px}.lista-dominios{display:flex;flex-direction:column;gap:24px;max-height:500px;padding-top:1px;padding-left:8px;padding-right:8px;overflow-y:auto;overflow-x:hidden;position:relative}.lista-dominios::-webkit-scrollbar{width:8px}.lista-dominios::-webkit-scrollbar-thumb{background-color:#cba27e;border-radius:6px}.lista-dominios::-webkit-scrollbar-track{background-color:#fdf3ec;border-radius:6px}.dominio-item{display:flex;justify-content:space-between;align-items:center;background-color:#fdf3ec;padding:24px 28px;border-radius:14px;border:1px solid #e9d8c8;transition:transform .15s ease,box-shadow .15s ease;will-change:transform}.dominio-item:hover{transform:scale(1.015);box-shadow:0 6px 16px #0000000f}.dominio-item .nombre{font-weight:600;font-size:16px;color:#000}.dominio-item .vence{font-size:15px;color:#444}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.modal-contenido{background-color:#fff;padding:30px 40px;border-radius:16px;width:90%;max-width:420px;box-shadow:0 8px 24px #0003;text-align:center;animation:fadeIn .3s ease}.modal-contenido h2{font-size:24px;margin-bottom:8px}.modal-contenido input{width:100%;padding:12px 16px;margin-top:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:10px;font-size:16px}.modal-contenido button{padding:10px 18px;font-size:16px;margin:8px 6px 0;background-color:#cba27e;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.modal-contenido button:hover:not(:disabled){background-color:#b78b68}.modal-contenido button:disabled{background-color:#ccc;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.badge-items{background-color:#f1e1d2;color:#5a2e00;font-weight:600;font-size:15px;padding:4px 10px;border-radius:20px;margin-left:6px}body.dark-mode .mis-dominios{color:#fff}body.dark-mode .linea-separadora{background-color:#444}body.dark-mode .titulo-dominios,body.dark-mode .icono{color:#ffa94d}body.dark-mode .subtexto-dominios{color:#ccc}body.dark-mode .cantidad-items{color:#aaa}body.dark-mode .badge-items{background-color:#ffa94d;color:#1e1e1e}body.dark-mode .lista-dominios::-webkit-scrollbar-thumb{background-color:#ffa94d}body.dark-mode .lista-dominios::-webkit-scrollbar-track{background-color:#2c2c2c}body.dark-mode .dominio-item{background-color:#2c2c2c;border:1px solid #555}body.dark-mode .dominio-item .nombre{color:#fff}body.dark-mode .dominio-item .vence{color:#ccc}body.dark-mode .modal-contenido{background-color:#1e1e1e;color:#ffa94d;border:1px solid #444}body.dark-mode .modal-contenido h2{color:#ffa94d}body.dark-mode .dominio-transferencia{background-color:#2c2c2c;color:#ffa94d;border:1px solid #555}body.dark-mode .grupo-input label{color:#ccc}body.dark-mode .input-con-icono input{background-color:#2c2c2c;color:#f0f0f0;border:1px solid #555}body.dark-mode .input-con-icono input::placeholder{color:#aaa}body.dark-mode .modal-contenido .fa-envelope{color:#ffa94d!important}body.dark-mode .error-box{background-color:#3c2c2c;color:#f8d7da;border-color:#c97}body.dark-mode .modal-contenido .grupo-botones button:first-child{background-color:#ffa94d;color:#1e1e1e}body.dark-mode .modal-contenido .grupo-botones button:first-child:hover:not(:disabled){background-color:#ff9800}body.dark-mode .modal-contenido .grupo-botones button:first-child:disabled{background-color:#555;color:#999;cursor:not-allowed}body.dark-mode .modal-contenido .cancelar{background-color:#333!important;color:#ccc!important}.dominio-transferencia{background-color:#fdf3ec;padding:10px 16px;border-radius:8px;font-size:18px;font-weight:600;color:#333;margin-bottom:20px;border:1px solid #e2c8b0;word-break:break-word}.grupo-input{text-align:left;width:100%}.grupo-input label{display:block;margin-bottom:6px;font-size:15px;font-weight:500;color:#555}.input-con-icono{position:relative}.input-con-icono i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888}.input-con-icono input{width:100%;padding:12px 16px 12px 38px;border:1px solid #ccc;border-radius:10px;font-size:16px}.input-error{border:1px solid #e57373!important}.error-box{margin-top:8px;color:#b94a48;background-color:#fcebea;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px}.grupo-botones{margin-top:24px;display:flex;justify-content:center;gap:12px}.cancelar{background-color:#eee!important;color:#333!important}@media (max-width: 600px){.titulo-dominios{font-size:24px;flex-wrap:wrap}.icono{font-size:22px}.badge-items{font-size:14px;padding:3px 8px}.dominio-item{padding:18px 20px;flex-direction:column;align-items:flex-start;gap:6px}.dominio-item .vence{font-size:14px}.modal-contenido{padding:20px}}.verificacion-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff4e6;font-family:Segoe UI,sans-serif;transition:background-color .3s ease}.verificacion-card{background-color:#fff9f3;padding:2rem;border-radius:15px;box-shadow:0 6px 18px #0000000d;max-width:420px;width:90%;color:#333;text-align:center;transition:all .3s ease}.verificacion-card h2{color:#b35500;margin-bottom:1rem;font-size:1.8rem}.verificacion-card p{font-size:.95rem;margin-bottom:1.5rem}.verificacion-card input{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;font-size:1rem;background:#fff;color:#333;margin-bottom:1.2rem}.verificacion-card button{width:200px;margin:0 auto;display:block;padding:12px;background-color:var(--cafe)!important;color:var(--texto-boton)!important;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.verificacion-card button:hover{background-color:var(--cafe-hover)!important}.verificacion-card button:disabled{background-color:var(--cafe-disabled)!important;cursor:not-allowed;opacity:.8}.mensaje-estado{margin-top:1rem;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.mensaje-estado.success{color:#28a745}.mensaje-estado.error{color:#dc3545}.mensaje-estado.warning{color:#ff9800}body.dark-mode .verificacion-wrapper{background-color:#1a1a1a}body.dark-mode .verificacion-card{background-color:#2c2c2c;box-shadow:0 6px 18px #ffffff0d;color:#f1f1f1}body.dark-mode .verificacion-card h2{color:#ffa94d}body.dark-mode .verificacion-card p{color:#ccc}body.dark-mode .verificacion-card input{background-color:#1e1e1e;color:#fff;border:1px solid #777}body.dark-mode .verificacion-card input::placeholder{color:#aaa}body.dark-mode .mensaje-estado.success{color:#6f9}body.dark-mode .mensaje-estado.error{color:#ff7272}body.dark-mode .mensaje-estado.warning{color:#ffca28}.volver-login{margin-top:1.8rem;text-align:center}.texto-pregunta{margin-bottom:.6rem;font-size:.95rem;color:#5c3d1b}.boton-login{padding:10px 18px;background-color:var(--cafe);color:var(--texto-boton);font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.boton-login:hover{background-color:var(--cafe-hover)}body.dark-mode .texto-pregunta{color:#ccc}.sidebar-admin{position:fixed;top:0;left:0;height:100vh;width:250px;background-color:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;padding:20px;transition:width .3s ease;z-index:1000}.sidebar-admin.collapsed{width:70px;align-items:center}.sidebar-header{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-bottom:20px}.logo-container{display:flex;align-items:center;gap:10px}.logo-img-admin{width:40px;height:40px}.brand-text-admin{display:flex;flex-direction:column;font-size:14px;color:#924600}.subtitle-admin{font-size:12px;color:#777}.toggle-container{display:flex;justify-content:flex-end}.toggle-button{all:unset;font-size:22px;color:#924600;cursor:pointer;padding:10px 12px;border-radius:6px;display:flex;align-items:center;transition:background-color .3s,color .3s,transform .3s}.toggle-button:hover{background-color:#f0f0f0;color:#924600;transform:scale(1.1)}.sidebar-menu-admin{list-style:none;padding:0;margin-top:20px;display:flex;flex-direction:column;gap:16px;width:100%}.nav-link-admin{all:unset;font-size:16px;color:#333;cursor:pointer;padding:10px 12px;border-radius:6px;display:flex;align-items:center;gap:10px;transition:background-color .2s,color .2s}.nav-link-admin:hover,.nav-link-admin.active{background-color:#f0f0f0!important;color:#924600!important}.sidebar-admin.collapsed .nav-link-admin span{display:none}.sidebar-admin.collapsed .nav-link-admin{justify-content:center}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900}@media (max-width: 768px){.sidebar-admin{width:100%;height:auto;flex-direction:row;padding:10px 20px;align-items:center;justify-content:space-between}.sidebar-admin.collapsed{width:100%}.sidebar-menu-admin{flex-direction:row;gap:12px;margin:0}.sidebar-admin.collapsed .nav-link-admin:before{content:none}}body.dark-mode .sidebar-admin{background-color:#1e1e1e;border-right:1px solid #444}body.dark-mode .brand-text-admin{color:#fff}body.dark-mode .subtitle-admin{color:#aaa}body.dark-mode .toggle-button{color:#fff}body.dark-mode .toggle-button:hover{background-color:#333;color:#fff}body.dark-mode .nav-link-admin{color:#f0f0f0}body.dark-mode .nav-link-admin:hover,body.dark-mode .nav-link-admin.active{background-color:#333!important;color:#fff!important}@media (max-width: 768px){.toggle-container{display:block}.sidebar-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.logo-container{flex:1}.sidebar-menu-admin{flex-wrap:wrap;justify-content:center;padding:10px 0}.nav-link-admin{font-size:14px;padding:8px}.sidebar-admin.collapsed .nav-link-admin span{display:none}.sidebar-admin:not(.collapsed) .nav-link-admin span{display:inline}.overlay{display:none}}.admin-layout .main-content{margin-left:250px;padding:20px}.admin-layout .sidebar-admin.collapsed~.main-content{margin-left:70px}@media (max-width: 768px){.admin-layout .main-content{margin-left:0;margin-top:70px}}.dark-mode-toggle-admin{margin-top:1px;padding-top:20px;display:flex;justify-content:center}.mode-toggle-button-admin{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #ccc;border-radius:999px;background-color:#fff;color:#924600;font-weight:600;font-size:14px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease;cursor:pointer}.mode-toggle-button-admin:hover{background-color:#f5f5f5;transform:scale(1.03)}.sidebar-admin.collapsed .dark-mode-toggle-admin{justify-content:center}.sidebar-admin.collapsed .mode-toggle-button-admin span{display:none}body.dark-mode .mode-toggle-button-admin{background-color:#2c2c2c;color:#fff;border-color:#555}body.dark-mode .mode-toggle-button-admin:hover{background-color:#3a3a3a}.extensiones-wrapper{background:#fff8f3;padding:30px 20px 100px;min-height:100vh}.extensiones-contenedor{background:#fff;border-radius:16px;padding:40px;max-width:1000px;margin:0 auto;box-shadow:0 8px 24px #00000014;text-align:center}.extensiones-contenedor h1{font-size:35px;color:#6d3200;margin-bottom:12px}.extensiones-contenedor p{margin-bottom:32px;color:#444}.extensiones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;justify-items:center}.ext-card{background:#fcf7f4;border-radius:10px;padding:16px;width:150px;box-shadow:0 0 0 1px #e0cfc2;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:center;font-size:14px}.ext-card:hover{transform:scale(1.03);box-shadow:0 6px 20px #00000014}.ext-card span{font-size:18px;display:block;margin-bottom:8px;color:#333}.ext-card strong{font-size:16px;color:#333}.editor-precio{display:flex;gap:8px;justify-content:center;margin-top:8px}.editor-precio input{width:100px;padding:6px 10px;font-size:16px;border-radius:6px;border:1px solid #ccc;transition:border-color .2s}.editor-precio input:focus{border-color:#b97144;outline:none}.editor-precio button{background:#924600;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:700}.boton-guardar-wrapper{margin-top:40px;text-align:center}.boton-guardar-global{background-color:#b97144;color:#fff;font-size:17px;padding:12px 24px;border-radius:8px;border:none;font-weight:700;transition:background-color .3s ease,transform .2s ease}.boton-guardar-global:hover{background-color:#924600;transform:scale(1.02)}body.dark-mode .extensiones-wrapper{background-color:#1e1e1e;color:#fff}body.dark-mode .extensiones-contenedor{background-color:#2c2c2c;box-shadow:0 8px 24px #ffffff0d}body.dark-mode .extensiones-contenedor h1{color:#ffa94d}body.dark-mode .extensiones-contenedor p{color:#ccc}body.dark-mode .ext-card{background-color:#3a3a3a;box-shadow:0 0 0 1px #555}body.dark-mode .ext-card span,body.dark-mode .ext-card strong{color:#fff}body.dark-mode .editor-precio input{background-color:#1e1e1e;color:#fff;border:1px solid #777}body.dark-mode .editor-precio input:focus{border-color:#ffa94d}body.dark-mode .editor-precio button,body.dark-mode .boton-guardar-global{background-color:#ffa94d;color:#000}body.dark-mode .boton-guardar-global:hover{background-color:#e38b31}.admin-footer{padding:30px 20px 15px;font-family:Segoe UI,sans-serif}.admin-footer .footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;max-width:1000px;margin:0 auto 15px}.admin-footer .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.admin-footer .footer-links a{text-decoration:none;font-size:14px}.admin-footer .footer-copy{text-align:center;font-size:12px}.busqueda-container{display:flex;justify-content:center;margin-bottom:30px}.input-icono{position:relative;width:100%;max-width:420px}.busqueda-input{width:100%;padding:14px 48px 14px 20px;border:2px solid #e0e0e0;border-radius:30px;font-size:1rem;outline:none;transition:border .3s,box-shadow .3s;background-color:#fff;box-shadow:0 2px 8px #00000008}.busqueda-input:focus{border-color:#924600;box-shadow:0 0 6px #92460033}.icono-lupa{position:absolute;top:60%;right:16px;transform:translateY(-50%);font-size:1.2rem;color:#924600;pointer-events:none;opacity:.8}.tarjeta-cliente{width:100%;background:#fff;border-radius:12px;padding:24px 16px;box-shadow:0 4px 12px #0000000a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-align:center;border:1px solid #f0f0f0}.btn svg{vertical-align:middle;margin-right:8px}@media (max-width: 600px){.busqueda-container{justify-content:center;padding:0 10px}.tarjetas-clientes{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tarjeta-cliente h3{font-size:18px}.tarjeta-cliente p{font-size:13px}}body.dark-mode .clientes-admin-container{background:#1e1e1e;color:#f0f0f0}body.dark-mode .clientes-admin-container h2{color:#ffa94d}body.dark-mode .busqueda-input{background-color:#2a2a2a;border-color:#555;color:#fff}body.dark-mode .busqueda-input:focus{border-color:#ffa94d;box-shadow:0 0 6px #ffa94d66}body.dark-mode .icono-lupa{color:#ffa94d}body.dark-mode .tarjeta-cliente{background:#2a2a2a;border:1px solid #444;box-shadow:0 4px 10px #0000004d}body.dark-mode .tarjeta-cliente:hover{background-color:#3a2f24;border-color:#ffa94d}body.dark-mode .tarjeta-cliente h3{color:#ffa94d}body.dark-mode .tarjeta-cliente p{color:#ccc}.cliente-detalle-container{max-width:1000px;margin:40px auto;padding:40px;background:#fdfaf6;border-radius:16px;box-shadow:0 12px 30px #00000014;font-family:Segoe UI,sans-serif;color:#333;position:relative}h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:40px;color:#3b2f2f}.cliente-form{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width: 600px){.cliente-form{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.cliente-form{grid-template-columns:repeat(3,1fr)}}.cliente-form label{font-weight:600;font-size:.95rem;color:#444;display:flex;flex-direction:column}.cliente-form input,.cliente-form select{margin-top:8px;padding:12px 16px;font-size:1rem;border:1.5px solid #cfcfcf;border-radius:10px;background-color:#f9f9f9;transition:all .3s ease}.cliente-form input:focus,.cliente-form select:focus{border-color:#8a5a2d;box-shadow:0 0 0 2px #8a5a2d40;outline:none}.cliente-form select:disabled{background-color:#f0f0f0;color:#888}.error,.mensaje,.cargando{text-align:center;margin-top:25px;font-weight:600;font-size:1rem}.error{color:#b91c1c}.mensaje{color:#207245}.cargando{font-style:italic;color:#6b7280}.botones{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:40px}.btn{display:flex;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.btn svg{font-size:1.1rem}.btn-neutral{background-color:#ede7df;color:#3b2f2f;border:1px solid #d8c9b5}.btn-neutral:hover{background-color:#e3d9cd;box-shadow:0 2px 8px #00000014}.btn-volver{background-color:#dadada;color:#333}.btn-volver:hover{background-color:#c5c5c5}.btn-volver-arriba{position:absolute;top:24px;left:24px;background-color:transparent;border:none;font-size:28px;color:#6b6b6b;cursor:pointer;transition:transform .2s ease,color .2s ease}.btn-volver-arriba:hover{transform:scale(1.15);color:#8a5a2d}.cancelar-derecha{margin-left:auto}body.dark-mode .cliente-detalle-container{background-color:#1f1f1f;color:#eaeaea;box-shadow:0 12px 30px #ffffff0d}body.dark-mode h2{color:#f1c07d}body.dark-mode .cliente-form label{color:#ddd}body.dark-mode .cliente-form input,body.dark-mode .cliente-form select{background-color:#2a2a2a;border-color:#555;color:#f0f0f0}body.dark-mode .cliente-form input:focus,body.dark-mode .cliente-form select:focus{border-color:#f1c07d;box-shadow:0 0 0 2px #f1c07d4d}body.dark-mode .btn-neutral{background-color:#333;color:#f1c07d;border:1px solid #5f4a30}body.dark-mode .btn-neutral:hover{background-color:#444}body.dark-mode .btn-volver{background-color:#333;color:#f1c07d}body.dark-mode .btn-volver:hover{background-color:#444}body.dark-mode .btn-volver-arriba{color:#aaa}body.dark-mode .btn-volver-arriba:hover{color:#f1c07d}body.dark-mode .mensaje{color:#9ce7af}body.dark-mode .cargando{color:#bdbdbd}.alerta{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-weight:700;z-index:1000;box-shadow:0 2px 10px #00000026;animation:fadeInOut 3s ease forwards}.alerta-success{background-color:#d4edda;color:#155724}.alerta-error{background-color:#f8d7da;color:#721c24}.alerta-info{background-color:#d1ecf1;color:#0c5460}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.tarjeta-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.tarjeta-modal{background-color:#fff;padding:30px 40px;border-radius:12px;text-align:center;box-shadow:0 8px 20px #0003}.tarjeta-modal h3{margin-bottom:20px;font-size:1.4rem;color:#333}.tarjeta-modal button{padding:10px 24px;background-color:#8a5a2d;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.tarjeta-modal button:hover{background-color:#704720}body.dark-mode .tarjeta-modal{background-color:#2a2a2a;color:#fff}body.dark-mode .tarjeta-modal button{background-color:#f1c07d;color:#000}body.dark-mode .tarjeta-modal button:hover{background-color:#d9a860}.grupo-edicion{display:flex;justify-content:space-between;width:100%}.clientes-admin-container{background:#fdfaf7;padding:40px 5%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2e2e2e;width:100%;box-sizing:border-box}.clientes-admin-container h2{font-size:32px;text-align:center;color:#8b3d00;margin-bottom:30px;font-weight:700}.tarjetas-clientes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;justify-items:center;width:100%;box-sizing:border-box;margin:0 auto}.tarjeta-cliente{width:100%;max-width:100%;background:#fff;border-radius:12px;padding:24px 16px;box-shadow:0 4px 12px #0000000a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-align:center;border:1px solid #f0f0f0}.tarjeta-cliente:hover{transform:translateY(-6px);background-color:#fff3e4;box-shadow:0 8px 20px #0000000f;border-color:#f7d4a0}.tarjeta-cliente h3{font-size:20px;margin-bottom:6px;color:#3b2a20;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarjeta-cliente p{font-size:15px;color:#666;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error{color:#d33c2d;font-weight:700;text-align:center;margin-bottom:20px;background-color:#ffe2e0;padding:10px 16px;border-radius:8px}@media (max-width: 600px){.tarjetas-clientes{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tarjeta-cliente h3{font-size:18px}.tarjeta-cliente p{font-size:13px}}.planes-hosting{width:90%;max-width:1200px;margin:60px auto;text-align:center;color:#4a1e00}.planes-hosting h1{font-size:36px;margin-bottom:24px;font-weight:700}.planes-toggle{display:flex;justify-content:center;gap:16px;margin-bottom:48px}.planes-listado{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;opacity:1;transition:opacity .4s ease}.planes-listado.oculto{opacity:0;pointer-events:none}.plan-card{background:#fdf8f5;border:1px solid #ddd0c2;border-top:6px solid #a96012;border-radius:12px;padding:28px 22px 32px;width:280px;text-align:left;box-shadow:0 4px 14px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000001a}.plan-card h2{font-size:22px;font-weight:700;text-align:center;margin-bottom:10px}.plan-card .nombre-plan{color:#924600}.plan-card .precio{font-size:28px;font-weight:700;color:#000;text-align:center;margin-bottom:16px}.plan-card ul{list-style:none;padding-left:0;margin-bottom:24px;font-size:15px;color:#333}.plan-card li{margin-bottom:10px;display:flex;align-items:center;gap:8px}.btn-adquirir{display:block;background-color:#924600;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-weight:700;font-size:15px;cursor:pointer;margin:0 auto;transition:background-color .3s ease}.btn-adquirir:hover{background-color:#7a3900}.btn-adquirido{display:block;padding:12px 20px;margin:0 auto}.pantalla-cargando{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;font-family:Segoe UI,sans-serif;color:#924600}.pantalla-cargando p{margin-top:16px;font-size:18px}.loader{width:42px;height:42px;border:5px solid #f3d8c4;border-top:5px solid #924600;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.dark-mode .planes-hosting{color:#fff}body.dark-mode .planes-hosting h1{color:#ffa94d}body.dark-mode .planes-toggle button{background:#444;color:#fff;border:1px solid #555}body.dark-mode .planes-toggle button.activo{background-color:#ffa94d;color:#000;box-shadow:0 0 0 2px #ffa94d44;outline:2px solid #ffa94d88}body.dark-mode .planes-toggle button:hover{background-color:#e38b31;color:#000}body.dark-mode .plan-card{background-color:#2c2c2c;border:1px solid #444;color:#fff}body.dark-mode .plan-card h2,body.dark-mode .plan-card ul,body.dark-mode .plan-card li,body.dark-mode .plan-card .precio{color:#fff}body.dark-mode .plan-card .nombre-plan{color:#ffa94d}body.dark-mode .btn-adquirir{background-color:#ffa94d;color:#000}body.dark-mode .btn-adquirir:hover{background-color:#e38b31}body.dark-mode .planes-listado::-webkit-scrollbar-thumb{background-color:#ffa94d}body.dark-mode .planes-listado::-webkit-scrollbar-track{background-color:#2c2c2c}.plan-activo{color:#924600;font-size:14px;font-weight:600;text-align:center;margin-top:-6px;margin-bottom:10px}.plan-card.desactivado{opacity:.4;pointer-events:none}.plan-card .btn-adquirir:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.paquetesadmin-wrapper{background:#fff8f3;padding:30px 20px 160px;min-height:100vh}.paquetesadmin-contenedor{background:#fff;border-radius:16px;padding:40px;max-width:1000px;margin:0 auto;box-shadow:0 8px 24px #00000014;text-align:center}.paquetesadmin-contenedor h1{font-size:34px;color:#6d3200;margin-bottom:8px}.paquetesadmin-contenedor p{margin-bottom:32px;color:#444}.planes-toggle{display:flex;justify-content:center;gap:16px;margin-bottom:40px}.planes-toggle button{background:#eee;border:1px solid #ccc;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s}.planes-toggle button.activo{background-color:#924600;color:#fff;font-weight:700;box-shadow:0 0 0 2px #92460044;outline:2px solid #92460088}.planes-toggle button:hover{background-color:#cba27e;color:#000}.planes-grid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.plan-edit-card{background:#fcf7f4;border-radius:10px;padding:2px 20px 30px;width:260px;box-shadow:0 0 0 1px #e0cfc2;text-align:left}.plan-edit-card{transition:box-shadow .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),background-color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),outline .35s cubic-bezier(.4,0,.2,1)}.plan-edit-card:hover{box-shadow:0 12px 32px #9246002e;transform:translateY(-4px) scale(1.025);background-color:#fff8f3;border-color:#b97144;outline:2px solid #b97144;outline-offset:-2px}body.dark-mode .plan-edit-card:hover{box-shadow:0 8px 24px #ff85032e}.plan-edit-card h2{text-align:center;margin-bottom:6px}.plan-edit-card h2 input{font-size:18px;font-weight:700;border:none;background:transparent;width:100%;color:#4b2e1e;padding:4px 0}.plan-edit-card h2 input.titulo-plan{text-align:center;font-size:18px;font-weight:700;border:none;background:transparent;width:100%;color:#4b2e1e}.plan-edit-card p{margin:10px 0;color:#333}.clickeable{cursor:pointer;color:#924600;font-weight:700}.clickeable:hover{text-decoration:underline}.editor-campo{display:inline-flex;align-items:center;gap:6px}.editor-campo input{width:70px;padding:5px;border-radius:6px;border:1px solid #ccc;font-size:14px}.editor-campo input:focus{border-color:#b97144;outline:none}.editor-campo button{background:#924600;color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:14px}.boton-guardar-wrapper{margin-top:24px;text-align:center}.boton-nuevo{margin-top:30px;background-color:#b97144}.boton-nuevo:hover{background-color:#924600;transform:scale(1.02)}.boton-guardar{background-color:#b97144;color:#fff;font-size:16px;padding:10px 20px;border-radius:8px;border:none;font-weight:700;transition:background-color .3s ease,transform .2s ease}.boton-guardar:hover{background-color:#924600;transform:scale(1.02)}.mensaje-guardado{margin-top:12px;color:green;font-weight:700}body.dark-mode .paquetesadmin-wrapper{background-color:#1e1e1e;color:#fff}body.dark-mode .paquetesadmin-contenedor{background-color:#2c2c2c;box-shadow:0 8px 24px #ffffff0d}body.dark-mode .paquetesadmin-contenedor h1{color:#ffa94d}body.dark-mode .paquetesadmin-contenedor p{color:#ddd}body.dark-mode .plan-edit-card{background-color:#3a3a3a;box-shadow:0 0 0 1px #555}body.dark-mode .plan-edit-card h2 input{color:#ffa94d}body.dark-mode .plan-edit-card p{color:#ccc}body.dark-mode .clickeable{color:#ffa94d}body.dark-mode .editor-campo input{background-color:#1e1e1e;color:#fff;border:1px solid #777}body.dark-mode .editor-campo input:focus{border-color:#ffa94d}body.dark-mode .editor-campo button,body.dark-mode .boton-guardar{background-color:#ffa94d;color:#000}body.dark-mode .boton-guardar:hover{background-color:#e38b31}body.dark-mode .mensaje-guardado{color:#90ee90}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-contenido.alternativas{background:#fff;padding:24px;border-radius:12px;width:92%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #0003;position:relative}.modal-contenido.alternativas h2{font-size:20px;margin-bottom:1px;color:#6d3200;text-align:center}.cerrar-modal{position:absolute;top:14px;right:16px;font-size:20px;background:none;border:none;color:#999;cursor:pointer;transition:color .2s ease}.cerrar-modal:hover{color:#000}.grupo-input{margin-bottom:1px}.grupo-input label{display:block;font-size:14px;font-weight:500;color:#444;margin-bottom:1px}.grupo-input input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.grupo-botones{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.btn-confirmar{background-color:#924600;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer}.cancelar{background-color:#ccc;color:#000;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}body.dark-mode .modal-contenido.alternativas{background-color:#2c2c2c;color:#fff}body.dark-mode .modal-contenido.alternativas h2{color:#ffa94d}body.dark-mode .cerrar-modal{color:#aaa}body.dark-mode .cerrar-modal:hover{color:#fff}body.dark-mode .grupo-input label{color:#ddd}body.dark-mode .grupo-input input{background-color:#1e1e1e;border:1px solid #555;color:#fff}.btn-confirmar:disabled{background-color:#aaa;cursor:not-allowed;opacity:.6}.boton-acciones{display:flex;gap:12px;justify-content:center;align-items:center}.linea-separadora-plan{border:none;height:2px;background-color:#ddd;margin:10px 0 16px}body.dark-mode .linea-separadora-plan{background-color:#6e6d6d}@media (max-width: 600px){.modal-contenido.alternativas{width:90%;padding:20px 16px;border-radius:10px}.modal-contenido.alternativas h2{font-size:18px}.grupo-input input{font-size:13px;padding:6px 8px}.btn-confirmar,.cancelar{font-size:14px;padding:7px 14px}.cerrar-modal{font-size:18px;top:10px;right:12px}}.postulado-detalle-container{max-width:800px;margin:40px auto;padding:40px;background-color:#fff7f0;border-radius:18px;box-shadow:0 12px 30px #00000014;font-family:Segoe UI,sans-serif;color:#4b2e1e;position:relative}.postulado-detalle-container h2{font-size:2rem;font-weight:700;text-align:center;margin-bottom:30px;color:#3a220f}.postulado-detalle-container p{font-size:1rem;margin:12px 0;padding-bottom:10px;border-bottom:1px solid #e0d1c2;color:#4b2e1e}.postulado-detalle-container strong{color:#2c1a0e;font-weight:600}.botones-detalle{display:flex;justify-content:center;gap:20px;margin-top:35px}.btn-asignar{background-color:#6b3b00;color:#fff7f0;padding:12px 28px;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000001a}.btn-asignar:hover{background-color:#4b2e1e}.btn-asignar:disabled{background-color:#d4c3b2;cursor:not-allowed}button.btn-volver-arriba{position:absolute;top:20px;left:20px;background:none;border:none;font-size:26px;cursor:pointer;color:#6b3b00;transition:transform .2s ease,color .2s ease}button.btn-volver-arriba:hover{transform:scale(1.2);color:#3a220f}.error{color:#dc2626;font-weight:700;text-align:center;margin-top:20px}.cargando{text-align:center;font-size:1rem;font-style:italic;color:#6b7280}.nivel-soporte-selector{margin:30px 0 20px;display:flex;flex-direction:column;gap:16px;align-items:center}.nivel-soporte-label{font-weight:600;color:#4b2e1e;font-size:1.1rem}.botones-nivel{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.boton-nivel{padding:12px 20px;border-radius:8px;border:2px solid #c5a27c;background-color:#fff7f0;color:#4b2e1e;font-size:15px;cursor:pointer;transition:all .2s ease;font-weight:600;min-width:150px;text-align:center}.boton-nivel:hover{background-color:#f4e2d3;border-color:#6b3b00}.boton-nivel.selected{background-color:#6b3b00;color:#fff7f0;border-color:#6b3b00;box-shadow:0 0 0 2px #6b3b0033}body.dark-mode .postulado-detalle-container{background-color:#2c2c2c;color:#f0f0f0;box-shadow:0 12px 30px #0000004d}body.dark-mode .postulado-detalle-container h2{color:#ffa94d}body.dark-mode .postulado-detalle-container p{color:#f0f0f0;border-bottom:1px solid #555}body.dark-mode .postulado-detalle-container strong{color:#ffa94d}body.dark-mode .btn-asignar{background-color:#ffa94d;color:#000}body.dark-mode .btn-asignar:hover{background-color:#e38b31}body.dark-mode .btn-asignar:disabled{background-color:#666;color:#999}body.dark-mode button.btn-volver-arriba{color:#ffa94d}body.dark-mode button.btn-volver-arriba:hover{color:#e38b31}body.dark-mode .error{color:#ff6b6b;background-color:#5c1d1d;padding:10px;border-radius:8px}body.dark-mode .cargando{color:#ccc}body.dark-mode .nivel-soporte-label{color:#ffa94d}body.dark-mode .boton-nivel{background-color:#2c2c2c;color:#f0f0f0;border:2px solid #555}body.dark-mode .boton-nivel:hover{background-color:#3a3a3a;border-color:#ffa94d}body.dark-mode .boton-nivel.selected{background-color:#ffa94d;color:#000;border-color:#ffa94d;box-shadow:0 0 0 2px #ffa94d33}.admin-container{background:#fff8f3;padding:40px 20px 100px;min-height:100vh;font-family:Segoe UI,sans-serif;color:#333}h2{text-align:center;font-size:32px;color:#6d3200;margin-bottom:30px}.error{color:#d9534f;text-align:center;margin-bottom:20px}.tarjetas-postulados,.tarjetas-empleados{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-items:center}.tarjeta-postulado,.tarjeta-empleado{background:#fcf7f4;border:1px solid #e0cfc2;border-radius:12px;padding:20px;width:100%;max-width:300px;box-shadow:0 4px 10px #00000014;text-align:center;transition:transform .2s ease;cursor:pointer}.tarjeta-postulado:hover,.tarjeta-empleado:hover{transform:scale(1.03);background-color:#fdefc3}.tarjeta-postulado h3,.tarjeta-empleado h3{margin-bottom:10px;font-size:1.2rem;color:#333}.tarjeta-postulado p,.tarjeta-empleado p{margin-bottom:16px;font-size:.95rem;color:#666}.btn-aceptar{background-color:#3a7c1b;color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:background-color .2s}.btn-aceptar:hover{background-color:#2e6115}body.dark-mode .admin-container{background:#1e1e1e;color:#f0f0f0}body.dark-mode .tarjeta-postulado,body.dark-mode .tarjeta-empleado{background:#2c2c2c;border:1px solid #555;box-shadow:0 4px 10px #0000004d}body.dark-mode .tarjeta-postulado:hover,body.dark-mode .tarjeta-empleado:hover{background-color:#3a2f24}body.dark-mode .tarjeta-postulado h3,body.dark-mode .tarjeta-empleado h3{color:#ffa94d}body.dark-mode .tarjeta-postulado p,body.dark-mode .tarjeta-empleado p{color:#ccc}body.dark-mode .btn-aceptar{background-color:#7ecc59;color:#000}body.dark-mode .btn-aceptar:hover{background-color:#64a748}body.dark-mode .error{background-color:#5c1d1d;color:#ffbfbf}.empleados-admin-container{background-color:#fff7f0;padding:40px;font-family:Segoe UI,sans-serif;color:#3b2e2a;min-height:100vh}h2{color:#6b3b00;margin-bottom:20px}.tabla-empleados{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 4px 10px #0000001a;border-radius:10px;overflow:hidden}.tabla-empleados thead{background-color:#6b3b00;color:#fff7f0}.tabla-empleados th,.tabla-empleados td{padding:15px;text-align:left;border-bottom:1px solid #e0d6ce}.tabla-empleados tbody tr:hover{background-color:#f9f1e8}button{background-color:#a05a2c;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#884920}.btn-guardar,.btn-reasignar{background-color:#6b3b00;color:#fff;border:none;padding:8px 14px;font-size:.95rem;font-weight:500;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .3s ease}.btn-guardar:hover,.btn-reasignar:hover{background-color:#4e2c00}select{padding:6px 12px;border-radius:6px;border:1px solid #ccc;background-color:#fff7f0;color:#3b2e2a;font-family:Segoe UI,sans-serif;margin-right:10px}.mensaje{color:green;margin-bottom:10px}.error{color:#b30000;margin-bottom:10px}body.dark-mode .empleados-admin-container{background-color:#1e1e1e;color:#eaeaea}body.dark-mode .tabla-empleados{background-color:#2c2c2c;color:#f0f0f0;border:1px solid #444}body.dark-mode .tabla-empleados thead{background-color:#924600;color:#fff}body.dark-mode .tabla-empleados th,body.dark-mode .tabla-empleados td{border-bottom:1px solid #444}body.dark-mode .tabla-empleados tbody tr:hover{background-color:#3a3a3a}body.dark-mode button,body.dark-mode .btn-guardar,body.dark-mode .btn-reasignar{background-color:#ffa94d;color:#1e1e1e}body.dark-mode button:hover,body.dark-mode .btn-guardar:hover,body.dark-mode .btn-reasignar:hover{background-color:#e38b31}body.dark-mode select{background-color:#2c2c2c;color:#f0f0f0;border:1px solid #666}body.dark-mode .mensaje{color:#8aff8a}body.dark-mode .error{color:#ff7070}.coordinadores-page-container{background-color:#fefcf9;color:#1f1f1f;padding:50px 40px;font-family:Segoe UI,sans-serif;min-height:100vh}.coordinadores-page-container h2{font-size:32px;margin-bottom:30px;color:#533016;border-bottom:2px solid #e3cdb7;padding-bottom:8px}.tabla-coordinadores-admin{width:100%;border:1px solid #e0d3c3;border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:0 2px 10px #0000000d}.tabla-coordinadores-admin th,.tabla-coordinadores-admin td{padding:14px 18px;text-align:left;border-bottom:1px solid #f1e8df;font-size:15px}.tabla-coordinadores-admin th{background-color:#f4ede6;color:#4a2a10;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.4px}.tabla-coordinadores-admin tr:hover{background-color:#fbf7f2;transition:background-color .25s ease-in-out}.btn-coordinador-guardar,.btn-coordinador-reasignar{background-color:transparent;color:#5a2d00;padding:6px 10px;font-size:14px;border:1px solid #5a2d00;border-radius:5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.btn-coordinador-guardar:hover,.btn-coordinador-reasignar:hover{background-color:#5a2d00;color:#fff;box-shadow:0 2px 6px #5a2d0033}.coordinador-select{padding:7px 10px;margin-right:10px;border:1px solid #ccc;border-radius:6px;background-color:#fff;font-size:14px}.mensaje-coordinador{color:#2e7d32;background-color:#eafaf1;padding:12px 18px;margin-bottom:20px;border-left:6px solid #2e7d32;border-radius:4px;font-size:14px}.error-coordinador{color:#c62828;background-color:#fdecea;padding:12px 18px;margin-bottom:20px;border-left:6px solid #c62828;border-radius:4px;font-size:14px}body.dark-mode .coordinadores-page-container{background-color:#1e1e1e;color:#eaeaea}body.dark-mode .coordinadores-page-container h2{color:#ffa94d;border-bottom-color:#5a3d1f}body.dark-mode .tabla-coordinadores-admin{background-color:#2b2b2b;border:1px solid #444}body.dark-mode .tabla-coordinadores-admin th{background-color:#3a3a3a;color:#ffa94d}body.dark-mode .tabla-coordinadores-admin td{border-bottom:1px solid #555;color:#e0e0e0}body.dark-mode .tabla-coordinadores-admin tr:hover{background-color:#393939}body.dark-mode .btn-coordinador-guardar,body.dark-mode .btn-coordinador-reasignar{color:#ffa94d;border:1px solid #FFA94D;background-color:transparent}body.dark-mode .btn-coordinador-guardar:hover,body.dark-mode .btn-coordinador-reasignar:hover{background-color:#ffa94d;color:#1e1e1e;box-shadow:0 2px 6px #ffa94d33}body.dark-mode .coordinador-select{background-color:#2c2c2c;color:#eaeaea;border:1px solid #555}body.dark-mode .mensaje-coordinador{background-color:#244724;color:#a7f7b5;border-left-color:#66bb6a}body.dark-mode .error-coordinador{background-color:#3b1e1e;color:#ff7070;border-left-color:#ff7070}.panel-soporte{max-width:1000px;margin:40px auto;padding:20px;font-family:Segoe UI,sans-serif;transition:background-color .3s,color .3s}.panel-soporte h2{text-align:center;margin-bottom:25px;color:#5c3d1b;transition:color .3s}table{width:100%;border-collapse:collapse;background:#fff9f3;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:background .3s,box-shadow .3s}table tbody tr{cursor:pointer;transition:background-color .25s ease}table tbody tr:hover{background-color:#fff2e0;transform:scale(1.02);box-shadow:0 2px 8px #0000001a;transition:background-color .25s ease,transform .25s ease}body.dark-mode table tbody tr:hover{background-color:#3a3a3a}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5ded4;transition:background .3s,color .3s,border .3s;vertical-align:middle}th{background:#f4e9dd;color:#5a3922;font-weight:600}.estado-tag{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase;white-space:nowrap;line-height:1;min-width:100px;text-align:center}.estado-tag.en-proceso{background:#ffe0ad;color:#9c5f00}.estado-tag.resuelto{background:#c8f1d5;color:#257445}button{background-color:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:700;transition:background .3s}button:hover{background-color:#1e7e34}.feedback-row td{background-color:#fff5ea;padding:20px;border-bottom:1px solid #e5ded4}.feedback-row textarea{width:100%;padding:12px;border-radius:10px;border:1.5px solid #ccc;font-family:inherit;font-size:15px;resize:vertical;margin-bottom:12px;transition:border .3s,box-shadow .3s,background-color .3s}.feedback-row textarea:focus{outline:none;border-color:#c77a38;box-shadow:0 0 5px #c77a3866}.feedback-row button{background-color:#28a745;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;font-size:14px;transition:background .3s}.feedback-row button:hover{background-color:#1e7e34}.nivel-wrapper{display:inline-flex;align-items:center;gap:6px;line-height:1}.icono-escalar{display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;width:18px;height:18px;color:#c77a38;cursor:pointer;vertical-align:middle;transition:color .2s}.icono-escalar:hover{color:#9c5f00}.icono-escalar.animado{animation:bounce .4s ease}@keyframes bounce{0%{transform:translateY(0)}40%{transform:translateY(-4px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}body.dark-mode .panel-soporte{color:#fff}body.dark-mode .panel-soporte h2{color:#ffa94d}body.dark-mode table{background:#2c2c2c;box-shadow:0 4px 12px #ffffff0d}body.dark-mode th,body.dark-mode td{border-bottom:1px solid #444;color:#fff}body.dark-mode th{background:#3a3a3a;color:#ffa94d}body.dark-mode .estado-tag.en-proceso{background:#6e5326;color:#ffe0ad}body.dark-mode .estado-tag.resuelto{background:#204c34;color:#b2f3cb}body.dark-mode button,body.dark-mode .feedback-row button{background-color:#ffa94d;color:#000}body.dark-mode button:hover,body.dark-mode .feedback-row button:hover{background-color:#e38b31}body.dark-mode .feedback-row td{background-color:#3a3a3a;border-bottom:1px solid #444}body.dark-mode .feedback-row textarea{background-color:#1e1e1e;color:#fff;border:1.5px solid #777}body.dark-mode .feedback-row textarea:focus{border-color:#ffa94d;box-shadow:0 0 5px #ffa94d66}body.dark-mode .icono-escalar{color:#ffa94d}body.dark-mode .icono-escalar:hover{color:#e38b31}.filtro-estados{display:flex;justify-content:center;gap:16px;margin:30px 0 40px}.filtro-estados button{background:#eee;border:1px solid #ccc;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s}.filtro-estados button.activo{background-color:#924600;color:#fff;font-weight:700;box-shadow:0 0 0 2px #92460044;outline:2px solid #92460088}.filtro-estados button:hover{background-color:#cba27e;color:#000}body.dark-mode .filtro-estados button{background:#444;color:#fff;border:1px solid #555}body.dark-mode .filtro-estados button.activo{background-color:#ffa94d;color:#000;box-shadow:0 0 0 2px #ffa94d44;outline:2px solid #ffa94d88}body.dark-mode .filtro-estados button:hover{background-color:#e38b31;color:#000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;display:flex;justify-content:center;align-items:center}.modal-ticket{background:#fffdf8;padding:30px 24px;border-radius:12px;width:90%;max-width:500px;position:relative;box-shadow:0 6px 18px #0003;font-family:Segoe UI,sans-serif}.cerrar-modal{position:absolute;top:10px;right:12px;background:transparent;border:none;font-size:20px;cursor:pointer}.modal-ticket h2{margin-bottom:16px;color:#924600;font-size:1.5rem}.modal-ticket p{margin:8px 0;color:#333}body.dark-mode .modal-ticket p{background:#2e2e2e;color:#ddd}.descripcion-completa{background:#fff6e9;padding:10px 14px;border-radius:8px;margin-top:6px;white-space:pre-wrap;font-size:14px;color:#222}.btn-responder{margin-top:20px;background-color:#924600;color:#fff;padding:10px 18px;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:14px}.btn-responder:hover{background-color:#7a3900}body.dark-mode .modal-ticket{background:#2e2e2e;color:#fff}body.dark-mode .descripcion-completa{background:#3a3a3a;color:#ddd}body.dark-mode .btn-responder{background-color:#ffa94d;color:#000}body.dark-mode .btn-responder:hover{background-color:#e38b31}.area-respuesta{margin-top:24px;text-align:left}.area-respuesta label{display:block;margin-bottom:6px;font-weight:600;color:#5c3d1b}.area-respuesta textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-family:inherit;font-size:14px;resize:vertical;background:#fffefc;color:#333;margin-bottom:12px}body.dark-mode .area-respuesta textarea{background-color:#1e1e1e;color:#fff;border-color:#666}.mensaje-exito{color:#28a745;font-weight:500;margin-top:10px}.filtro-niveles{display:flex;justify-content:center;gap:16px;margin:10px 0 30px;flex-wrap:wrap}.filtro-niveles button{background:#eee;border:1px solid #ccc;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s}.filtro-niveles button.activo{background-color:#924600;color:#fff;font-weight:700;box-shadow:0 0 0 2px #92460044;outline:2px solid #92460088}.filtro-niveles button:hover{background-color:#e1c3a5}body.dark-mode .filtro-niveles button{background:#444;color:#fff;border:1px solid #555}body.dark-mode .filtro-niveles button.activo{background-color:#ffa94d;color:#000;box-shadow:0 0 0 2px #ffa94d44;outline:2px solid #ffa94d88}body.dark-mode .filtro-niveles button:hover{background-color:#e38b31;color:#000}.respuesta-mostrada{margin-top:24px;background:#f8f8f8;padding:14px;border-radius:8px;border:1px solid #ccc}.respuesta-box{background:#fff9e6;padding:10px 14px;border-radius:6px;color:#333}body.dark-mode .respuesta-mostrada{background:#2a2a2a;border-color:#444}body.dark-mode .respuesta-box{background:#3c3c3c;color:#ddd}@media (max-width: 768px){.panel-soporte{padding:10px}table,thead,tbody,th,td,tr{display:block;width:100%}thead{display:none}tr{margin-bottom:16px;border:1px solid #e0d7cc;border-radius:8px;padding:12px;background:#fffdf8;box-shadow:0 2px 6px #0000000d}td{padding:8px 0;position:relative;text-align:right}td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:16px;font-weight:700;text-align:left;color:#924600}.nivel-wrapper{justify-content:space-between}.modal-ticket{width:95%;max-height:90vh;overflow-y:auto}.descripcion-completa,.respuesta-box{font-size:13px}}.contacto-container{width:90%;max-width:1000px;margin:50px auto;padding:40px;background-color:#fdf3ec;border:1px solid #e9d8c8;border-radius:16px;text-align:center;font-family:Segoe UI,sans-serif;color:#333}.contacto-container h2{font-size:36px;color:#924600;margin-bottom:12px}.subtexto{font-size:16px;color:#555;margin-bottom:40px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;padding:0 10px}.info-card{background-color:#fff8f1;border:1px solid #e9d8c8;border-radius:14px;padding:24px;box-shadow:0 2px 6px #0000000f;transition:transform .3s ease}.info-card:hover{transform:translateY(-4px)}.icono{font-size:36px;margin-bottom:12px;color:#924600}.info-card h3{font-size:18px;color:#924600;margin-bottom:8px}.info-card p{font-size:15px;color:#444;margin:0;line-height:1.5}body.dark-mode .contacto-container{background-color:#2c2c2c;border-color:#444;color:#fff}body.dark-mode .subtexto{color:#ccc}body.dark-mode .info-card{background-color:#3a3a3a;border-color:#555}body.dark-mode .icono,body.dark-mode .info-card h3{color:#ffa94d}body.dark-mode .info-card p{color:#e0e0e0}.stats-container{max-width:1100px;margin:2rem auto;padding:1.5rem;background:#fff7f0;border:1px solid #e0c8b0;border-radius:16px;box-shadow:0 8px 20px #6b3b0014;font-family:Segoe UI,sans-serif;color:#4a2e00}.stats-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1rem;border-bottom:2px solid #d2b48c;padding-bottom:.75rem}.stats-header h2{margin:0;color:#6b3b00}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.last-update{font-size:.9rem;opacity:.8}.btn-refresh{padding:.55rem .9rem;border:1px solid #e0c8b0;background:#6b3b00;color:#fff;border-radius:10px;cursor:pointer;font-weight:600;transition:transform .15s ease,background .2s ease}.btn-refresh:hover{background:#522500;transform:scale(1.02)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.stats-error{background:#ffe6e6;border:1px solid #ffcccc;color:#8a1f1f;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:1rem}.kpi-card{background:#fff;border:1px solid #e8d7c5;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #6b3b000d}.kpi-title{font-size:.9rem;color:#6b3b00;opacity:.85;margin-bottom:.35rem}.kpi-value{font-size:1.5rem;font-weight:800;color:#4a2e00;letter-spacing:.3px}.kpi-sub{margin-top:.25rem;font-size:.9rem;color:#6b3b00}.panel{background:#fff;border:1px solid #e8d7c5;border-radius:14px;padding:1rem;margin-top:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.panel-header h3{margin:0;color:#6b3b00}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.panel-item{background:#fffaf7;border:1px solid #e8d7c5;border-radius:10px;padding:.9rem}.panel-item .label{display:block;font-size:.85rem;color:#6b3b00;opacity:.85;margin-bottom:.2rem}.panel-item .value{font-weight:700;color:#4a2e00}.chip{display:inline-block;margin-left:.4rem;padding:0 .5rem;font-size:.8rem;border-radius:999px;background:#f4e3d3;border:1px solid #e0c8b0;color:#6b3b00}.resumen-ventas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:.5rem}.resumen-card{background:#fffaf7;border:1px solid #e8d7c5;border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 2px 8px #6b3b000d}.resumen-card.highlight{background:#fff7f0;border:1px solid #e0c8b0}.resumen-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.resumen-card-header h4{margin:0;font-size:1rem;color:#6b3b00}.resumen-icon{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center;background:#f4e3d3;border:1px solid #e0c8b0}.resumen-value{font-size:1.6rem;font-weight:800;color:#4a2e00;letter-spacing:.3px}.resumen-value.big{font-size:1.9rem}.resumen-sub{font-size:.9rem;color:#6b3b00;opacity:.85;margin-top:.1rem}.bar{height:10px;background:#f3eadf;border:1px solid #e6d6c7;border-radius:999px;overflow:hidden;margin-top:.25rem}.bar-fill{height:100%;width:0%;background:#6b3b00;border-right:1px solid #4a2e00;transition:width .4s ease}.bar-fill.alt{background:#8a4b00;border-right-color:#6b3b00}.bar-legend{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#6b3b00;margin-top:.25rem}.pill-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#f4e3d3;border:1px solid #e0c8b0;color:#6b3b00}@media (max-width: 1024px){.kpi-grid,.panel-grid,.resumen-ventas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.stats-container{padding:1rem;margin:1rem auto}.kpi-value{font-size:1.35rem}}@media (max-width: 560px){.kpi-grid,.panel-grid,.resumen-ventas-grid{grid-template-columns:1fr}}body.dark-mode .stats-container{background:#2c2c2c;color:#fff;border:1px solid #444;box-shadow:0 8px 24px #ffffff0d}body.dark-mode .stats-header h2{color:#ffa94d}body.dark-mode .stats-header{border-bottom-color:#ffa94d}body.dark-mode .btn-refresh{background:#ffa94d;color:#000;border-color:#555}body.dark-mode .btn-refresh:hover{background:#e38b31}body.dark-mode .kpi-card,body.dark-mode .panel,body.dark-mode .panel-item,body.dark-mode .resumen-card{background:#1e1e1e;border-color:#555}body.dark-mode .kpi-title,body.dark-mode .kpi-sub,body.dark-mode .panel-header h3,body.dark-mode .panel-item .label,body.dark-mode .resumen-card-header h4,body.dark-mode .resumen-sub,body.dark-mode .bar-legend,body.dark-mode .pill{color:#ffa94d}body.dark-mode .kpi-value,body.dark-mode .panel-item .value,body.dark-mode .resumen-value{color:#fff}body.dark-mode .resumen-icon,body.dark-mode .bar{background:#2b2b2b;border-color:#555}body.dark-mode .bar-fill{background:#ffa94d;border-right-color:#d98a2b}body.dark-mode .bar-fill.alt{background:#e38b31;border-right-color:#c77722}body.dark-mode .pill{background:#2b2b2b;border-color:#555}.navbar-coordinador{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#6b3b00;color:#fff;font-family:Segoe UI,sans-serif}.nav-logo .logo-text{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:30px;list-style:none}.nav-links li a{color:#fff;text-decoration:none;font-size:1rem;display:flex;align-items:center;gap:6px;transition:color .2s ease}.nav-links li a:hover{text-decoration:underline;color:#ffe0b3}.nav-actions{display:flex;align-items:center;gap:12px}.mode-toggle-button,.logout-btn{border:none;padding:8px 14px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .3s ease,color .3s ease}.mode-toggle-button{background-color:#a45200;color:#fff}.mode-toggle-button:hover{background-color:#873d00}.logout-btn{background-color:#ffa94d;color:#000}.logout-btn:hover{background-color:#e38b31}body.dark-mode .navbar-coordinador{background-color:#1e1e1e}body.dark-mode .nav-logo .logo-text{color:#ffa94d}body.dark-mode .nav-links li a{color:#fff}body.dark-mode .nav-links li a:hover{color:#ffa94d}body.dark-mode .mode-toggle-button{background-color:#ffa94d;color:#000}body.dark-mode .mode-toggle-button:hover{background-color:#e38b31}body.dark-mode .logout-btn{background-color:#2c2c2c;color:#ffa94d;border:1px solid #ffa94d}body.dark-mode .logout-btn:hover{background-color:#3a3a3a}@media (max-width: 768px){.nav-links{flex-direction:column;gap:12px}.navbar-coordinador{flex-direction:column;align-items:flex-start;gap:15px}.nav-actions{align-self:flex-end}}.footer-coordinador{background-color:#6b3b00;color:#fff;padding:20px 30px;font-family:Segoe UI,sans-serif;font-size:14px;margin-top:60px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1200px;margin:0 auto}.footer-copy{margin:0}.footer-links{display:flex;gap:15px;font-weight:500}.footer-links a{color:#ffe0b3;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff}.divider{color:#ffc57a}body.dark-mode .footer-coordinador{background-color:#1e1e1e;color:#ffa94d;border-top:1px solid #444}body.dark-mode .footer-links a{color:#ffa94d}body.dark-mode .footer-links a:hover{color:#fff}body.dark-mode .divider{color:#ffa94d}@media (max-width: 600px){.footer-content{flex-direction:column;align-items:center;text-align:center}}.tickets-coordinador-container{background-color:#fff7f0;padding:40px;font-family:Segoe UI,sans-serif;min-height:100vh;color:#333}.tickets-coordinador-container h2{color:#6b3b00;margin-bottom:20px;font-size:26px}.tabla-tickets{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 0 10px #0000001a}.tabla-tickets th,.tabla-tickets td{padding:12px 16px;border-bottom:1px solid #ddd}.tabla-tickets th{background-color:#e8d8c3;color:#6b3b00;text-align:left}.tabla-tickets tr:hover{background-color:#f5eee7}.error{color:#c62828;background-color:#fdecea;padding:12px;border-left:4px solid #c62828;margin-bottom:15px}body.dark-mode .tickets-coordinador-container{background-color:#1e1e1e;color:#f0f0f0}body.dark-mode .tickets-coordinador-container h2{color:#ffa94d}body.dark-mode .tabla-tickets{background:#2c2c2c;box-shadow:0 0 10px #ffffff0d}body.dark-mode .tabla-tickets th{background-color:#3a3a3a;color:#ffa94d}body.dark-mode .tabla-tickets td{color:#f0f0f0}body.dark-mode .tabla-tickets tr:hover{background-color:#333}body.dark-mode .error{background-color:#3a1e1e;color:#ff7070;border-left-color:#ff7070}.asignar-tickets-container{padding:40px 20px;font-family:Segoe UI,sans-serif;max-width:900px;margin:0 auto}h2{text-align:center;font-size:2rem;color:#6b3b00;margin-bottom:30px}.ticket-list{display:grid;gap:1.5rem}.ticket-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #00000014;transition:transform .2s ease}.ticket-card:hover{transform:scale(1.01)}.ticket-header h3{margin:0 0 15px;font-size:1.2rem;color:#6b3b00;display:flex;align-items:center;gap:8px}.ticket-info p{margin:8px 0;font-size:.95rem;color:#333;display:flex;align-items:center;gap:6px}.ticket-actions{margin-top:15px;display:flex;gap:10px}.ticket-actions button{background-color:#6b3b00;color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease;display:flex;align-items:center;gap:6px}.ticket-actions button:hover{background-color:#8d4d00}.escalar-btn{background-color:#e67e22}.escalar-btn:hover{background-color:#d35400}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal-content{background:#fff7f0;padding:2rem;border-radius:16px;width:420px;max-width:90%;position:relative;box-shadow:0 8px 24px #0003;animation:fadeIn .3s ease}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:#6b3b00;display:flex;align-items:center;gap:6px}.modal-content p{margin:10px 0;color:#333;font-size:.95rem}.modal-content select{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;margin-top:10px}.modal-content button{margin-top:15px;padding:10px 20px;background-color:#6b3b00;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;width:100%;box-sizing:border-box;transition:background-color .2s ease}.modal-content button:hover{background-color:#8d4d00}.cerrar{position:absolute;top:12px;right:16px;cursor:pointer;font-size:24px;color:#999;transition:color .2s ease}.cerrar:hover{color:#000}body.dark-mode .asignar-tickets-container{background-color:#121212}body.dark-mode h2{color:#ffa94d}body.dark-mode .ticket-card{background:#1e1e1e;color:#f0f0f0;box-shadow:0 2px 6px #ffffff0d}body.dark-mode .ticket-header h3,body.dark-mode .ticket-info p{color:#f0f0f0}body.dark-mode .ticket-actions button{background-color:#ffa94d;color:#000}body.dark-mode .ticket-actions button:hover{background-color:#e38b31}body.dark-mode .escalar-btn{background-color:#ff944d}body.dark-mode .escalar-btn:hover{background-color:#ff7f1a}body.dark-mode .modal-content{background:#2c2c2c;color:#fff;border:1px solid #555}body.dark-mode .modal-content h3{color:#ffa94d}body.dark-mode .modal-content p{color:#ddd}body.dark-mode select{background-color:#1e1e1e;color:#fff;border:1px solid #777}body.dark-mode .cerrar{color:#fff}.cuenta-postulado-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#fff7f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;padding:20px;color:#6b3b00;transition:background-color .3s ease,color .3s ease}.cuenta-postulado-container h1{font-size:2rem;margin-bottom:20px}.cuenta-postulado-container p{font-size:1.1rem;margin-bottom:30px;max-width:600px;line-height:1.6}.cuenta-postulado-container button{background-color:#6b3b00;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.cuenta-postulado-container button:hover{background-color:#4d2d00}body.dark-mode .cuenta-postulado-container{background-color:#1f1f1f;color:#f1c07d}body.dark-mode .cuenta-postulado-container button{background-color:#f1c07d;color:#1f1f1f}body.dark-mode .cuenta-postulado-container button:hover{background-color:#d9a860}