{"version":3,"sourceRoot":"","sources":["base/_normalize.scss","base/_globales.scss","base/_variables.scss","base/_mixins.scss","base/_tipografia.scss","layout/_UI.scss","layout/_cita.scss","layout/_servicios.scss","layout/_resumen.scss","layout/_admin.scss","componentes/_formulario.scss","componentes/_botones.scss","componentes/_acciones.scss","componentes/_alertas.scss","componentes/_tabs.scss","componentes/_paginacion.scss"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n    line-height: 1.15; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n  }\n  \n  /* Sections\n     ========================================================================== */\n  \n  /**\n   * Remove the margin in all browsers.\n   */\n  \n  body {\n    margin: 0;\n  }\n  \n  /**\n   * Render the `main` element consistently in IE.\n   */\n  \n  main {\n    display: block;\n  }\n  \n  /**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n  \n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n  \n  /* Grouping content\n     ========================================================================== */\n  \n  /**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n  \n  hr {\n    box-sizing: content-box; /* 1 */\n    height: 0; /* 1 */\n    overflow: visible; /* 2 */\n  }\n  \n  /**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n  \n  pre {\n    font-family: monospace, monospace; /* 1 */\n    font-size: 1em; /* 2 */\n  }\n  \n  /* Text-level semantics\n     ========================================================================== */\n  \n  /**\n   * Remove the gray background on active links in IE 10.\n   */\n  \n  a {\n    background-color: transparent;\n  }\n  \n  /**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n  \n  abbr[title] {\n    border-bottom: none; /* 1 */\n    text-decoration: underline; /* 2 */\n    text-decoration: underline dotted; /* 2 */\n  }\n  \n  /**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n  \n  b,\n  strong {\n    font-weight: bolder;\n  }\n  \n  /**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n  \n  code,\n  kbd,\n  samp {\n    font-family: monospace, monospace; /* 1 */\n    font-size: 1em; /* 2 */\n  }\n  \n  /**\n   * Add the correct font size in all browsers.\n   */\n  \n  small {\n    font-size: 80%;\n  }\n  \n  /**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n  \n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  \n  sub {\n    bottom: -0.25em;\n  }\n  \n  sup {\n    top: -0.5em;\n  }\n  \n  /* Embedded content\n     ========================================================================== */\n  \n  /**\n   * Remove the border on images inside links in IE 10.\n   */\n  \n  img {\n    border-style: none;\n  }\n  \n  /* Forms\n     ========================================================================== */\n  \n  /**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n  \n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    line-height: 1.15; /* 1 */\n    margin: 0; /* 2 */\n  }\n  \n  /**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n  \n  button,\n  input { /* 1 */\n    overflow: visible;\n  }\n  \n  /**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n  \n  button,\n  select { /* 1 */\n    text-transform: none;\n  }\n  \n  /**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n  \n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    -webkit-appearance: button;\n  }\n  \n  /**\n   * Remove the inner border and padding in Firefox.\n   */\n  \n  button::-moz-focus-inner,\n  [type=\"button\"]::-moz-focus-inner,\n  [type=\"reset\"]::-moz-focus-inner,\n  [type=\"submit\"]::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n  \n  /**\n   * Restore the focus styles unset by the previous rule.\n   */\n  \n  button:-moz-focusring,\n  [type=\"button\"]:-moz-focusring,\n  [type=\"reset\"]:-moz-focusring,\n  [type=\"submit\"]:-moz-focusring {\n    outline: 1px dotted ButtonText;\n  }\n  \n  /**\n   * Correct the padding in Firefox.\n   */\n  \n  fieldset {\n    padding: 0.35em 0.75em 0.625em;\n  }\n  \n  /**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n  \n  legend {\n    box-sizing: border-box; /* 1 */\n    color: inherit; /* 2 */\n    display: table; /* 1 */\n    max-width: 100%; /* 1 */\n    padding: 0; /* 3 */\n    white-space: normal; /* 1 */\n  }\n  \n  /**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n  \n  progress {\n    vertical-align: baseline;\n  }\n  \n  /**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n  \n  textarea {\n    overflow: auto;\n  }\n  \n  /**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n  \n  [type=\"checkbox\"],\n  [type=\"radio\"] {\n    box-sizing: border-box; /* 1 */\n    padding: 0; /* 2 */\n  }\n  \n  /**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n  \n  [type=\"number\"]::-webkit-inner-spin-button,\n  [type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n  \n  /**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n  \n  [type=\"search\"] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n  \n  /**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n  \n  [type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  \n  /**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n  \n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n  \n  /* Interactive\n     ========================================================================== */\n  \n  /*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n  \n  details {\n    display: block;\n  }\n  \n  /*\n   * Add the correct display in all browsers.\n   */\n  \n  summary {\n    display: list-item;\n  }\n  \n  /* Misc\n     ========================================================================== */\n  \n  /**\n   * Add the correct display in IE 10+.\n   */\n  \n  template {\n    display: none;\n  }\n  \n  /**\n   * Add the correct display in IE 10.\n   */\n  \n  [hidden] {\n    display: none;\n  }\n  ","@use 'variables' as v;\n@use 'mixins' as m;\n\nhtml {\n    font-size: 62.5%;\n    box-sizing: border-box;\n    height: 100%;\n}\nbody {\n    min-height: 100%;\n    @include m.tablet {\n        height: 100%;\n    }\n    display: flex;\n    flex-direction: column;\n    background-color: v.$negro;\n    color: v.$blanco;\n    font-family: v.$fuente_principal;\n    font-size: 1.6rem;\n}\n*, *:before, *:after {\n    box-sizing: inherit;\n}\n.contenedor {\n    width: 95%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\na {\n    text-decoration: none;\n}\n\nimg {\n    max-width: 100%;\n}\n","// Fuentes\n$fuente_principal: 'Poppins', sans-serif;\n\n// Tamaño de Media Queries\n$telefono: 400px;\n$tablet: 768px;\n$desktop: 1024px;\n\n// Colores\n$azul: #0da6f3;\n$rojo: #cb0000;\n$verde:#329f00;\n$negro: #1a1b15;\n\n$blanco: #FFFFFF;\n$gris: #e1e1e1;\n\n$separacion: 5rem;\n\n// Fuentes\n$delgada: 300;\n$regular : 400;\n$bold: 700;\n$black: 900","@use 'variables' as v;\n\n/** Media Queries **/\n@mixin telefono {\n    @media (min-width: v.$telefono) {\n        @content;\n    }\n}\n@mixin tablet {\n    @media (min-width: v.$tablet) {\n        @content;\n    }\n}\n@mixin desktop {\n    @media (min-width: v.$desktop) {\n        @content;\n    }\n}\n\n\n@mixin boton($bgColor, $colorTexto) {\n    background-color: $bgColor;\n    padding: 1.5rem 4rem;\n    color: $colorTexto;\n    margin-top: 2rem;\n    font-size: 2rem;\n    font-weight: 400;\n    display: inline-block;\n    font-weight: 700;\n    border: none;\n    transition-property: background-color;\n    transition-duration: .3s;\n    text-align: center;\n    display: block;\n    width: 100%;\n    margin: 5rem 0;\n\n    @include tablet {\n        width: auto;\n    }\n    &:hover {\n        background-color: darken( $bgColor, 10% );\n        cursor: pointer;\n    }\n}\n\n@mixin grid($columnas, $espaciado ) {\n    display: grid;\n    gap: $espaciado;\n    grid-template-columns: repeat($columnas, 1fr);\n}","@use 'variables' as v;\n\nh1, h2, h3 {\n    font-family: v.$fuente_principal;\n    margin: 0 0 calc(v.$separacion / 2) 0 ;\n    font-weight: 900;\n    color: v.$blanco;\n    text-align: center;\n}\n\nh1 {\n    font-size: 4rem;\n}\nh2 {\n    font-size: 3.6rem;\n}\nh3 {\n    font-size: 3rem;\n    text-align: center;\n}\np {\n    color: v.$blanco;\n    font-size: 2rem;\n}\n\n.nombre-pagina {\n    text-align: center;\n    margin: 5rem 0;\n    font-weight: v.$bold;\n}\n.descripcion-pagina {\n    text-align: center;\n}","@use 'base/variables' as v;\n@use 'base/mixins' as m;\n\n.contenedor-app {\n    @include m.tablet {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        min-height: 100vh;\n    }\n\n    .imagen {\n        height: 20rem;\n        background-image: url(../img/01.webp);\n        background-size: cover;\n        background-position: center center;\n        @include m.tablet {\n            height: auto;\n        }\n    }\n\n    .app {\n        width: 95%;\n        margin: 0 auto;\n        padding: 3rem 0;\n        @include m.tablet {\n            overflow: scroll;\n        }\n    }\n}\n\n.barra {\n    margin: v.$separacion 0;\n\n    @include m.tablet {\n        display: flex;\n        justify-content: space-between;\n        align-items:center;\n    }\n\n    .boton {\n        @include m.boton(v.$negro, v.$blanco);\n        margin: 0;\n    }\n}\n\n.barra-servicios {\n    margin-bottom: v.$separacion;\n\n    @include m.tablet {\n        display: flex;\n        justify-content: space-between;\n    }\n\n    .boton {\n        margin: 0 0 1rem 0;\n    }\n}","\n.seccion {\n    padding: 5rem 0;\n    display: none;\n\n    .text-center {\n        text-align: center;\n    }\n}\n\n.mostrar {\n    display: block;\n}\n.ocultar {\n    display: none;\n}","@use 'base/variables' as v;\n@use 'base/mixins' as m;\n\n.listado-servicios {\n    display: grid;\n    gap: 2rem;\n    @include m.tablet {\n        @include m.grid(2, 2rem);\n    }\n\n    .servicio {\n        background-color: v.$blanco;\n        padding: 3rem;\n        border-radius: 1rem;\n        transition-property: transform;\n        transition-duration: 300ms;\n        text-align: center;\n\n        &.seleccionado {\n            background-color: v.$azul;\n            p {\n                color: v.$blanco;\n            }\n        }\n\n        &:hover {\n            transform: scale(1.1);\n        }\n\n        p {\n            color: v.$negro;\n            margin: 0 0 calc( v.$separacion / 4) 0;\n        }\n        .precio-servicio {\n            color: v.$azul;\n            font-weight: v.$bold;\n            font-size: 3rem;\n            margin: 0;\n        }\n    }\n}","@use 'base/variables' as v;\n\n.contenido-resumen {\n    p {\n        margin-bottom: 1rem;\n    }\n\n    span {\n        color: v.$azul;\n        font-weight: v.$bold;\n        font-size: 2.4rem;\n    }\n}\n.contenedor-servicio {\n    padding: 3rem 0;\n    border-bottom: 1px solid v.$gris;\n\n    &:last-of-type {\n        margin-bottom: v.$separacion;\n    }\n}\n\n","@use 'base/variables' as v;\n\n.citas {\n    list-style: none;\n    padding: 0;\n\n    li {\n        padding: 1rem;\n        border-top: 1px solid v.$blanco;\n\n        p {\n            font-weight: v.$bold;\n            color: v.$azul;\n        }\n\n        span,\n        .servicio {\n            font-weight: v.$regular;\n            color: v.$blanco;\n        }\n\n    }\n}\n\n.servicios {\n    @extend .citas;\n\n    .acciones {\n        margin: 0;\n    }\n    .boton,\n    .boton-eliminar {\n        margin: 0;\n    }\n}","@use 'base/variables' as v;\n@use 'base/mixins' as m;\n\n.formulario {\n    margin-top: 5rem;\n    width: 100%;\n}\n\n.campo {\n    display: flex;\n    margin-bottom: 2rem;\n    align-items: center;\n    label {\n        flex: 0 0 10rem;\n    }\n    input {\n        flex: 1;\n        border: none;\n        padding: calc(v.$separacion / 4);\n        border-radius: 1rem;\n\n        &:disabled {\n            background-color: lighten(v.$negro, 30%);\n            color: v.$blanco;\n            cursor: not-allowed;\n        }\n    }\n}","@use 'base/variables' as v;\n@use 'base/mixins' as m;\n\n.boton {\n    @include m.boton(v.$azul, v.$blanco);\n}\n.boton-eliminar {\n    @include m.boton(v.$rojo, v.$blanco);\n}","@use 'base/variables' as v;\n@use 'base/mixins' as m;\n\n.acciones {\n    margin-top: v.$separacion;\n    @include m.tablet {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    a {\n        color: v.$blanco;\n        display: block;\n        margin-bottom: calc(v.$separacion / 2);\n        text-align: center;\n    }\n}","@use 'base/variables' as v;\n\n.alerta {\n    padding: calc(v.$separacion / 4);\n    color: v.$blanco;\n    width: 100%;\n    display: block;\n    margin-bottom: 2rem;\n    text-align: center;\n    font-weight: v.$bold;\n    text-transform: uppercase;\n\n    &.error {\n        background-color: v.$rojo;\n    }\n    &.exito {\n        background-color: v.$verde;\n    }\n}","@use 'base/variables' as v;\n@use 'base/mixins' as m;\n\n.tabs {\n\n    @include m.tablet {\n        display: flex;\n\n    }\n\n    button {\n        background-color: v.$azul;\n        border: none;\n        color: v.$blanco;\n        padding: 1rem;\n        display: block;\n        width: 100%;\n        margin-bottom: 1rem;\n        text-transform: uppercase;\n        font-weight: v.$bold;\n        transition: background-color 300ms ease;\n\n        &:hover {\n            cursor: pointer;\n            background-color: darken(v.$azul, 10%);\n        }\n        &.actual {\n            background-color: v.$blanco;\n            color: v.$azul;\n        }\n    }\n}","@use 'base/variables' as v;\n@use 'base/mixins' as m;\n\n.paginacion {\n    padding: v.$separacion 0;\n\n    @include m.telefono {\n        display: flex;\n        justify-content: space-between;\n    }\n    button {\n        margin: 0 0 1rem 0;\n    }\n}\n\n.ocultar {\n    visibility: hidden;\n}"]}