.containerButtons{display:flex;flex-direction:row;justify-content:space-around;padding-top:1rem}.loginForm{align-items:center;display:flex;flex-direction:column;background-color:#fff;margin-top:10vh;align-items:center;max-width:468px;height:auto;padding-bottom:2rem;min-height:500px;min-width:300px;width:100%;margin-left:3vh;margin-right:3vh;box-shadow:1px 9px 10px rgba(0,0,0,.37);border-radius:15px}.centeredLogo{max-width:271px;max-height:150px}.containerLogo{padding-top:5vh}.login-form__input{border:none !important;background-color:#fff !important;border-bottom:2px solid #fff !important;border-radius:0%;width:100% !important;margin-top:10px;color:#000;font-weight:600}.loginInputLabel{width:100%;color:#fff;font-style:normal;font-weight:600;font-size:16px;line-height:14px}.containerControls{padding-top:5vh;width:100%;max-width:350px}.login-form__button{background-color:#002987 !important;color:#fff !important;box-shadow:1px 3px 5px rgba(0,0,0,.37);margin-top:3vh;padding-left:5vh;padding-right:5vh;border-radius:5px;border-color:#002987;width:100%;text-transform:uppercase;font-weight:700;text-align:center;height:6vh;margin-left:10px;margin-right:10px;letter-spacing:.09em;min-height:50px}.containerLoginButton{width:100%;display:flex;justify-content:center}.buttonRecuperarContraseña{font-weight:600;font-size:15px;line-height:14px;color:hsla(0,0%,100%,.8);font-style:normal;cursor:pointer}:where(.css-dev-only-do-not-override-k83k30).ant-btn-default:not(:disabled):hover{border-color:#fff !important;font-weight:600;font-size:15px;line-height:14px;font-style:normal;cursor:pointer}:where(.css-dev-only-do-not-override-k83k30).ant-btn-default:not(:disabled):hover{color:#202020;border-color:#202020}@media(max-width: 768px){.loginForm{margin-top:5vh;padding-bottom:1rem}.containerControls{padding-left:10px;padding-right:10px}}
.menu-text{margin:0px}.ant-menu-submenu-popup{background-color:#4c8fe2 !important;border-radius:8px;box-shadow:0px 4px 6px rgba(0,0,0,.1);padding:10px;max-height:90vh;overflow-y:auto}.ant-menu-submenu-popup .ant-menu-item{color:#000 !important}.ant-menu-submenu-popup .ant-menu-item:hover{background-color:#002987 !important;color:#fff !important}.ant-menu-submenu-popup .ant-menu-item-selected{background-color:#002987 !important;color:#fff !important;font-weight:bold;border-radius:4px}.nav-text-hidden{padding-left:1.8rem}.nav-text{padding-left:.5rem;color:#fff !important}.admin-sider{position:fixed;left:0;top:60px;height:100vh;overflow-y:auto;background:#4c8fe2 !important;padding-top:20px;z-index:100}.menu{background-color:rgba(0,0,0,0);color:#fff !important;font-weight:bold}.ant-menu-item{color:#fff !important}:where(.css-dev-only-do-not-override-1kuana8).ant-menu-light .ant-menu-item-selected,:where(.css-dev-only-do-not-override-1kuana8).ant-menu-light>.ant-menu .ant-menu-item-selected{background-color:#002987 !important;color:#fff !important}.ant-menu-item .ant-menu-item-selected{background-color:#002987 !important;color:#fff !important}.ant-menu-item-selected{background-color:#002987 !important;color:#fff !important}.ant-menu-submenu .ant-menu-submenu-inline .ant-menu-submenu-open{color:#fff !important}.ant-menu-submenu{color:#fff !important}.ant-menu-submenu-inline{color:#fff !important}.ant-menu-submenu-title{color:#fff !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-sider{z-index:999}
.menu-top {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: center;
  overflow: hidden;
}
.menu-top Button {
  color: black;
  background-color: transparent;
  border: none;
}
.menu-top Button:hover {
  color: #142850;
  border: none;
  background-color: transparent;
}
.menu-top Button :focus,
.menu-top Button:active {
  color: #fff;
}

.menu-top__left-logo {
  /* width: 200px; */
  max-width: 100%;
  padding: 0 0px;
  /* height: 75px; */
  cursor: pointer;
  padding-left: 5px;
}

.menu-top__rigth {
  /* position: absolute;
      right: 30; */
}

@media (max-width: 768px) {
  .menu-top {
    width: auto;
    align-items: center;
    justify-content: center;
    display: flex;
  }
}

.ButtonComponentStyle {
  border: 1px solid #dae1e7;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 125px; */
  min-width: 140px;
  max-width: 150px;
  margin-top: 1rem;
  margin-right: 1rem;
}

.ButtonComponentStyle:hover {
  border-color: #fff !important;
}

.ant-modal-confirm-btns {
  display: flex;
  flex-direction: row-reverse !important;
  justify-content: space-around;
}

.input-label {
  font-weight: bold;
  color: #27496d;
}

.button-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
}

.input-container {
  padding-top: 1rem;
}

@media (max-width: 768px) {
  .button-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}

.layoutContainer {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  overflow: hidden;
}

.layout-admin {
  transition: margin-left 0.2s;
}

.layout-admin__header {
  position: fixed;
  top: 0;
  left: 0 !important;
  width: 100%;
  display: flex;
  padding: 0;
  height: 70px !important;
  z-index: 1000;
  background-color: #fff !important;
}

:where(.css-dev-only-do-not-override-ixblex).ant-layout .ant-layout-header {
  padding-inline: 1px !important;
}

.ant-layout .ant-layout-header {
  padding-inline: 1px !important;
}

.layout-admin__content {
  /* min-height: calc(100vh - 65px); */
  padding: 70px 0px 0px 0px;
  min-height: 100vh;
  /* height: 100%!important; */
  /* background-color: #fff; */
  /* border-left: .5px solid #ccc; */
  /* margin: 20px; */
  /* position: relative; */
}

.siderMenu
  .ant-layout-sider
  .ant-layout-sider-dark
  .ant-layout-sider-collapsed
  .admin-sider {
  flex: 0 0 50px !important;
  max-width: 50px !important;
  min-width: 50px !important;
  width: 50px !important;
}

.admin-sider {
  position: fixed;
  left: 0;
  top: 60px;
  height: 90vh;
  overflow: auto;
  background: #4c8fe2 !important;
  padding-top: 20px;
  height: 100vh;
  z-index: 100;
}

.zone {
    fill: rgba(79, 74, 74, 0.352); /* Color semitransparente para las zonas */
    stroke: rgb(63, 63, 63);
    stroke-width: 1;
    cursor: pointer;
  }
  
  .zone.selected {
    fill: rgba(0, 255, 0, 0.5); /* Color diferente para las zonas seleccionadas */
  }
  
.loaderContainer {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  overflow: hidden;
  /* background: transparent !important; */
}

.loader {
  margin-bottom: 1em; /* Añade un margen inferior para separar el texto del loader */
}

.loaderContainer span {
  margin-top: 20px;
  text-align: center; /* Asegura que el texto esté centrado */
  color: #2c659b;
  font-weight: 500;
}

.user-form__avatar{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.user-form__avatar>.ui.image{border:2px dashed #1890ff;margin:0;padding:5px;cursor:pointer;width:150px;height:150px;border-radius:50%;object-fit:cover}

/* ExportToExcel.css */
.containerExportExcel {
  /* ❌ no uses absolute en el header nuevo */
  position: static;
  right: auto;
  top: auto;
  z-index: auto;

  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: none; /* quitá max-width si te limita */
  padding-right: 0; /* el header ya tiene paddings */
}

@media (max-width: 768px) {
  .containerExportExcel {
    position: static;
  }
}

.siniestro-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.detail-item {
  flex: 1 1 45%; /* Dos elementos por fila en pantallas grandes */
  min-width: 200px; /* Para que no se hagan demasiado pequeños en pantallas pequeñas */
}

.label {
  font-weight: bold;
}

.value {
  margin-left: 0.5rem;
}

.user-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;border:1px solid #e4e4e4;border-radius:10px;padding:20px;margin-bottom:20px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.user-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.user-item__info{display:flex;align-items:center}.user-item__info>.ui.image{width:40px;height:40px;margin-right:10px}.user-item__info p{margin:0}.user-item__info p:first-of-type{font-weight:bold}.user-item__info p:last-of-type{opacity:.4}.user-item .user-item__actions{display:flex;justify-content:space-between}.user-item .user-item__actions button{flex:1 1;margin:0 5px}.user-item .user-item__actions button:first-of-type{margin-left:0}.user-item .user-item__actions button:last-of-type{margin-right:0}@media screen and (max-width: 768px){.user-item{flex-direction:column}.user-item__info{margin-bottom:15px;flex-direction:column;justify-content:center;align-items:center}.containerInfoUser{justify-content:center;text-align:center}.user-item__info p{font-size:.8rem}.user-item__actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.user-item__actions button{flex:1 1;margin:5px 5px;padding:8px}}



body{font-size:1.2rem;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1{font-size:2rem}p{font-size:1.2rem;margin:1.2rem 0}.container{padding:2rem}@media(min-width: 1024px){html{font-size:89%}}