@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";html,body{background-color:#fff!important;color:#000;width:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:#fff!important;color:#000!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}html,body{background-color:#fff!important;color:#000!important}}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px;margin-top:5px;min-height:auto;font-family:Montserrat,sans-serif}.search-box{background:#2c1d8f;padding:20px;border-radius:12px;color:#fff;width:100%;max-width:1000px;box-shadow:0 4px 12px #0003}.search-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:end}.field{display:flex;flex-direction:column}.field label{font-size:13px;margin-bottom:5px;color:#ddd}.field input{padding:10px;border:none;border-radius:8px;font-size:14px}.button-container{display:flex;justify-content:center;align-items:center}.button-container button{background:#e63946;color:#fff;border:none;padding:12px 18px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.button-container button:hover{background:#d62828;transform:scale(1.05)}.cards-grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;width:100%;max-width:1000px}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 3px 10px #00000026;cursor:pointer;transition:.3s}.card:hover{transform:translateY(-5px)}.card.selected{border:3px solid #2c1d8f}.no-results{margin-top:20px;color:#555;font-size:14px}.card-img{width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:12px}.cards-list{margin-top:30px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:1000px;align-items:center}.card-vertical{background:#fff;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;width:95%;border-radius:12px;box-shadow:0 3px 10px #00000026;overflow:hidden;transition:.3s}.card-vertical:hover{transform:translateY(-5px)}.card-img-vertical{width:220px;height:180px;object-fit:cover}.card-info{display:flex;justify-content:space-between;align-items:center;flex:1;padding:15px 20px}.card-vista{color:#1a73e8;margin-bottom:8px}.card-precio{text-align:right}.precio{font-size:20px;font-weight:700;color:#000}.servicios-list{list-style:none;padding:0;margin-top:8px;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;color:green}.servicios-list li{margin:0;font-weight:500}@media (max-width: 768px){.container,.search-box{padding:15px}.search-grid{grid-template-columns:1fr;gap:10px}.field input{font-size:14px;padding:10px}.button-container button{width:100%;font-size:16px}.card-vertical{flex-direction:column;width:100%;height:auto}.card-img-vertical{width:100%;height:200px;object-fit:cover}.card-info{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.card-precio{width:100%;text-align:left;margin-top:10px}.precio{font-size:18px}.servicios-list{flex-wrap:wrap;gap:6px 10px;font-size:13px}.card-vista{font-size:16px}.card-info p{font-size:14px}}.detalle-container{padding:20px;max-width:1200px;margin:auto}.galeria{display:flex;gap:10px;align-items:flex-start}.principal-img{width:70%;height:470px;object-fit:cover;border-radius:10px}.galeria-column{display:flex;flex-direction:column;gap:10px;width:30%}.mini-img{width:100%;height:150px;object-fit:cover;border-radius:8px}.detalle-info{margin-top:20px;display:flex;justify-content:space-between;align-items:flex-start}.precio-box{text-align:right}.precio-detalle{font-size:22px;font-weight:700;color:#000;display:block;margin-bottom:10px}.btn-reservar{background:#1a73e8;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:.3s}.btn-reservar:hover{background:#0c57c9}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:999}.modal-img{max-width:90%;max-height:90%;border-radius:10px}.modal-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:95%;max-height:95%}.modal-img{width:auto;height:95vh;max-width:95vw;border-radius:12px;object-fit:cover;box-shadow:0 0 50px #000c;transition:transform .3s ease-in-out}.modal-thumbs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.thumb-img{width:80px;height:60px;object-fit:cover;border-radius:6px;opacity:.7;cursor:pointer;transition:.3s}.thumb-img:hover{opacity:1}.thumb-img.active{border:2px solid #1a73e8;opacity:1}.arrow,.cerrar{position:absolute;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#0006;color:#fff;border:2px solid rgba(255,255,255,.7);border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.arrow:hover,.cerrar:hover{background:#ffffff4d;border-color:#fff;color:#1a73e8;transform:scale(1.1)}.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.3s;padding:10px}.arrow:hover{color:#1a73e8}.arrow.left{left:25px;top:50%;transform:translateY(-50%)}.arrow.right{right:25px;top:50%;transform:translateY(-50%)}.cerrar{top:25px;right:25px;font-size:28px;line-height:1}.caracteristicas-habitacion{background:#f9f9ff;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 2px 10px #00000014}.caracteristicas-habitacion h3{color:#1a73e8;margin-bottom:15px}.caracteristicas-habitacion ul{list-style:none;padding:0;margin:0}.caracteristicas-habitacion li{display:flex;align-items:center;margin-bottom:10px;font-size:16px;color:#333}.caracteristicas-habitacion i{color:#1a73e8;font-size:18px;margin-right:10px}.detalle-info{margin-top:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.caracteristicas-container{flex:1}.reserva-container{background:#d9d9d9;border-radius:12px;padding:25px;text-align:center;min-width:320px;box-shadow:0 2px 8px #0000001a}.reserva-container h3{font-size:22px;font-weight:700;color:#000;margin-bottom:10px}.reserva-container .precio{font-size:26px;font-weight:700;color:#000;margin-bottom:10px}.reserva-container p{font-size:17px;color:#000;font-weight:500;margin-bottom:8px}.reserva-container .btn-reservar{background:#1a73e8;color:#fff;padding:10px 25px;border:none;border-radius:8px;font-size:17px;cursor:pointer;transition:.3s;margin-top:10px;font-weight:600}.reserva-container .btn-reservar:hover{background:#0c57c9}.detalle-info{gap:40px}.servicios-container{margin-top:40px;padding:20px;border-radius:10px;background:#fff}.servicios-titulo{text-align:center;font-size:28px;margin-bottom:30px}.servicios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.serv-col h3{font-size:17px;margin-bottom:8px;color:#4a3bb3;font-weight:700}.serv-col ul{list-style:none;padding:0;margin:0 0 20px}.serv-col ul li{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:15px}.serv-col ul li:before{content:"✔";color:#4a3bb3;font-weight:700}.diasol-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px;margin-top:5px;min-height:auto;font-family:Montserrat,sans-serif}.diasol-search-box{background:#2c1d8f;padding:20px;border-radius:12px;color:#fff;width:100%;max-width:1000px;box-shadow:0 4px 12px #0003}.diasol-search-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:end}.diasol-field{display:flex;flex-direction:column}.diasol-field label{font-size:13px;margin-bottom:5px;color:#ddd}.diasol-field input{padding:10px;border:none;border-radius:8px;font-size:14px}.diasol-button-container{display:flex;justify-content:center;align-items:center}.diasol-button-container button{background:#e63946;color:#fff;border:none;padding:12px 18px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.diasol-button-container button:hover{background:#d62828;transform:scale(1.05)}.diasol-cards-list{margin-top:30px;display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;overflow-x:auto;padding-bottom:10px}.diasol-card-vertical{flex:0 0 23%;min-width:250px;background:#fff;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 3px 10px #00000026;overflow:hidden;transition:.3s}.diasol-card-vertical:hover{transform:translateY(-5px)}.diasol-card-img-vertical{width:100%;height:200px;object-fit:cover;display:block}.diasol-card-info{padding:20px;display:flex;flex-direction:column;justify-content:space-between;flex:1}.diasol-card-vista{color:#1a73e8;margin-bottom:8px}.diasol-card-precio{text-align:right}.diasol-precio{font-size:20px;font-weight:700;color:#000}.diasol-servicios-list{list-style:none;padding:0;margin-top:8px;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;color:green}.diasol-servicios-list li{margin:0;font-weight:500}.diasol-no-results{margin-top:20px;color:#555;font-size:14px}.diasol-edades-ninos{margin-top:20px;background:#ffffff1a;padding:20px;border-radius:10px}.diasol-edades-ninos p{font-weight:600;margin-bottom:15px;color:#fff;font-size:15px}.diasol-edades-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.diasol-edades-grid .diasol-field{display:flex;flex-direction:column;align-items:center;width:80px}.diasol-edades-grid label{color:#ddd;font-size:13px;margin-bottom:4px}.diasol-edades-grid input{width:100%;padding:8px;border-radius:8px;border:none;text-align:center;font-size:14px}@media (max-width: 768px){.diasol-container{padding:15px}.diasol-search-grid{grid-template-columns:1fr}.diasol-button-container button{width:100%}.diasol-cards-list{flex-wrap:wrap;justify-content:center}.diasol-card-vertical{flex:0 0 100%;max-width:100%}.diasol-card-img-vertical{height:160px}.diasol-card-info{padding:15px}.diasol-servicios-list{gap:8px;font-size:13px}}.reserva-datos-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f0f7ff,#e6eeff);font-family:Segoe UI,sans-serif}.reserva-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 25px #0000001a;width:90%;max-width:400px;text-align:center}.reserva-card h2{color:#1a73e8;margin-bottom:1rem}.habitacion-nombre{font-size:1.1rem;color:#333;margin-bottom:1rem}.resumen-precio{background:#f6f9ff;border-radius:10px;padding:1rem;margin-bottom:1.5rem}.resumen-precio .precio{font-weight:700;color:#1a73e8;font-size:1.1rem}.formulario{text-align:left;margin-bottom:1.5rem}.formulario label{display:block;color:#555;font-size:.9rem;margin-bottom:.3rem}.formulario input{width:100%;padding:.6rem;border:1px solid #ccd5e0;border-radius:10px;margin-bottom:1rem;transition:.2s}.formulario input:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 4px #1a73e84d}.btn-pagar{width:100%;padding:.8rem;background-color:#1a73e8;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:.2s}.btn-pagar:hover{background-color:#155bb5}.pago-container{display:flex;justify-content:center;align-items:center;padding:40px;background:#f5f7fa;min-height:100vh}.pago-card{background:#fff;padding:35px;border-radius:20px;box-shadow:0 8px 20px #0000001a;max-width:420px;width:100%;text-align:center;transition:all .3s ease}.pago-card h2{color:#1a73e8;margin-bottom:20px}.resumen{background:#eef4ff;padding:12px;border-radius:10px;font-size:15px;margin-bottom:20px}.valor-pagar{font-size:18px;color:#333;margin-bottom:25px}.form-group{text-align:left;margin-bottom:18px}.form-group label{font-weight:600;color:#333;margin-bottom:6px;display:block}.form-group input{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:10px;font-size:15px;outline:none;transition:all .2s ease}.form-group input:focus{border-color:#1a73e8;box-shadow:0 0 4px #1a73e833}.btn-pagar{background:#1a73e8;color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:16px;cursor:pointer;width:100%;transition:all .2s}.btn-pagar:hover{background:#1669c1}.status-container{width:100%;min-height:100vh;background:#f4f6f9;display:flex;justify-content:center;align-items:center;padding:20px}.status-card{background:#fff;padding:40px;max-width:450px;width:100%;border-radius:15px;text-align:center;box-shadow:0 4px 20px #0000001a;animation:fadeIn .6s ease}.icon{font-size:70px;margin-bottom:20px;display:inline-block}.success{color:#2ecc71}.error{color:#e74c3c}.alert{color:#f1c40f}.title{font-size:28px;font-weight:700;margin-bottom:15px}.message{font-size:18px;color:#555;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:Arial,sans-serif}.top-bar{background-color:#0000a0;color:#fff;display:flex;justify-content:flex-end;align-items:center;padding:10px 60px;font-size:15px;gap:25px}.top-bar a{color:#fff;text-decoration:none;font-weight:500}.top-bar a:hover{text-decoration:underline}.main-header{display:flex;align-items:center;justify-content:space-between;padding:15px 60px;background-color:#fff}.logo{display:flex;align-items:center;gap:10px}.logo img{height:80px}.nav-menu{display:flex;align-items:center;gap:35px}.nav-menu a{text-decoration:none;color:#00008b;font-weight:600;font-size:15px}.nav-menu a:hover{color:#f4c400}.cta-btn{background-color:#ffeb00;color:#000;border:none;font-weight:700;padding:10px 22px;border-radius:4px;cursor:pointer;text-transform:uppercase;transition:.2s}.cta-btn:hover{background-color:#ffdc00}.social-icons{display:flex;align-items:center;gap:15px}.social-icons a{color:#fff;font-size:18px;text-decoration:none}.footer{background-color:#00008b;color:#fff;font-family:Arial,sans-serif;margin-top:0}.footer .payment-methods{text-align:center;padding:40px 20px;background-color:#fff}.footer .payment-methods h2{color:#00008b;margin-bottom:25px}.footer .payment-methods img{height:60px;margin:0 15px;vertical-align:middle}.footer .middle-bar{background-color:#00d8f8;height:25px}.footer .bottom{display:flex;justify-content:space-around;flex-wrap:wrap;padding:60px 40px;background-color:#00008b}.footer .column{max-width:300px;margin:20px}.footer .column img{height:100px;margin-bottom:15px}.footer .column h3{color:#00d8f8;font-size:16px;margin-bottom:15px;text-transform:uppercase}.footer .column a{color:#fff;text-decoration:none;display:block;margin:4px 0}.footer .column a:hover{text-decoration:underline}.footer .slogan{color:#00d8f8;font-weight:700;font-size:20px;margin-top:10px}.footer .quote{font-size:14px;margin-top:5px;color:#fff;font-style:italic}.footer .explore a.active{color:#ffeb00;border-bottom:2px solid #FFEB00;display:inline-block;width:fit-content}.footer .social{margin-top:25px}.footer .social a{color:#fff;font-size:20px;margin:0 10px;text-decoration:none}.footer .social a:hover{color:#ffeb00}@media (max-width: 900px){.footer .bottom{flex-direction:column;text-align:center}.footer .column{margin:15px auto}}.btn-editar,.btn-cancelar{border:none;background:none;cursor:pointer;font-size:20px;margin:0 5px;transition:.2s}.btn-editar:hover{color:#4a90e2;transform:scale(1.2)}.btn-cancelar:hover{color:red;transform:scale(1.2)}.modal-contenido{background:#fff;padding:20px 30px;border-radius:10px;width:300px;text-align:center;box-shadow:0 4px 10px #0003}.contenedor{width:100%!important;max-width:100%!important;padding:20px}.tabla{width:max-content;min-width:100%}.contenedor{overflow-x:auto}.contenedor{padding:30px;background:linear-gradient(135deg,#cfd9df,#e2ebf0);min-height:calc(100vh - 90px);overflow-y:auto;box-sizing:border-box}h2{text-align:center;color:#2b4eff;margin-bottom:25px;font-size:26px;font-weight:700}.filtros{display:flex;justify-content:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.filtros label{display:block;font-weight:700;color:#333;margin-bottom:5px}.filtros input{padding:8px;border-radius:8px;border:1px solid #ccc;font-size:14px}.filtros button{background-color:#2b4eff;color:#fff;border:none;border-radius:10px;padding:10px 20px;cursor:pointer;transition:.3s;font-weight:700}.filtros button:hover{background-color:#1a38cc}.tabla{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.tabla th{background-color:#2b4eff;color:#fff;padding:12px;text-align:left}.tabla td{padding:10px 12px;border-bottom:1px solid #ddd}.tabla tr:hover{background-color:#f3f6ff}.btn-reservar{background-color:#4a90e2;color:#fff;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;font-weight:700;transition:.3s}.btn-reservar:hover{background-color:#1a38cc;transform:scale(1.05)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center}.modal-contenido{background:#fff;padding:20px 30px;border-radius:10px;width:320px;text-align:center;box-shadow:0 4px 10px #0003}.modal-contenido input{width:100%;margin:5px 0 10px;padding:8px;border-radius:6px;border:1px solid #ccc}.acciones-modal{display:flex;justify-content:space-between;gap:10px}.btn-guardar{background-color:#4a90e2;color:#fff;border:none;border-radius:8px;padding:8px 15px;cursor:pointer}.btn-cerrar{background-color:#ccc;color:#000;border:none;border-radius:8px;padding:8px 15px;cursor:pointer}@media (max-width: 768px){.filtros{flex-direction:column;align-items:center}.tabla{font-size:14px}.modal-contenido{width:90%}}.paginacion{display:flex;justify-content:center;margin-top:20px;gap:8px}.paginacion button{padding:6px 12px;border:none;border-radius:6px;background-color:#4a90e2;color:#fff;cursor:pointer;font-weight:700;transition:.3s}.paginacion button:hover{background-color:#1a38cc}.paginacion button:disabled{background-color:#ccc;cursor:not-allowed}.paginacion .activo{background-color:#2b4eff;transform:scale(1.05)}.modal-contenido select{width:100%;margin:5px 0 10px;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px;background:#fff;cursor:pointer}.modal-contenido select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 4px #4a90e280}body{background-color:#e9eff6;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.contenedor{width:100%;max-width:500px;background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 12px #00000026;font-family:Segoe UI,sans-serif;text-align:center}h2{text-align:center;color:#1b3b6f;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.filtros{display:flex;flex-direction:column;gap:15px;margin-bottom:25px;align-items:center}.filtros div{display:flex;flex-direction:column;width:100%}.filtros label{font-weight:600;margin-bottom:5px;text-align:left}.filtros input{padding:10px;border-radius:8px;border:1px solid #ccc}button{background-color:#4a90e2;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s;width:100%}.tabla{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.tabla th{background-color:#4a90e2;color:#fff;padding:12px;text-align:center}.tabla td{padding:10px;border-bottom:1px solid #ddd;text-align:center}.tabla tr:hover{background-color:#f1f5ff}.btn-eliminar{background:none;border:none;cursor:pointer;font-size:20px;transition:.2s}.btn-eliminar:hover{transform:scale(1.2);color:red}.contenedor{max-width:900px;margin:40px auto;background:#fff;padding:25px 30px;border-radius:10px;box-shadow:0 4px 15px #00000026}h2{text-align:center;margin-bottom:20px;color:#333}.filtros{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filtros div{display:flex;flex-direction:column}.filtros label{font-weight:700;margin-bottom:5px}.filtros input{padding:8px;border-radius:6px;border:1px solid #ccc}button{background-color:#4a90e2;color:#fff;border:none;border-radius:8px;padding:8px 20px;cursor:pointer;font-weight:700;transition:.2s}button:hover{background-color:#357ab8;transform:scale(1.05)}.tabla{width:100%;border-collapse:collapse;margin-top:10px}.tabla th,.tabla td{border:1px solid #ccc;padding:10px;text-align:center}.tabla th{background-color:#f3f3f3;color:#333}.tabla tr:hover{background-color:#f9f9f9}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.modal-container{width:700px;max-height:90vh;overflow-y:auto;padding:25px;background:#fff;border-radius:12px}.form-row{display:flex;align-items:center;margin-bottom:12px;gap:12px}.form-row label{width:180px;font-weight:700}.form-row input,.form-row select{flex:1;padding:8px;border-radius:6px;border:1px solid #ccc}.modal-buttons{display:flex;gap:15px;margin-top:20px}.modal-close{position:absolute;top:12px;right:18px;background:none;border:none;font-size:22px;color:#666;cursor:pointer;transition:color .2s ease}.modal-close:hover{color:#005bff}.modal-title{text-align:center;color:#005bff;font-size:22px;font-weight:600;margin-bottom:15px}.modal-body{display:flex;flex-direction:column;gap:15px}.modal-body input,.modal-body select{width:100%;padding:10px 12px;border:1px solid #d4d4d4;border-radius:10px;font-size:15px;outline:none;transition:border .2s ease,box-shadow .2s ease}.modal-body input:focus,.modal-body select:focus{border-color:#005bff;box-shadow:0 0 4px #005bff66}.modal-button{background-color:#005bff;color:#fff;border:none;border-radius:10px;padding:12px;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px;transition:background-color .3s ease,transform .1s ease}.modal-button:hover{background-color:#0041cc;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.contenedor-tarifas{max-width:900px;margin:40px auto;background:#f9f9f9;border-radius:15px;padding:25px;box-shadow:0 4px 12px #00000026;font-family:Segoe UI,sans-serif}h2{text-align:center;color:#333;margin-bottom:25px}.tabla-tarifas{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.tabla-tarifas th{background-color:#4a90e2;color:#fff;padding:12px;text-align:center}.tabla-tarifas td{padding:10px;border-bottom:1px solid #ddd;text-align:center}.tabla-tarifas input{width:100px;padding:6px;border:1px solid #ccc;border-radius:6px;text-align:right}.tabla-tarifas tr:hover{background-color:#f1f5ff}button{background-color:#4a90e2;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}button:hover{background-color:#357abd}.mensaje{margin-top:20px;text-align:center;font-weight:600;color:#333}.menu-superior{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#036;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a;z-index:1000}.menu-superior ul{list-style:none;display:flex;gap:30px;margin:0;padding:0}.menu-superior li{display:flex;flex-direction:column;align-items:center;cursor:pointer;color:#fff;font-weight:700;padding:10px 20px;border-radius:10px;transition:background .3s ease,transform .2s}.menu-superior li:hover{background-color:#0055a5;transform:translateY(-2px)}.menu-superior li i{font-size:20px;margin-bottom:4px}.contenido-pagina{padding-top:90px;padding-left:20px;padding-right:20px;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}.login-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4a90e2,#50c9ce);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.login-card{background-color:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 8px 25px #0003;text-align:center;width:320px;transition:transform .2s ease-in-out}.login-card:hover{transform:translateY(-5px)}.login-title{margin-bottom:30px;font-size:24px;color:#333}.login-input{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ccc;border-radius:10px;outline:none;font-size:16px;transition:all .3s ease}.login-input:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e24d}.login-button{width:100%;padding:12px;background-color:#4a90e2;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:16px;transition:background .3s ease}.login-button:hover{background-color:#357ab8}