*,*:before,*:after{box-sizing:border-box}:root{height:100dvh;width:100dvw}body{margin:0;font-family:Manrope,Plus Jakarta Sans,Inter,system-ui,sans-serif}h1,h2,h3{font-family:Manrope,sans-serif}img{max-width:100%;display:block}button{font:inherit}.layout{background:#f5f0ed;display:flex;flex-direction:column}.p,h1,h2,h3{margin:0}.btn{padding:.9rem 1.5rem;border-radius:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-tutorial{display:none}.btn--primario{background-color:#1a2b4c;color:#fff;border:none}.btn--primario:hover{background-color:#0073ff}.btn--secundario{background-color:#dfe3e7;color:#1a2b4c;border-style:none}.btn--secundario:hover{background-color:#adc8e5}.splash-screen{display:flex;align-items:center;justify-content:center}.header{display:flex;justify-content:center;align-items:center;background-color:#dfe3e7;box-shadow:0 0 3px .1px #00000054;color:#2a2f45;width:100%;min-height:6dvh;padding:0 1.5rem}.header__img{height:40px;width:130px}.header__not-logged{display:flex;justify-content:space-around;height:100%;width:100%}.header__not-logged nav{display:flex;align-items:center;width:100%;height:100%;justify-content:space-between}.header__not-logged p{font-size:1.5rem}.header__logged{display:flex;justify-content:space-around;align-items:center;min-height:6dvh;width:100%}.header_btn--logout{padding:.3rem;font-size:small}.header__logged p{font-weight:700;font-size:1.2rem;color:#001c38}.header__logged-button-logout{border:1px solid grey;font-weight:700;color:gray}.navbar{background-color:#fff;color:#000;box-shadow:0 0 1px 1px #00000038;height:10%}.navbar_title{display:none}.navbar__btns{display:flex;justify-content:space-evenly;list-style:none;padding:0;margin:0}.navbar__btn{width:20%}.bar-link{display:block;text-decoration:none;text-align:center;padding:1.2rem 0}.bar-link:hover{box-shadow:inset 0 3px #21a293;outline:none;border-radius:5px}.bar-link:visited{color:#070101}.hero{display:flex;gap:2rem;align-items:center;justify-content:center;text-align:left;min-height:90dvh;padding:1.5rem;background:linear-gradient(135deg,#06213dd7,#000000d5),url(https://res.cloudinary.com/dj7fmczq9/image/upload/f_auto,q_auto/backgroundRoweWorks_dmlaau);background-size:cover;background-position:center;background-repeat:no-repeat}.hero__info{display:flex;flex-direction:column;gap:2rem;align-items:start;justify-content:center;text-align:left;min-height:90dvh;padding:1.5rem}.hero__title{color:#edf1f5;font-size:30px}.hero__subtitle{color:#dfe3e7}.hero button{width:60%;padding:1rem}.features{display:flex;flex-direction:column;gap:1rem;padding:3rem 1rem}.features__card--rapido{border-left:6px solid #1A2B4C}.features__card--seguro{border-left:6px solid #4A90E2}.features__card--confiable{border-left:6px solid #008679}.cta-hero{color:#fff;background-color:#0f3155;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.5rem;min-height:40dvh}.cta-hero__info{display:flex;flex-direction:column;background-color:#fff;color:#001c38;border-radius:10px;min-height:100%;gap:1.5rem;text-align:center;padding:2rem}.cta-hero__buttons{display:flex;justify-content:space-between}.cta__btn{max-width:40%}.admin-dashboard{display:grid;grid-template-columns:1fr 9fr}.medico-content{display:flex;flex-direction:column;max-height:94dvh;justify-content:space-between}.medico-dashboard{height:88dvh;overflow-y:auto}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem 1.5rem;text-align:left;gap:1rem}.home__name{font-weight:700;font-size:large}.home__header{display:flex;flex-direction:column;text-align:left;background-color:#fff;border-radius:5px;padding:1rem;box-shadow:0 2px 8px #0000001a;width:100%;border-left:4px solid #008679}.home__alert{display:flex;justify-content:space-between;border-radius:10px;margin-bottom:1rem}.home__count{color:#001c38}.label-today{font-weight:700;color:#005048;border:1px solid #005048;padding:.3rem;border-radius:15px}.section--home-alert h2{font-size:25px}.section--medico-home-alert p,h2{margin:0}.siguiente-cita{display:flex;flex-direction:column;align-items:start;background-color:#edf1f5;border-radius:10px;padding:1.5rem 1rem;font-size:medium;gap:.5rem}.siguiente-cita__card{display:flex;width:100%;align-items:end;justify-content:space-between}.siguiente-cita__title{color:#48bdae}.siguiente-cita__hora{font-weight:700;font-size:large}.notifications{display:flex;justify-content:space-between;width:100%}.notifications_cards{display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;border-radius:10px;width:30%;padding:1rem;gap:.5rem;box-shadow:0 2px 8px #0000001a;font-size:15px;color:#5a5f62}.notification_confirmadas{font-weight:1000;font-size:20px;color:#008679}.notification_vencidas{font-weight:1000;font-size:20px;color:#95a5a6}.notification_canceladas{font-weight:1000;font-size:20px;color:#e74c3c}.schedule{display:flex;flex-direction:column;width:100%;text-align:left;border-radius:10px}.schedule h2{margin:0}.schedule ul{display:flex;flex-direction:column;padding:0;gap:1rem}.schedule__card{display:flex;justify-content:space-between;background-color:#f8f8f8;list-style:none;padding:1rem;border-radius:10px;border-left:4px solid #4A90E2;border-left:4px solid #008679;box-shadow:0 2px 8px #0000001a}.schedule__data{display:flex;font-size:medium}.schedule-{padding:0 1rem}.schedule__info{font-weight:700;padding:0 1rem}.schedule__date{border-right:1px solid #8d9195c2}.news{display:flex;justify-content:center;background-color:#008679;padding:2rem 1rem;width:100%;height:100%}.lista-citas{display:flex;flex-direction:column;padding:0 1.5rem}.lista-citas__header{display:flex;flex-direction:column;align-items:start;padding:2rem 0;gap:1rem;color:#2a2f45;border-radius:10px}.lista-citas__title{display:flex;flex-direction:column;text-align:left;font-size:20px}.lista__elements{display:grid;overflow-y:auto;max-height:65dvh;place-items:center;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.filtros{display:flex;gap:1rem;width:100%;background-color:#fff;border-radius:10px}.filtro-dia__btn{padding:1rem;border-radius:999px;border:1.5px solid #cbd5e1;background:transparent;color:#64748b;font-size:11px;cursor:pointer;font-weight:500;box-shadow:0 2px 8px #0000001a}.filtro-dia__btn.activo{background:#001c38;border-style:none;color:#fff}.filtro-estado__btn{padding:1rem;border-radius:999px;border:1.5px solid #cbd5e1;background:transparent;color:#64748b;font-size:11px;cursor:pointer;font-weight:500;box-shadow:0 2px 8px #0000001a}.filtro-estado__btn.activo{border-color:#4eb4f4;color:#4eb4f4}.cita-card{background-color:#fff;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:1rem;gap:1rem;border-radius:10px;width:100%}.cita-card p{margin:0;font-weight:500}.cita-card__header{display:flex;justify-content:space-between}.cita-card.confirmada{border-left:4px solid #008679}.cita-card.confirmada span{font-weight:600;color:#008679;border:1px solid #008679;border-radius:10px;padding:.3rem}.cita-card.cancelada{border-left:4px solid #e74c3c}.cita-card.cancelada span{font-weight:600;color:#e74c3c;border:1px solid #e74c3c;border-radius:10px;padding:.3rem}.cita-card.vencida{border-left:4px solid #95a5a6}.cita-card.vencida span{font-weight:600;color:#95a5a6;border:1px solid #95a5a6;border-radius:10px;padding:.3rem}.cita-info{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.cita-title{font-weight:600;font-size:20px;color:#2a486d}.cita-subtitle{color:#889697}.cita__buttons{display:flex;justify-content:space-between}.citas__btn{border-radius:5px;border-style:none;padding:.5rem 1.5rem;font-weight:700;background-color:#edf1f5}.cita__detail-btn{color:#2a486d}.cita__edit-btn{color:#4eb4f4}.cita__delete-btn{color:#e74c3c}.actualizar-cita{display:flex;flex-direction:column;gap:2rem;padding:0 1.5rem}.actualizar-cita__header{display:flex;flex-direction:column;border-radius:10px;font-size:medium;margin-top:2rem;gap:1rem}.actualizar-cita__card{display:flex;flex-direction:column;border-radius:15px}.actualizar-cita__card form,.actualizar-info{display:flex;flex-direction:column}.actualizar-info div{display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-radius:10px;gap:.5rem;margin-top:1rem}.actualizar-info span{display:flex;justify-content:space-between}.actualizar-info p{margin:0}.actualizar-info input{border:none;background-color:#dfe3e7;padding:1.5rem 1rem;border-radius:5px}.actualizar-info select{border:none;padding:1.5rem 1rem;border-radius:5px}.actualizar-cita__footer{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.detalle-info{border:none;background-color:#dfe3e7;padding:1.5rem 1rem;border-radius:5px}.crear-cita{display:flex;flex-direction:column;gap:2rem;padding:0 1.5rem}.crear-cita__header{display:flex;flex-direction:column;border-radius:10px;font-size:medium;margin-top:2rem;gap:1rem}.crear-cita__header h1,h2,p{margin:0}.section--crear-cita-header h1{color:#2a486d}.crear-cita__status{background-color:#fff;border-radius:10px;padding:1rem;border-left:4px solid #4A90E2;box-shadow:0 2px 8px #0000001a;color:#73787b;font-weight:500}.crear-cita__status div{display:flex;justify-content:space-between}.crear-cita__status p:first-child{font-weight:700}.crear-cita__status--initial{padding:.3rem 1rem;border-radius:15px;font-weight:700;color:#008679;border:1px solid #008679}.crear-card{display:flex;flex-direction:column;border-radius:15px}.crear-card form,.crear-info{display:flex;flex-direction:column}.crear-info div{display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-radius:10px;gap:.5rem;margin-top:1rem}.crear-info p{margin:0}.crear-info input{border:none;background-color:#dfe3e7;padding:1.5rem 1rem;border-radius:5px}.crear__footer{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.modal-overlay{position:fixed;inset:0;background:#07071b80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;padding:2rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-width:280px;text-align:center;justify-content:space-around}.not-found{display:flex;background-color:#0073ff;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;padding:10rem 0rem;height:88dvh}.not-found iframe{width:300px;height:170px;box-shadow:0 0 50px #000;border-radius:12px}.not-found iframe:hover{box-shadow:0 0 10px #5b8def4d,0 0 25px #5b8def33}.btn-404{border:1px solid red;border-radius:10px;padding:1rem;background-color:#001c38;color:#fff;text-decoration:none;font-size:large;font-weight:600}.btn-404:visited{color:#fff}.modal-login{align-items:center;gap:1rem}.modal-login-form{display:flex;flex-direction:column;gap:1rem;align-items:center}.modal-login-form input{border:none;background-color:#dfe3e7;padding:1.5rem 1rem;border-radius:5px}.footer,.hero-banner,.hero__image,.features-desktop{display:none}@media(min-width:480px){.header{justify-content:space-between;padding-left:3rem;padding-right:3rem}.header nav{gap:2rem}.navbar{display:flex;flex-direction:column;border-right:2px solid black;width:10dvw;height:initial;background-color:#001c38;color:#fff}.navbar__title{display:block;padding:1rem}.navbar__main{display:flex;flex-direction:column;justify-content:space-between;height:100%}.navbar__btns{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.navbar__help{margin-bottom:2rem}.navbar__btn{width:90%}.bar-link,.bar-link:visited{color:#fff}.bar-link:hover{box-shadow:0 0 5px 1px #21a29375}.bar-link.active{background-color:#008678a2;box-shadow:4px 0 5px 2px #21a293}.hero{background:linear-gradient(135deg,#06213dd7,#000000d5),url(https://res.cloudinary.com/dj7fmczq9/image/upload/f_auto,q_auto/backgroundRoweWorksDesktop_kjljyi);background-size:cover;background-position:center;background-repeat:no-repeat}.hero__image{display:block}.hero-banner{display:block;background-color:#001c38}.hero-banner ul{display:flex;color:#cae6ff;align-items:center;text-align:center;justify-content:space-around;list-style:none;min-height:10dvh;font-weight:700;font-size:large}.features-desktop{display:flex;flex-direction:column;padding:1rem 1.5rem;background-color:#edf1f5}.features-desktop__header{display:flex;justify-content:space-between;align-items:end;padding:1rem;margin:1rem 0}.features-desktop__header-titles{display:flex;flex-direction:column;width:30%;font-size:1.5rem}.features-desktop__title{color:#0f3155}.features-desktop__subtitle{color:#4eb4f4;font-weight:500;font-size:1.5rem}.features-desktop__description{display:flex;flex-direction:column;width:30%;color:#2e2e2e;font-weight:500}.features-desktop__content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.features-desktop__card{background-color:#fff;border-radius:10px;padding:2rem;font-size:1.5rem;box-shadow:0 0 3px 2px #0000001a;color:#0f3155}.features-desktop__card:nth-child(2){background-color:#0f3155;color:#fff}.features-desktop__card:nth-child(3){background-color:#dfe3e7}.features-desktop__card:nth-child(4){background-color:#005048;color:#fff}.cta-hero{background-color:#edf1f5}.cta-hero__info{display:flex;flex-direction:column;background-color:#fff;color:#001c38;border-radius:10px;min-height:100%;width:70%;gap:1.5rem;text-align:center;padding:2rem 5rem;box-shadow:0 5px 7px -1px #0003}.cta-hero h2{font-size:2rem}.cta-hero__buttons{display:flex;justify-content:center;gap:2rem}.medico-content{display:flex;justify-content:start;flex-direction:row-reverse}.medico-dashboard{width:90dvw}.home{justify-content:start;align-items:start}.desktop__header{display:flex;justify-content:space-between;width:100%}.home__header{width:65%;justify-content:space-evenly}.notifications{flex-direction:column;width:30%;gap:1rem}.notifications_cards{width:100%}.desktop-schedule{display:flex;width:100%;justify-content:space-between}.schedule{width:65%}.news{width:30%}.detalle-cita{padding:9rem}.crear-cita{padding:2rem 1.5rem;border-radius:15px}.crear-cita section{padding:1rem 2rem}.crear__footer{display:flex;flex-direction:row;justify-content:center}.modal{padding:4rem;min-width:400px;min-height:300px}.modal button{padding:.5rem 1rem}.footer{display:block;font-size:small;background-color:#2d2e2c;color:#fff;font-style:none}.footer nav{border-top:1px solid black;display:flex;align-items:center;justify-content:center;gap:8rem}.footer a{display:block;text-decoration:none;box-shadow:0 0 15px #000;color:#fff;border:1px solid rgb(47,179,212);border-radius:15px;padding:1rem;cursor:pointer}.footer a:hover{display:block;text-decoration:none;box-shadow:0 0 15px #fff}.not-found{padding:0}.not-found iframe{width:900px;height:510px}.features{display:none}}