@charset "UTF-8";

/*
 *************************************************************
 Author : Antonio Rafael Garcia Dominguez
 Created: 2025-03-16 17:12:40
 file   : index.css
 path   : iva/static/css/apps/index.css
 uuid   : c4628e05-c6a9-4127-86ae-e4560bd672a3
 licence: MIT License
 Copyright (c) 2024 Antonio Rafael Garcia Dominguez
 *************************************************************
*/
@import url("./login/login.css");
@import url("./info/servicios.css");

section[data-id="html-main"]{
  container-type: size;
  container-name: size-main;

  & div[data-tag="main"] {
    height: 100%;
    width: 100%;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 21em;
    gap: 3px;
    overflow: auto;
    &::-webkit-scrollbar { display: none; }

  }

  @container size-main (width < 850px) {
    div[data-tag="main"] {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @container size-main (width < 500px) {
    div[data-tag="main"] {
      padding: 3px 3em;
      grid-template-columns: 1fr;
    }
  }
}

div[data-id="modal-login-contain"]{
  --bs-border-color: var(--ic-gris);

  & div[data-tag="modal-dialog"] {
    & div[data-tag="modal-content"]{
      padding: 3px 6px;

      & div[data-id="modal-login-body"]{
        height: 18em;
      }

      & div[data-id="modal-login-footer"]{
        padding: 1px;

        & div[data-tag="ctrl-footer"]{
          width: 100%;
          height: 2lh;
          display: grid;
          align-items: center;
          column-gap: 1px;
          grid-template-columns: repeat(3, 1fr);

          & div[data-tag="btn-tag"]{

            --html-btn-padding-left: 11px;
            --html-btn-tag-height: 3em;
          }
        }
      }
    }
  }
}