@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 0, 0, 0;
  --background-rgb: 248, 249, 250;

  /* Variables para Facturas */
  --primary-color: #0066cc;
  --primary-hover: #0052a3;
  --primary-light: rgba(0, 102, 204, 0.1);
  --secondary-color: #f8f9fa;
  --text-primary: #333;
  --text-secondary: #666;
  --border-color: #ddd;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);
  --border-radius: 8px;
  --transition-speed: 0.2s;
}

/* Comentado para evitar conflictos - cada componente maneja sus estilos */
/* body {
  color: rgb(var(--foreground-rgb));
  background: rgb(var(--background-rgb));
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
} */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.green-button {
  background-color: #00c39a !important;
  color: #111116 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.5rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
  /* Para anular estilos de Material-UI si es necesario */
}

.green-button:hover {
  background-color: #00b38e !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 195, 154, 0.2);
}

.MainLayout_mainLayout__Vo7o- {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.MainLayout_mainContent__HAeLc {
  flex: 1 1;
  background: #f9fafb;
}

@media (max-width: 768px) {
  .MainLayout_main__iJH5A {
    padding: 1rem;
  }
}
.CreateCostCenterModal_modalOverlay__fK\+-\+ {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.CreateCostCenterModal_modalContent__SXv6x {
  background-color: #2c2c2c;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  border: 1px solid #444;
}

.CreateCostCenterModal_modalHeader__6JK2k {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #444;
}

.CreateCostCenterModal_modalTitle__z2CXj {
  font-size: 1.25rem;
  font-weight: 600;
  color: #e2e8f0;
  margin: 0;
}

.CreateCostCenterModal_closeButton__5SyK- {
  background: none;
  border: none;
  color: #a0aec0;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.CreateCostCenterModal_closeButton__5SyK-:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}

.CreateCostCenterModal_closeButton__5SyK-:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.CreateCostCenterModal_formGroup__0M4TF {
  margin-bottom: 1.25rem;
  padding: 0 1.5rem;
}

.CreateCostCenterModal_formLabel__Lh5ZJ {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #a0aec0;
}

.CreateCostCenterModal_required__u7T2o {
  color: #f43f5e;
}

.CreateCostCenterModal_formControl__fvSub {
  width: 100%;
  padding: 0.625rem 0.75rem;
  border: 1px solid #555;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  transition: border-color 0.15s ease-in-out;
  background-color: #1e1e1e;
  color: #fff;
}

.CreateCostCenterModal_formControl__fvSub:focus {
  border-color: #00c39a;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 195, 154, 0.2);
}

.CreateCostCenterModal_formControl__fvSub:disabled {
  background-color: #2a2a2a;
  cursor: not-allowed;
  opacity: 0.6;
}

.CreateCostCenterModal_formHint__pS4tX {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #6b7280;
}

.CreateCostCenterModal_textArea__b3gMr {
  resize: vertical;
  min-height: 80px;
}

.CreateCostCenterModal_errorMessage__0U-n9 {
  background-color: #dc2626;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  border-radius: 8px;
  border: 1px solid #ef4444;
}

.CreateCostCenterModal_formActions__gyT\+N {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
  background-color: #1e1e1e;
  border-top: 1px solid #444;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.CreateCostCenterModal_cancelButton__gl8yA {
  padding: 0.625rem 1.25rem;
  background-color: #4a4a4a;
  border: 1px solid #4a4a4a;
  border-radius: 0.375rem;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}

.CreateCostCenterModal_cancelButton__gl8yA:hover {
  background-color: #5a5a5a;
}

.CreateCostCenterModal_cancelButton__gl8yA:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.CreateCostCenterModal_submitButton__Kn4o\+ {
  padding: 0.625rem 1.25rem;
  background-color: #00c39a;
  border: 1px solid #00c39a;
  border-radius: 0.375rem;
  font-weight: 500;
  color: #1e1e1e;
  cursor: pointer;
  min-width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CreateCostCenterModal_submitButton__Kn4o\+:hover:not(:disabled) {
  background-color: #00a986;
  border-color: #00a986;
}

.CreateCostCenterModal_submitButton__Kn4o\+:disabled {
  background-color: #4a4a4a;
  color: #888;
  cursor: not-allowed;
  border-color: #4a4a4a;
}

.CreateCostCenterModal_loader__CmJDB {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(30, 30, 30, 0.3);
  border-radius: 50%;
  border-top-color: #1e1e1e;
  animation: CreateCostCenterModal_spin__Umm6q 1s ease-in-out infinite;
}

@keyframes CreateCostCenterModal_spin__Umm6q {
  to {
    transform: rotate(360deg);
  }
}

.Learn_container__Jtfpn {
  min-height: 100vh;
  background-color: #000;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  padding-bottom: 60px;
  /* Espacio para la barra de navegación inferior */
  width: 100%;
  max-width: 100%;
  /* Cambio para ocupar todo el ancho */
  margin: 0;
  padding: 0;
}

.Learn_nav__yBy5f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background-color: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.Learn_searchBar__3frWo {
  flex: 1 1;
  max-width: 600px;
  margin: 0 2rem;
}

.Learn_searchInput__acw8w {
  width: 100%;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.Learn_searchInput__acw8w:focus {
  outline: none;
  border-color: #16DB72;
  background-color: rgba(255, 255, 255, 0.15);
}

.Learn_searchInput__acw8w::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.Learn_navRight__Q-0-- {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.Learn_navLink__4LYbK {
  color: white;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.Learn_navLink__4LYbK:hover {
  color: #16DB72;
}

.Learn_loginButton__Rd-Na {
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  background-color: #16DB72;
  color: white;
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

.Learn_loginButton__Rd-Na:hover {
  background-color: #14c567;
  transform: translateY(-1px);
}

.Learn_main__SexEG {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.Learn_featuredCourse__ZMdio {
  position: relative;
  padding: 4rem 0;
  margin-bottom: 3rem;
  background: linear-gradient(to right, #000, rgba(22, 219, 114, 0.1));
  border-radius: 12px;
}

.Learn_courseInfo__btonD {
  max-width: 800px;
  padding: 0 2rem;
}

.Learn_courseTitle__BguDX {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.Learn_courseDescription__yd-c6 {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 2rem;
  line-height: 1.6;
}

.Learn_courseMeta__SaHqq {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 2rem;
}

.Learn_tabsContainer__g0PcM {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 2rem;
}

.Learn_tabs__O8r\+m {
  display: flex;
  gap: 2rem;
}

.Learn_tab__XbWXb {
  padding: 1rem 0;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}

.Learn_tab__XbWXb:hover {
  color: white;
}

.Learn_tab__XbWXb.Learn_active__4MFJO {
  color: #16DB72;
}

.Learn_tab__XbWXb.Learn_active__4MFJO::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #16DB72;
}

.Learn_sectionHeader__bfeVl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.Learn_sectionTitle__zoMLy {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.Learn_viewAllButton__XVDk\+ {
  background: none;
  border: none;
  color: #aaa;
  /* Cambiado de #555 a un gris más claro para mejor contraste con fondo negro */
  cursor: pointer;
  font-size: 14px;
}

.Learn_sectionDescription__XQAb9 {
  margin-bottom: 20px;
  color: #aaa;
  /* Cambiado de #666 a un gris más claro para mejor contraste con fondo negro */
}

.Learn_continuePrograms__DLBCI {
  margin-bottom: 2rem;
}

.Learn_programsGrid__E0Yhb {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  gap: 20px;
  margin-bottom: 40px;
  scrollbar-width: thin;
  scrollbar-color: #6d32ea #222;
}

.Learn_programCard__i-UKy {
  min-width: 300px;
  max-width: 320px;
  flex: 0 0 auto;
  background-color: #1a1a1a;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.Learn_programLink__v5Ln1 {
  display: block;
  text-decoration: none;
  color: inherit;
}

.Learn_programImageContainer__fkHJt {
  position: relative;
  height: 160px;
}

.Learn_programImage__7y7TJ {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Learn_programDuration__jGQl- {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
}

.Learn_playButton__Ehr3z {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}

.Learn_programImageContainer__fkHJt:hover .Learn_playButton__Ehr3z {
  opacity: 1;
}

.Learn_programInfo__8CexP {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 130px;
}

.Learn_programTitle__EIsuC {
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #fff;
  min-height: 66px;
  display: flex;
  align-items: flex-start;
}

.Learn_programProgress__rH8gF {
  margin-top: 10px;
  margin-bottom: 0;
  margin-top: auto;
}

.Learn_progressBar__r38\+q {
  height: 4px;
  background-color: #333;
  border-radius: 2px;
  margin-bottom: 5px;
}

.Learn_progressFill__2DScc {
  height: 100%;
  background-color: #6d32ea;
  border-radius: 2px;
}

.Learn_progressText__4d\+Zt {
  font-size: 12px;
  color: #999;
}

.Learn_programMenuButton__o2Qy3 {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
}

.Learn_popularPrograms__iEL9F {
  margin-bottom: 2rem;
}

.Learn_popularProgramCard__d5Aog {
  background-color: #1a1a1a;
  border-radius: 8px;
  overflow: hidden;
}

.Learn_popularProgramInfo__s6mWU {
  padding: 16px;
}

.Learn_programInstructor__r8xYF {
  font-size: 14px;
  color: #999;
  margin: 5px 0;
}

.Learn_programLessons__nG6UH {
  font-size: 12px;
  color: #777;
  margin: 0;
}

.Learn_categoriesSection__tgFTi {
  margin-bottom: 2rem;
}

.Learn_categoriesGrid__o8SjS {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 60px;
}

.Learn_categoryCard__uHama {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 120px;
}

.Learn_categoryImage__N7TjE {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Learn_categoryName__03nj0 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  color: white;
  padding: 10px;
  margin: 0;
  font-size: 16px;
}

.Learn_bottomNav__CWRB8 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  display: flex;
  justify-content: space-around;
  padding: 10px 0;
  border-top: 1px solid #333;
}

.Learn_navButton__Ctklw {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
  border: none;
  color: #777;
  cursor: pointer;
}

.Learn_navIcon__D-Xou {
  font-size: 20px;
  margin-bottom: 4px;
}

.Learn_navText__aXfgL {
  font-size: 12px;
}

.Learn_activeNavButton__q3OOw {
  color: #fff;
}

.Learn_categoriesBanner__n9Oj9 {
  width: 100%;
  margin: 32px 0 32px 0;
  padding: 0 0 8px 0;
  background: transparent;
  overflow-x: auto;
}

.Learn_categoriesBannerList__HOvKg {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 56px;
  list-style: none;
  margin: 0;
  padding: 0 24px;
  white-space: nowrap;
}

.Learn_categoryBannerItem__97EZS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s;
}

.Learn_categoryBannerItem__97EZS:hover {
  transform: translateY(-4px) scale(1.06);
}

.Learn_categoryBannerIcon__ssUy6 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}

.Learn_categoryBannerName__4\+0Sv {
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin-top: 2px;
}

.Learn_categoryBannerItemActive__NQcFv {
  color: #6d32ea;
}

.Learn_categoryBannerItemActive__NQcFv .Learn_categoryBannerIcon__ssUy6 svg circle {
  stroke: #6d32ea;
  stroke-width: 2px;
}

.Learn_courseImageMock__gyw75 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  display: block;
}

.Learn_courseDescriptionMock__DaWmp {
  color: #e0e0e0;
  font-size: 0.98rem;
  font-weight: 400;
  margin-bottom: 8px;
  margin-top: -4px;
  line-height: 1.4;
  min-height: 22px;
}

.Learn_coursesSection__nrOAl {
  margin: 40px 0 0 0;
}

.Learn_coursesGrid__0QiZ\+ {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 32px;
  gap: 32px;
}

.Learn_courseCard__7e1gC {
  background: #181818;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  display: flex;
  flex-direction: column;
  min-height: 220px;
  transition: transform 0.15s;
}

.Learn_courseCard__7e1gC:hover {
  transform: translateY(-4px) scale(1.03);
}

.Learn_courseImagePlaceholder__-Y06y {
  width: 100%;
  height: 120px;
  background: linear-gradient(90deg, #232323 60%, #222 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Learn_courseInfoBlock__JkL5b {
  padding: 20px 20px 16px 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  justify-content: space-between;
  min-height: 100px;
}

.Learn_courseTitle__BguDX {
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px 0;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
}

.Learn_courseCategories__h\+EeJ {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  align-items: flex-end;
}

.Learn_courseCategoryTag__hTDe9 {
  background: #6d32ea;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 500;
  border-radius: 6px;
  padding: 3px 12px;
  margin-top: 2px;
  letter-spacing: 0.01em;
}

.Learn_topBarReturn__e9vac {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 0 auto;
  padding: 16px 32px 0 32px;
}

.Learn_returnButton__Ilr2Z {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}

.Learn_returnButton__Ilr2Z:hover {
  color: #6d32ea;
}

.Learn_returnIcon__3Yogs {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Learn_courseMinimalInfo__-P9Zm {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 8px 0 6px 0;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}

.Learn_courseMinimalInfo__-P9Zm span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}

@media (max-width: 1024px) {
  .Learn_courseTitle__BguDX {
    font-size: 3rem;
  }
}

@media (max-width: 768px) {
  .Learn_nav__yBy5f {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }

  .Learn_searchBar__3frWo {
    width: 100%;
    margin: 0;
  }

  .Learn_navRight__Q-0-- {
    width: 100%;
    justify-content: center;
  }

  .Learn_courseTitle__BguDX {
    font-size: 2.5rem;
  }

  .Learn_tabs__O8r\+m {
    gap: 1rem;
  }

  .Learn_programsGrid__E0Yhb {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }

  .Learn_categoriesBannerList__HOvKg {
    gap: 32px;
    padding: 0 8px;
  }

  .Learn_categoryBannerName__4\+0Sv {
    font-size: 1rem;
  }

  .Learn_categoryBannerIcon__ssUy6 svg {
    width: 28px;
    height: 28px;
  }

  .Learn_coursesGrid__0QiZ\+ {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .Learn_courseInfoBlock__JkL5b {
    padding: 14px 10px 12px 10px;
  }
}

@media (max-width: 480px) {
  .Learn_courseTitle__BguDX {
    font-size: 2rem;
  }

  .Learn_courseDescription__yd-c6 {
    font-size: 1rem;
  }

  .Learn_lessonItem__ChORJ {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .Learn_programsGrid__E0Yhb {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }

  .Learn_categoriesGrid__o8SjS {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
}
.Enterate_container__v5mwT {
  min-height: 100vh;
  background: #f5f5f5;
  position: relative;
  overflow: hidden;
}

.Enterate_nav__Vv5tq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 4rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.Enterate_logo__qCVdl {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 2px;
  color: #333;
}

.Enterate_menu__eglUP {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.Enterate_menu__eglUP a {
  text-decoration: none;
  color: #333;
  font-size: 0.9rem;
  letter-spacing: 1px;
  transition: color 0.3s ease;
  font-weight: 500;
}

.Enterate_menu__eglUP a:hover {
  color: #0066cc;
}

.Enterate_contact__2GI0d {
  padding: 0.5rem 1rem;
  border: 2px solid #333;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.Enterate_contact__2GI0d:hover {
  background: #333;
  color: white !important;
}

.Enterate_main__r3evb {
  padding-top: 100px; /* Add padding to account for fixed nav */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.Enterate_heroText__Ni-61 {
  text-align: center;
  position: relative;
  z-index: 2;
}

.Enterate_smarterFaster__e\+cXZ {
  font-size: 8rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
  margin-bottom: 2rem;
}

.Enterate_word__5wLUY {
  position: relative;
  display: inline-block;
  animation: Enterate_fadeInUp__Pq6By 0.8s ease forwards;
  opacity: 0;
  transform: translateY(50px);
}

.Enterate_word__5wLUY:first-child {
  animation-delay: 0.2s;
}

.Enterate_word__5wLUY:last-child {
  animation-delay: 0.4s;
}

.Enterate_subtitle__2jD1X {
  font-size: 1.2rem;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  animation: Enterate_fadeIn__8QGzI 1s ease 0.8s forwards;
  opacity: 0;
}

.Enterate_highlight__cAK3D {
  color: #0066cc;
  font-weight: bold;
}

.Enterate_scrollPrompt__8b4-K {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.9rem;
  color: #666;
  animation: Enterate_fadeIn__8QGzI 1s ease 1.2s forwards;
  opacity: 0;
}

.Enterate_scrollIcon__GE\+xd {
  width: 30px;
  height: 50px;
  border: 2px solid #666;
  border-radius: 15px;
  margin: 1rem auto;
  position: relative;
}

.Enterate_scrollIcon__GE\+xd::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background: #666;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  border-radius: 50%;
  animation: Enterate_scroll__F9jq4 2s infinite;
}

/* Geometric shapes background */
.Enterate_main__r3evb::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: 
    linear-gradient(45deg, #4a90e2 25%, transparent 25%) -50px 0,
    linear-gradient(-45deg, #e25c4a 25%, transparent 25%) -50px 0,
    linear-gradient(45deg, transparent 75%, #50e24a 75%),
    linear-gradient(-45deg, transparent 75%, #e2e24a 75%);
  background-size: 100px 100px;
  opacity: 0.1;
  animation: Enterate_backgroundMove__LyXc5 20s linear infinite;
}

@keyframes Enterate_fadeInUp__Pq6By {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Enterate_fadeIn__8QGzI {
  to {
    opacity: 1;
  }
}

@keyframes Enterate_scroll__F9jq4 {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
  }
}

@keyframes Enterate_backgroundMove__LyXc5 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100px 100px;
  }
}

/* Responsive design */
@media (max-width: 1024px) {
  .Enterate_smarterFaster__e\+cXZ {
    font-size: 6rem;
  }
}

@media (max-width: 768px) {
  .Enterate_nav__Vv5tq {
    padding: 1.5rem 2rem;
  }

  .Enterate_menu__eglUP {
    gap: 1rem;
  }

  .Enterate_smarterFaster__e\+cXZ {
    font-size: 4rem;
  }

  .Enterate_subtitle__2jD1X {
    font-size: 1rem;
    padding: 0 1rem;
  }
}

@media (max-width: 480px) {
  .Enterate_nav__Vv5tq {
    padding: 1rem;
  }

  .Enterate_menu__eglUP {
    display: none;
  }

  .Enterate_smarterFaster__e\+cXZ {
    font-size: 3rem;
  }
} 
.Macro_container__6NOOW {
  min-height: 100vh;
  background: #f5f5f5;
  position: relative;
  overflow: hidden;
}

.Macro_nav__JgbT8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 4rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.Macro_logo__w-8i7 {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 2px;
  color: #333;
  text-decoration: none;
}

.Macro_menu__ZdGdl {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.Macro_menu__ZdGdl a {
  text-decoration: none;
  color: #333;
  font-size: 0.9rem;
  letter-spacing: 1px;
  transition: color 0.3s ease;
  font-weight: 500;
}

.Macro_menu__ZdGdl a:hover {
  color: #0066cc;
}

.Macro_contact__T1EIl {
  padding: 0.5rem 1rem;
  border: 2px solid #333;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.Macro_contact__T1EIl:hover {
  background: #333;
  color: white !important;
}

.Macro_main__TN5iY {
  padding-top: 100px;
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.Macro_header__NSlVJ {
  text-align: center;
  margin-bottom: 3rem;
}

.Macro_header__NSlVJ h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
  background: linear-gradient(45deg, #0066cc, #00cc99);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Macro_header__NSlVJ p {
  font-size: 1.2rem;
  color: #666;
}

.Macro_yearSelector__wsp89 {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
}

.Macro_yearButton__ZXq3\+ {
  padding: 0.5rem 1.5rem;
  border: 2px solid #0066cc;
  border-radius: 25px;
  background: transparent;
  color: #0066cc;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.Macro_yearButton__ZXq3\+:hover {
  background: rgba(0, 102, 204, 0.1);
}

.Macro_yearButton__ZXq3\+.Macro_active__QQ\+Kv {
  background: #0066cc;
  color: white;
}

.Macro_indicatorsGrid__K8rZv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
  margin-bottom: 4rem;
}

.Macro_indicatorCard__uCxOP {
  background: white;
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.Macro_indicatorCard__uCxOP:hover {
  transform: translateY(-5px);
}

.Macro_indicatorHeader__Nyss\+ {
  margin-bottom: 1rem;
}

.Macro_indicatorHeader__Nyss\+ h3 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #333;
}

.Macro_description__FwMtn {
  font-size: 0.9rem;
  color: #666;
}

.Macro_indicatorValue__FYPSy {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.Macro_value__dgBIE {
  font-size: 2rem;
  font-weight: bold;
  color: #0066cc;
}

.Macro_trend__-e81X {
  font-size: 1.5rem;
}

.Macro_trend__-e81X.Macro_up__pueq2 {
  color: #00cc99;
}

.Macro_trend__-e81X.Macro_down__JlNfz {
  color: #cc0066;
}

.Macro_trend__-e81X.Macro_stable__wqyXy {
  color: #666;
}

.Macro_chart__zGycr {
  height: 100px;
  margin-top: 1rem;
}

.Macro_tableSection__iJtnW {
  background: white;
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-top: 3rem;
}

.Macro_tableSection__iJtnW h2 {
  margin-bottom: 2rem;
  color: #333;
}

.Macro_tableWrapper__NjMUf {
  overflow-x: auto;
}

.Macro_table__H1Rp2 {
  width: 100%;
  border-collapse: collapse;
}

.Macro_table__H1Rp2 th,
.Macro_table__H1Rp2 td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.Macro_table__H1Rp2 th {
  background: #f5f5f5;
  font-weight: 600;
  color: #333;
}

.Macro_table__H1Rp2 td {
  color: #666;
}

.Macro_table__H1Rp2 tr:hover td {
  background: #f9f9f9;
}

@media (max-width: 1024px) {
  .Macro_header__NSlVJ h1 {
    font-size: 2.5rem;
  }
}

@media (max-width: 768px) {
  .Macro_nav__JgbT8 {
    padding: 1.5rem 2rem;
  }

  .Macro_menu__ZdGdl {
    gap: 1rem;
  }

  .Macro_header__NSlVJ h1 {
    font-size: 2rem;
  }

  .Macro_yearSelector__wsp89 {
    flex-wrap: wrap;
  }

  .Macro_indicatorsGrid__K8rZv {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .Macro_nav__JgbT8 {
    padding: 1rem;
  }

  .Macro_menu__ZdGdl {
    display: none;
  }

  .Macro_header__NSlVJ h1 {
    font-size: 1.5rem;
  }

  .Macro_main__TN5iY {
    padding-left: 1rem;
    padding-right: 1rem;
  }
} 
.InvestmentAnalysis_container__iVpuQ {
  min-height: 100vh;
  background-color: #000;
  color: #fff;
}

.InvestmentAnalysis_toolsContainer__Fl1Jy {
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.InvestmentAnalysis_toolContent__jz4dN {
  background-color: #111;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.InvestmentAnalysis_toolHeader__a9ETi {
  text-align: center;
  margin-bottom: 2rem;
}

.InvestmentAnalysis_toolTitle__wCu\+Z {
  font-size: 2.5rem;
  color: #00ff9d;
  margin-bottom: 1rem;
}

.InvestmentAnalysis_toolDescription__vLSCJ {
  font-size: 1.2rem;
  color: #888;
}

.InvestmentAnalysis_analysisForm__fvfIs {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.InvestmentAnalysis_formGrid__QFdBP {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  background-color: #1a1a1a;
  padding: 2rem;
  border-radius: 8px;
}

.InvestmentAnalysis_formGroup__m7g5G {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.InvestmentAnalysis_label__hy\+cV {
  color: #00ff9d;
  font-size: 1rem;
}

.InvestmentAnalysis_inputWrapper__Ur\+Zq {
  position: relative;
  display: flex;
  align-items: center;
}

.InvestmentAnalysis_currencySymbol__Z573K {
  position: absolute;
  left: 12px;
  color: #00ff9d;
}

.InvestmentAnalysis_input__aM4yM {
  width: 100%;
  padding: 0.75rem;
  padding-left: 24px;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: #222;
  color: #fff;
  font-size: 1rem;
}

.InvestmentAnalysis_input__aM4yM:focus {
  outline: none;
  border-color: #00ff9d;
}

.InvestmentAnalysis_input__aM4yM[type="number"] {
  padding-left: 0.75rem;
}

.InvestmentAnalysis_readOnlyInput__72pXF {
  background-color: #2a2a2a;
  color: #888;
  cursor: not-allowed;
}

.InvestmentAnalysis_yearlyDataSection__6MOS- {
  background-color: #1a1a1a;
  padding: 2rem;
  border-radius: 8px;
  margin-top: 2rem;
}

.InvestmentAnalysis_yearlyDataTitle__U1TZi {
  color: #00ff9d;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.InvestmentAnalysis_tableContainer__b4Ek5 {
  overflow-x: auto;
}

.InvestmentAnalysis_yearlyDataTable__wWabJ {
  width: 100%;
  border-collapse: collapse;
  text-align: right;
  font-size: 0.9rem;
}

.InvestmentAnalysis_yearlyDataTable__wWabJ th,
.InvestmentAnalysis_yearlyDataTable__wWabJ td {
  padding: 0.5rem;
  border-bottom: 1px solid #333;
  white-space: nowrap;
}

.InvestmentAnalysis_yearlyDataTable__wWabJ th {
  background-color: #222;
  color: #00ff9d;
  font-weight: normal;
  text-align: center;
}

.InvestmentAnalysis_yearlyDataTable__wWabJ tr:hover {
  background-color: #222;
}

.InvestmentAnalysis_tableInput__MY33b {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: #222;
  color: #fff;
  font-size: 0.9rem;
  text-align: center;
}

.InvestmentAnalysis_tableInput__MY33b:focus {
  outline: none;
  border-color: #00ff9d;
}

.InvestmentAnalysis_submitButton__F3vfu {
  padding: 1rem;
  background-color: #00ff9d;
  color: #000;
  border: none;
  border-radius: 4px;
  font-size: 1.1rem;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s;
}

.InvestmentAnalysis_submitButton__F3vfu:hover {
  background-color: #00cc7d;
}

.InvestmentAnalysis_resultsSection__xtv6E {
  margin-top: 2rem;
  background-color: #1a1a1a;
  padding: 2rem;
  border-radius: 8px;
}

.InvestmentAnalysis_resultsSummary__2OGT1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.InvestmentAnalysis_summaryItem__BCnUf {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.InvestmentAnalysis_summaryLabel__anHwe {
  color: #00ff9d;
  font-size: 0.9rem;
}

.InvestmentAnalysis_summaryValue__sE0Jw {
  font-size: 1.2rem;
  color: #fff;
}

.InvestmentAnalysis_mainResults__GQVz\+ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  background-color: #222;
  border-radius: 8px;
}

.InvestmentAnalysis_mainResultItem__lJojZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.InvestmentAnalysis_mainResultLabel__B4tVg {
  color: #00ff9d;
  font-size: 1.2rem;
}

.InvestmentAnalysis_mainResultValue__OJ85x {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}

.InvestmentAnalysis_resultsTable__gk8ZO {
  width: 100%;
  border-collapse: collapse;
  text-align: right;
  font-size: 0.9rem;
}

.InvestmentAnalysis_resultsTable__gk8ZO th,
.InvestmentAnalysis_resultsTable__gk8ZO td {
  padding: 0.75rem;
  border-bottom: 1px solid #333;
  white-space: nowrap;
}

.InvestmentAnalysis_resultsTable__gk8ZO th {
  background-color: #222;
  color: #00ff9d;
  font-weight: normal;
}

.InvestmentAnalysis_resultsTable__gk8ZO tr:hover {
  background-color: #222;
}

.InvestmentAnalysis_assetValue__GaKkn {
  color: #fff;
}

.InvestmentAnalysis_positiveYield__60BEC {
  color: #00ff9d;
}

.InvestmentAnalysis_equalYield__LhLIU {
  color: #fff;
}

.InvestmentAnalysis_negativeYield__AKhWW {
  color: #ff4d4d;
}

/* Eliminar flechas de los inputs numéricos */
.InvestmentAnalysis_input__aM4yM[type="number"]::-webkit-inner-spin-button,
.InvestmentAnalysis_input__aM4yM[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.InvestmentAnalysis_input__aM4yM[type="number"] {
  -moz-appearance: textfield;
} 
.SpeculatorAnalysis_container__94Oyh {
  min-height: 100vh;
  background-color: #000;
  color: #ffffff;
  padding-top: calc(64px + 2rem);
}

.SpeculatorAnalysis_formAndResults__2jHl0 {
  margin-top: 2rem;
}

.SpeculatorAnalysis_header__B8Q9t {
  text-align: center;
  margin-bottom: 3rem;
}

.SpeculatorAnalysis_header__B8Q9t h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #ffffff;
}

.SpeculatorAnalysis_header__B8Q9t p {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.7);
}

.SpeculatorAnalysis_inputGroup__LPveE {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.SpeculatorAnalysis_inputGroup__LPveE label {
  color: #00ff9d;
  font-size: 1rem;
  font-weight: 500;
}

.SpeculatorAnalysis_input__syQQg {
  background: #1a1a1a;
  border: 1px solid #333;
  color: #fff;
  padding: 0.75rem;
  border-radius: 8px;
  font-size: 1rem;
  width: 100%;
}

.SpeculatorAnalysis_input__syQQg:hover {
  border-color: #00ff9d;
}

.SpeculatorAnalysis_input__syQQg:focus {
  outline: none;
  border-color: #00ff9d;
  box-shadow: 0 0 0 2px rgba(0, 255, 157, 0.1);
}

.SpeculatorAnalysis_actionButton__U7NM1 {
  margin: 3rem 0;
  text-align: center;
}

.SpeculatorAnalysis_actionButton__U7NM1 button {
  min-width: 200px;
  height: 48px;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.SpeculatorAnalysis_resultsContainer__xsPYQ {
  background: #111;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border: 1px solid #333;
}

.SpeculatorAnalysis_statistic__Z9KRy {
  background: #1a1a1a;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
  border: 1px solid #333;
}

.SpeculatorAnalysis_statistic__Z9KRy:hover {
  transform: translateY(-2px);
  border-color: #00ff9d;
}

.SpeculatorAnalysis_statistic__Z9KRy .ant-statistic-title {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.5rem;
}

.SpeculatorAnalysis_statistic__Z9KRy .ant-statistic-content {
  font-size: 1.5rem;
  color: #ffffff;
}

@media (max-width: 768px) {
  .SpeculatorAnalysis_container__94Oyh {
    padding: 1rem;
  }

  .SpeculatorAnalysis_header__B8Q9t h1 {
    font-size: 2rem;
  }

  .SpeculatorAnalysis_inputGroup__LPveE {
    padding: 1.5rem;
  }

  .SpeculatorAnalysis_resultsContainer__xsPYQ {
    padding: 1.5rem;
  }

  .SpeculatorAnalysis_statistic__Z9KRy {
    padding: 1rem;
  }
}

.SpeculatorAnalysis_pageHeader__L1cY0 {
  margin-bottom: 2rem;
}

.SpeculatorAnalysis_title__waL0C {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}

.SpeculatorAnalysis_description__P4VwT {
  color: #666;
  font-size: 1rem;
}

.SpeculatorAnalysis_formGrid__8J6\+m {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.SpeculatorAnalysis_formCard__gdGiR {
  background: #111;
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid #333;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}

.SpeculatorAnalysis_halfWidth__EqIJw {
  grid-column: span 1;
  max-width: 200px;
}

.SpeculatorAnalysis_cardTitle__NWD0j {
  font-size: 1.1rem;
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 400;
}

.SpeculatorAnalysis_inputGrid__IfaK1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.SpeculatorAnalysis_inputGroup__LPveE input:focus {
  outline: none;
  border-color: #00ff9d;
  box-shadow: 0 0 0 2px rgba(0, 255, 157, 0.1);
}

.SpeculatorAnalysis_resultsSummary__2rjJM {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

.SpeculatorAnalysis_resultItem__eq\+D9 {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #333;
}

.SpeculatorAnalysis_resultItem__eq\+D9:last-child {
  margin-bottom: 0;
}

.SpeculatorAnalysis_resultLabel__sndgm {
  color: #fff;
}

.SpeculatorAnalysis_resultValue__L-uS3 {
  color: #00ff9d;
  font-weight: 500;
}

.SpeculatorAnalysis_resultValue__L-uS3.SpeculatorAnalysis_positive__\+\+hgg {
  color: #00ff9d;
}

.SpeculatorAnalysis_resultValue__L-uS3.SpeculatorAnalysis_negative__WH6qA {
  color: #ff4d4d;
}

.SpeculatorAnalysis_submitButton__dcTlP,
.SpeculatorAnalysis_calculateButton__XPUtE {
  background: #00ff9d;
  color: #000;
  border: none;
  padding: 1rem;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  width: 100%;
  max-width: 200px;
  margin: 1rem 0;
}

.SpeculatorAnalysis_submitButton__dcTlP:hover,
.SpeculatorAnalysis_calculateButton__XPUtE:hover {
  background: #00cc7d;
}

.SpeculatorAnalysis_submitButton__dcTlP:focus,
.SpeculatorAnalysis_calculateButton__XPUtE:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 255, 157, 0.3);
}

.SpeculatorAnalysis_submitButton__dcTlP:active,
.SpeculatorAnalysis_calculateButton__XPUtE:active {
  transform: translateY(0);
}

.SpeculatorAnalysis_categoryButton__DpKFB {
  padding: 0.75rem 1.5rem;
  border: none;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.SpeculatorAnalysis_categoryButton__DpKFB:hover {
  color: #00ff9d;
  background: rgba(0, 255, 157, 0.1);
  border-color: #00ff9d;
}

.SpeculatorAnalysis_categoryButton__DpKFB.SpeculatorAnalysis_active__CDjym {
  background: #00ff9d;
  color: #000000;
  border-color: #00ff9d;
  font-weight: 600;
}

.SpeculatorAnalysis_loginButton__Ei2rK {
  padding: 0.5rem 1.5rem;
  background: #00ff9d;
  color: #000000;
  text-decoration: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s;
  border: none;
  cursor: pointer;
}

.SpeculatorAnalysis_loginButton__Ei2rK:hover {
  background: #00cc7d;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 255, 157, 0.2);
}

.SpeculatorAnalysis_toolsContainer__09W8H {
  min-height: 100vh;
  background: #000000;
  color: #ffffff;
}

.SpeculatorAnalysis_toolsNav__W7\+ZM {
  background: rgba(255, 255, 255, 0.05);
  padding: 1rem 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.SpeculatorAnalysis_toolsCategories__fXTzV {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 2rem;
}

.SpeculatorAnalysis_toolContent__xOsjZ {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.SpeculatorAnalysis_toolHeader__plO\+Q {
  text-align: center;
  margin-bottom: 4rem;
}

.SpeculatorAnalysis_toolTitle__dZzZ5 {
  font-size: 2.5rem;
  color: #ffffff;
  margin-bottom: 1rem;
  background: linear-gradient(90deg, #ffffff 0%, #00ff9d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.SpeculatorAnalysis_toolDescription__6nroO {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.2rem;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

.SpeculatorAnalysis_analysisForm__E1Czv {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}

.SpeculatorAnalysis_resultsCard__gFmsM {
  background: #111;
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid #333;
  margin-top: 2rem;
}

.SpeculatorAnalysis_resultsGrid__jTwWi {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}

.SpeculatorAnalysis_resultItem__eq\+D9 {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #333;
}

.SpeculatorAnalysis_resultLabel__sndgm {
  color: #fff;
}

.SpeculatorAnalysis_resultValue__L-uS3 {
  color: #00ff9d;
  font-weight: 500;
}

.SpeculatorAnalysis_resultValue__L-uS3.SpeculatorAnalysis_positive__\+\+hgg {
  color: #00ff9d;
}

.SpeculatorAnalysis_resultValue__L-uS3.SpeculatorAnalysis_negative__WH6qA {
  color: #ff4d4d;
}

@media (max-width: 1200px) {
  .SpeculatorAnalysis_formAndResults__2jHl0 {
    grid-template-columns: 1fr;
  }
  
  .SpeculatorAnalysis_formGrid__8J6\+m {
    grid-template-columns: 1fr;
  }

  .SpeculatorAnalysis_formCard__gdGiR,
  .SpeculatorAnalysis_halfWidth__EqIJw {
    grid-column: span 1;
    max-width: none;
  }
}

@media (max-width: 768px) {
  .SpeculatorAnalysis_toolHeader__plO\+Q {
    padding: 2rem 0;
  }

  .SpeculatorAnalysis_toolTitle__dZzZ5 {
    font-size: 2.5rem;
  }

  .SpeculatorAnalysis_toolContent__xOsjZ {
    padding: 1rem;
  }

  .SpeculatorAnalysis_inputGrid__IfaK1 {
    grid-template-columns: 1fr;
  }
}

.SpeculatorAnalysis_darkTheme__3s9fD {
  min-height: 100vh;
  background: #000000;
  color: #ffffff;
}

.SpeculatorAnalysis_topNav__c4fQw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background: rgba(0, 0, 0, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.SpeculatorAnalysis_searchContainer__VW1Jd {
  flex: 1 1;
  max-width: 400px;
}

.SpeculatorAnalysis_searchInput__yMekS {
  width: 100%;
  padding: 0.75rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  font-size: 0.9rem;
}

.SpeculatorAnalysis_searchInput__yMekS::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.SpeculatorAnalysis_navLinks__WeEQS {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.SpeculatorAnalysis_navLink__dpRpA {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.2s;
}

.SpeculatorAnalysis_navLink__dpRpA:hover {
  color: #ffffff;
}

.SpeculatorAnalysis_toolsContainer__09W8H {
  min-height: calc(100vh - 64px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.SpeculatorAnalysis_toolContent__xOsjZ {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem 2rem;
}

.SpeculatorAnalysis_toolHeader__plO\+Q {
  text-align: center;
  margin-bottom: 4rem;
}

.SpeculatorAnalysis_toolTitle__dZzZ5 {
  font-size: 3.5rem;
  font-weight: 600;
  background: linear-gradient(90deg, #ffffff 0%, #00ff9d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5rem;
}

.SpeculatorAnalysis_toolDescription__6nroO {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.2rem;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

.SpeculatorAnalysis_analysisForm__E1Czv {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}

.SpeculatorAnalysis_resultsCard__gFmsM {
  background: #111;
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid #333;
  margin-top: 2rem;
}

.SpeculatorAnalysis_resultsGrid__jTwWi {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}

.SpeculatorAnalysis_resultItem__eq\+D9 {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #333;
}

.SpeculatorAnalysis_resultLabel__sndgm {
  color: #fff;
}

.SpeculatorAnalysis_resultValue__L-uS3 {
  color: #00ff9d;
  font-weight: 500;
}

.SpeculatorAnalysis_resultValue__L-uS3.SpeculatorAnalysis_positive__\+\+hgg {
  color: #00ff9d;
}

.SpeculatorAnalysis_resultValue__L-uS3.SpeculatorAnalysis_negative__WH6qA {
  color: #ff4d4d;
}

@media (max-width: 1200px) {
  .SpeculatorAnalysis_formAndResults__2jHl0 {
    grid-template-columns: 1fr;
  }
  
  .SpeculatorAnalysis_formGrid__8J6\+m {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .SpeculatorAnalysis_topNav__c4fQw {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }

  .SpeculatorAnalysis_searchContainer__VW1Jd {
    width: 100%;
    max-width: none;
  }

  .SpeculatorAnalysis_navLinks__WeEQS {
    width: 100%;
    justify-content: space-between;
  }

  .SpeculatorAnalysis_toolHeader__plO\+Q {
    padding: 2rem 0;
  }

  .SpeculatorAnalysis_toolTitle__dZzZ5 {
    font-size: 2.5rem;
  }

  .SpeculatorAnalysis_toolContent__xOsjZ {
    padding: 2rem 1rem;
  }

  .SpeculatorAnalysis_inputGrid__IfaK1 {
    grid-template-columns: 1fr;
  }
}

.SpeculatorAnalysis_paymentGrid__6zq0r {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  align-items: start;
  margin-top: 1rem;
}

.SpeculatorAnalysis_paymentColumn__oxSKC {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}

.SpeculatorAnalysis_paymentColumn__oxSKC:nth-child(2) {
  margin-left: -1rem;
}

.SpeculatorAnalysis_paymentColumn__oxSKC:last-child {
  justify-self: flex-end;
}

.SpeculatorAnalysis_inputGroup__LPveE {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.SpeculatorAnalysis_inputGroup__LPveE label {
  display: block;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.25rem;
}

.SpeculatorAnalysis_calculatedPercentage__uBAxI {
  width: 80px;
  font-family: monospace;
  font-size: 1rem;
  color: #00ff9d;
  text-align: center;
  padding: 0.5rem;
  background: #1a1a1a;
  border-radius: 8px;
  border: 1px solid #333;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SpeculatorAnalysis_calculatedValue__JmLj5 {
  width: 160px;
  font-family: monospace;
  font-size: 1rem;
  color: #00ff9d;
  text-align: right;
  padding: 0.5rem 0.75rem;
  background: #1a1a1a;
  border-radius: 8px;
  border: 1px solid #333;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.SpeculatorAnalysis_main__lwur- {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.SpeculatorAnalysis_content__g2uH3 {
  background-color: #000;
  min-height: 100vh;
  padding: 2rem;
  color: #ffffff;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .SpeculatorAnalysis_main__lwur- {
    padding: 1rem;
  }

  .SpeculatorAnalysis_title__waL0C {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

/* Table Styles */
.SpeculatorAnalysis_table__-FUcZ {
  width: 100%;
  border-collapse: collapse;
  background: #111;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #333;
}

.SpeculatorAnalysis_table__-FUcZ th {
  background: #1a1a1a;
  color: #00ff9d;
  font-weight: 500;
  text-align: left;
  padding: 1rem;
  border-bottom: 1px solid #333;
}

.SpeculatorAnalysis_table__-FUcZ td {
  padding: 1rem;
  color: #ffffff;
  border-bottom: 1px solid #333;
}

.SpeculatorAnalysis_table__-FUcZ tr:hover {
  background: #1a1a1a;
}

/* Currency Input Prefix */
.SpeculatorAnalysis_inputPrefix__lAhS0 {
  color: #666;
  background: #222;
  border: 1px solid #333;
  border-right: none;
  padding: 0.75rem;
  border-radius: 4px 0 0 4px;
}

.SpeculatorAnalysis_inputWithPrefix__wC7gO {
  display: flex;
  align-items: center;
}

.SpeculatorAnalysis_inputWithPrefix__wC7gO input {
  border-left: none;
  border-radius: 0 4px 4px 0;
}

/* Title Styles */
.SpeculatorAnalysis_subtitle__27CHd {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-bottom: 3rem;
} 
.CompraSobrePlanos_main__JXM4Q {
  min-height: 100vh;
  padding: 2rem;
  background: #121212;
}

.CompraSobrePlanos_title__hMMIU {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: 2rem;
}

.CompraSobrePlanos_content__Wj-64 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .CompraSobrePlanos_main__JXM4Q {
    padding: 1rem;
  }

  .CompraSobrePlanos_title__hMMIU {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
} 
.Tools_container__-hHhU {
  min-height: 100vh;
  padding-top: 0;
  /* Eliminar padding-top para que el video ocupe todo el espacio */
  background-color: #000000;
}

.Tools_heroVideo__RtB\+U {
  width: 100%;
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.Tools_videoElement__7XMhx {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Tools_toolHeader__7qoZS {
  text-align: center;
  padding: 2rem 2rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));
  position: relative;
  margin-top: 0;
}

.Tools_title__BWcmU {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 0.5rem;
}

.Tools_description__BovUs {
  font-size: 1rem;
  color: #888;
  max-width: 800px;
  margin: 0 auto;
}

.Tools_categories__7Crlt {
  padding: 0;
  background-color: transparent;
  border-bottom: none;
  position: static;
  top: auto;
  z-index: auto;
}

.Tools_categoryTabs__kz4iJ {
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow-x: auto;
  padding: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-grow: 1;
  min-width: 0;
}

.Tools_categoryTabs__kz4iJ::-webkit-scrollbar {
  display: none;
}

.Tools_categoryTab__bTgUi {
  padding: 0.75rem 1.5rem;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.2s ease;
  background-color: rgba(17, 17, 17, 0.7);
  border: 1px solid #333;
  font-size: 0.95rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

.Tools_categoryTab__bTgUi:hover {
  background-color: rgba(0, 255, 157, 0.1);
  border-color: #00ff9d;
  color: #fff;
}

.Tools_categoryTab__bTgUi.Tools_active__t85R3 {
  background-color: #00ff9d;
  color: #000;
  border-color: #00ff9d;
}

.Tools_toolsGrid__1Gor- {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
}

.Tools_toolCard__W2tiU {
  background: rgba(17, 17, 17, 0.7);
  border: 1px solid #333;
  border-radius: 12px;
  padding: 1.5rem;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.Tools_toolCard__W2tiU:hover {
  transform: translateY(-4px);
  border-color: #00ff9d;
  background-color: rgba(17, 17, 17, 0.9);
  box-shadow: 0 4px 20px rgba(0, 255, 157, 0.2);
}

.Tools_toolIcon__6xuEo {
  background-color: rgba(0, 255, 157, 0.1);
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  color: #00ff9d;
}

.Tools_toolTitle__95MEw {
  font-size: 1.5rem;
  margin: 0;
  color: #fff;
  font-weight: 500;
}

.Tools_toolDescription__Q8HSJ {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
}

.Tools_toolCategory__KxRyf {
  color: #00ff9d;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-top: auto;
  font-weight: 500;
}

.Tools_callToAction__MNe8x {
  text-align: center;
  padding: 4rem 2rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.95));
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.Tools_callToAction__MNe8x h2 {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 1rem;
}

.Tools_callToAction__MNe8x p {
  color: #888;
  margin-bottom: 2rem;
  font-size: 1.2rem;
}

.Tools_ctaButton__ha6Zd {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: #00ff9d;
  color: #000;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.Tools_ctaButton__ha6Zd:hover {
  background-color: #00cc7d;
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .Tools_toolsGrid__1Gor- {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .Tools_toolsGrid__1Gor- {
    grid-template-columns: 1fr;
  }

  .Tools_container__-hHhU {
    padding: 1rem;
  }
}

.Tools_nav__DCMxd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background-color: rgba(0, 0, 0, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-sizing: border-box;
}

.Tools_navLeft__CNsoO {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  flex: 1 1;
}

.Tools_backButton__Zmexp {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  transition: color 0.2s ease;
}

.Tools_backButton__Zmexp:hover {
  color: #00ff9d;
}

.Tools_searchContainer__iAbo\+ {
  position: relative;
  width: 140px;
  max-width: 12%;
  margin-right: 2.5rem;
  flex-shrink: 0;
}

.Tools_searchIcon__Ylrfi {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.1rem;
}

.Tools_searchInput__zDmCv {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.75rem;
  background-color: rgba(17, 17, 17, 0.7);
  border: 1px solid #333;
  border-radius: 8px;
  color: white;
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

.Tools_searchInput__zDmCv:focus {
  outline: none;
  border-color: #00ff9d;
  background-color: rgba(17, 17, 17, 0.9);
  box-shadow: 0 0 0 2px rgba(0, 255, 157, 0.2);
}

.Tools_searchInput__zDmCv::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.Tools_navRight__-OFV7 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.Tools_navLink__aSCGj {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  background: transparent;
  border: none;
}

.Tools_navLink__aSCGj:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}

.Tools_loginButton__z9nEP {
  background-color: #00ff9d;
  color: #000;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
  white-space: nowrap;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: none;
}

.Tools_loginButton__z9nEP:hover {
  background-color: #00e68c;
  transform: translateY(-1px);
}

.Tools_header__u2oAE {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));
  padding: 8rem 2rem;
  color: white;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.Tools_header__u2oAE::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at center, rgba(22, 219, 114, 0.2), transparent 60%);
  pointer-events: none;
}

.Tools_headerContent__Ryu22 {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.Tools_formSection__6dV9Q {
  max-width: 100%;
  margin: 0 auto;
  padding: 1rem;
  overflow-x: hidden;
}

.Tools_analysisForm__KSoDH {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.Tools_formGrid__xPzIK {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  width: 100%;
}

.Tools_formGroup__vPmwx {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.Tools_formGroup__vPmwx label {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.9rem;
}

.Tools_formGroup__vPmwx input {
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  font-size: 0.9rem;
  background-color: rgba(255, 255, 255, 0.05);
  color: white;
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}

.Tools_formGroup__vPmwx input:focus {
  outline: none;
  border-color: #16DB72;
  box-shadow: 0 0 0 2px rgba(22, 219, 114, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
}

.Tools_formGroup__vPmwx input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.Tools_submitButton__SUn91 {
  padding: 0.75rem 1.25rem;
  background-color: #16DB72;
  color: black;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
  width: -webkit-fit-content;
  width: fit-content;
  align-self: center;
}

.Tools_submitButton__SUn91:hover {
  background-color: #14c567;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(22, 219, 114, 0.3);
}

.Tools_yearlyDataSection__OoQlz {
  margin-top: 2rem;
  width: 100%;
  overflow: hidden;
}

.Tools_yearlyDataTitle__yKf9u {
  color: white;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.Tools_tableContainer__\+Z1fX {
  width: 100%;
  overflow-x: auto;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.5rem;
  -webkit-overflow-scrolling: touch;
}

.Tools_yearlyDataTable__L6RVO {
  width: 100%;
  border-collapse: collapse;
  color: white;
  min-width: 650px;
  max-width: 100%;
}

.Tools_yearlyDataTable__L6RVO th,
.Tools_yearlyDataTable__L6RVO td {
  padding: 0.35rem;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.85rem;
}

.Tools_yearlyDataTable__L6RVO th:first-child,
.Tools_yearlyDataTable__L6RVO td:first-child {
  text-align: left;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
  min-width: 130px;
  padding-left: 0.5rem;
}

.Tools_yearlyDataTable__L6RVO th {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.05);
  white-space: nowrap;
  min-width: 60px;
}

.Tools_yearlyDataTable__L6RVO tr:last-child td {
  border-bottom: none;
}

.Tools_yearlyDataTable__L6RVO td:last-child {
  border-right: none;
}

.Tools_tableInput__vtUkL {
  width: 50px;
  padding: 0.3rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: white;
  font-size: 0.85rem;
  transition: all 0.3s ease;
  text-align: center;
}

.Tools_tableInput__vtUkL:focus {
  outline: none;
  border-color: #16DB72;
  box-shadow: 0 0 0 2px rgba(22, 219, 114, 0.2);
  background: rgba(255, 255, 255, 0.1);
}

.Tools_tableInput__vtUkL::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1200px) {
  .Tools_formGrid__xPzIK {
    grid-template-columns: repeat(2, 1fr);
  }
}

.Tools_resultsSection__8UjAb {
  margin-top: 2rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.5rem;
}

.Tools_resultsSummary__gc-8K {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.Tools_summaryItem__Ezsbj {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.Tools_summaryLabel__2Im3P {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
}

.Tools_summaryValue__5X\+ya {
  font-size: 1.1rem;
  font-weight: 600;
  color: white;
}

.Tools_mainResults__vNNiM {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}

.Tools_mainResultItem__iNp6X {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
}

.Tools_mainResultLabel__-da-c {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.8);
}

.Tools_mainResultValue__RF3mT {
  font-size: 2rem;
  font-weight: 700;
  color: #16DB72;
}

.Tools_resultsTable__v7sf8 {
  width: 100%;
  border-collapse: collapse;
  color: white;
  min-width: 650px;
  max-width: 100%;
}

.Tools_resultsTable__v7sf8 th,
.Tools_resultsTable__v7sf8 td {
  padding: 0.75rem;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.9rem;
}

.Tools_resultsTable__v7sf8 th {
  background: rgba(255, 255, 255, 0.05);
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

.Tools_positiveYield__W6nbC {
  color: #16DB72;
  font-weight: 600;
}

.Tools_equalYield__qaxZ6 {
  color: #FFD700;
  font-weight: 600;
}

.Tools_negativeYield__uzueN {
  color: #ff4d4d;
  font-weight: 600;
}

.Tools_assetValue__L7omJ {
  font-family: monospace;
  font-size: 0.9rem;
}

.Tools_negativeValue__WzjzA {
  color: #ff4d4d;
  font-family: monospace;
  font-size: 0.9rem;
}

.Tools_whiteText__ACXBa {
  color: white;
  font-family: monospace;
  font-size: 0.9rem;
  text-align: center;
}

.Tools_readOnlyInput__1T5oL {
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  font-size: 0.9rem;
  background-color: rgba(255, 255, 255, 0.02);
  color: #16DB72;
  width: 100%;
  box-sizing: border-box;
  cursor: default;
}

@media (max-width: 768px) {
  .Tools_searchContainer__iAbo\+ {
    width: 100%;
    max-width: 100%;
  }

  .Tools_categoryTabs__kz4iJ {
    max-width: 100%;
    justify-content: flex-start;
    margin-top: 0.5rem;
  }

  .Tools_navLeft__CNsoO {
    flex-direction: column;
    align-items: stretch;
  }

  .Tools_nav__DCMxd {
    height: auto;
    flex-direction: column;
    padding: 1rem;
  }

  .Tools_navRight__-OFV7 {
    margin-top: 0.5rem;
    justify-content: center;
  }
}
.RentabilityCalculator_overlay__A\+VUy {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.RentabilityCalculator_modal__Bii6L {
  background: linear-gradient(145deg, rgba(18, 18, 18, 0.95), rgba(30, 30, 30, 0.95));
  border-radius: 12px;
  padding: 1.5rem;
  width: 90%;
  max-width: 400px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  color: white;
  animation: RentabilityCalculator_modalAppear__XvD9v 0.3s ease-out;
}

@keyframes RentabilityCalculator_modalAppear__XvD9v {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.RentabilityCalculator_closeButton__n9d9q {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.5rem;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.RentabilityCalculator_closeButton__n9d9q:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}

.RentabilityCalculator_title__Pgnsr {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-align: center;
  background: linear-gradient(to right, #fff, #16DB72);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.RentabilityCalculator_inputGroup__Bbt1u {
  margin-bottom: 1rem;
}

.RentabilityCalculator_inputGroup__Bbt1u label {
  display: block;
  margin-bottom: 0.25rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.85rem;
}

.RentabilityCalculator_inputGroup__Bbt1u input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.05);
  color: white;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

.RentabilityCalculator_inputGroup__Bbt1u input:focus {
  outline: none;
  border-color: #16DB72;
  box-shadow: 0 0 0 2px rgba(22, 219, 114, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
}

.RentabilityCalculator_inputGroup__Bbt1u input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.RentabilityCalculator_calculateButton__\+Chdf {
  width: 100%;
  padding: 0.75rem;
  background-color: #16DB72;
  color: black;
  border: none;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}

.RentabilityCalculator_calculateButton__\+Chdf:hover {
  background-color: #14c567;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(22, 219, 114, 0.3);
}

.RentabilityCalculator_results__5iR\+f {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  animation: RentabilityCalculator_resultsAppear__WVqVy 0.4s ease-out;
}

@keyframes RentabilityCalculator_resultsAppear__WVqVy {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.RentabilityCalculator_resultCard__Xr8ru {
  background: rgba(255, 255, 255, 0.05);
  padding: 1rem;
  border-radius: 8px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

.RentabilityCalculator_resultCard__Xr8ru:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-2px);
}

.RentabilityCalculator_resultCard__Xr8ru h3 {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.RentabilityCalculator_resultCard__Xr8ru p {
  font-size: 1.2rem;
  font-weight: 600;
  color: #16DB72;
  margin: 0;
}

@media (max-width: 480px) {
  .RentabilityCalculator_modal__Bii6L {
    padding: 1.25rem;
    width: 95%;
    max-width: 350px;
  }

  .RentabilityCalculator_title__Pgnsr {
    font-size: 1.2rem;
    margin-bottom: 1.25rem;
  }
} 
.MortgageSimulator_container__c1q\+m {
  min-height: 100vh;
  background-color: #000;
  color: #fff;
}

.MortgageSimulator_toolsContainer__f5kml {
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.MortgageSimulator_toolContent__1XbcY {
  background-color: #111;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.MortgageSimulator_toolHeader__uP4kf {
  text-align: center;
  margin-bottom: 2rem;
}

.MortgageSimulator_toolTitle__PeRJ5 {
  font-size: 2.5rem;
  color: #00ff9d;
  margin-bottom: 1rem;
}

.MortgageSimulator_toolDescription__ig0xr {
  font-size: 1.2rem;
  color: #888;
}

.MortgageSimulator_calculatorContainer__nb4ST {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.MortgageSimulator_inputSection__Y014R {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  background-color: #1a1a1a;
  padding: 2rem;
  border-radius: 8px;
}

.MortgageSimulator_inputGroup__\+0Oqo {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.MortgageSimulator_label__dI-N4 {
  color: #00ff9d;
  font-size: 1rem;
}

.MortgageSimulator_inputWrapper__kxqzX {
  position: relative;
  display: flex;
  align-items: center;
}

.MortgageSimulator_currencySymbol__Y7wih {
  position: absolute;
  left: 12px;
  color: #00ff9d;
}

.MortgageSimulator_input__1pDZM {
  width: 100%;
  padding: 0.75rem;
  padding-left: 24px;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: #222;
  color: #fff;
  font-size: 1rem;
}

.MortgageSimulator_input__1pDZM:focus {
  outline: none;
  border-color: #00ff9d;
}

.MortgageSimulator_input__1pDZM[type="number"] {
  padding-left: 0.75rem;
}

.MortgageSimulator_calculateButton__HobQR {
  grid-column: 1 / -1;
  padding: 1rem;
  background-color: #00ff9d;
  color: #000;
  border: none;
  border-radius: 4px;
  font-size: 1.1rem;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s;
}

.MortgageSimulator_calculateButton__HobQR:hover {
  background-color: #00cc7d;
}

.MortgageSimulator_resultsSection__9FDQF {
  background-color: #1a1a1a;
  padding: 2rem;
  border-radius: 8px;
}

.MortgageSimulator_monthlyPayment__3rzZa {
  text-align: center;
  margin-bottom: 2rem;
}

.MortgageSimulator_monthlyPayment__3rzZa h3 {
  color: #00ff9d;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.MortgageSimulator_amount__Sw59l {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
}

.MortgageSimulator_amortizationSection__ARnUs {
  margin-top: 2rem;
}

.MortgageSimulator_amortizationSection__ARnUs h3 {
  color: #00ff9d;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.MortgageSimulator_tableContainer__PF6w5 {
  overflow-x: auto;
}

.MortgageSimulator_amortizationTable__W9X-N {
  width: 100%;
  border-collapse: collapse;
  text-align: right;
  font-size: 0.9rem;
}

.MortgageSimulator_amortizationTable__W9X-N th,
.MortgageSimulator_amortizationTable__W9X-N td {
  padding: 0.5rem;
  border-bottom: 1px solid #333;
  white-space: nowrap;
}

.MortgageSimulator_amortizationTable__W9X-N th {
  background-color: #222;
  color: #00ff9d;
  font-weight: normal;
}

.MortgageSimulator_amortizationTable__W9X-N tr:hover {
  background-color: #222;
}

/* Eliminar flechas de los inputs numéricos */
.MortgageSimulator_input__1pDZM[type="number"]::-webkit-inner-spin-button,
.MortgageSimulator_input__1pDZM[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.MortgageSimulator_input__1pDZM[type="number"] {
  -moz-appearance: textfield;
}

.MortgageSimulator_calculatedValue__Ox2QL {
  font-size: 0.9rem;
  color: #00ff9d;
  margin-top: 0.25rem;
}

.MortgageSimulator_calculatorTabs__nUkYL {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
}

.MortgageSimulator_tabButton__-KVfG {
  padding: 0.75rem 1.5rem;
  background-color: #222;
  border: 1px solid #333;
  border-radius: 4px;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s;
}

.MortgageSimulator_tabButton__-KVfG:hover {
  background-color: #2a2a2a;
  border-color: #00ff9d;
}

.MortgageSimulator_tabButton__-KVfG.MortgageSimulator_active__WqrQO {
  background-color: #00ff9d;
  border-color: #00ff9d;
  color: #000;
}

.MortgageSimulator_breakdown__XbRPr {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #333;
  text-align: left;
}

.MortgageSimulator_breakdown__XbRPr p {
  color: #888;
  margin: 0.5rem 0;
  font-size: 1.1rem;
}

.MortgageSimulator_hint__9WerQ {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.25rem;
  font-style: italic;
}

.MortgageSimulator_infoNote__18TLM {
  margin-top: 1rem;
  padding: 1rem;
  background-color: rgba(0, 255, 157, 0.1);
  border: 1px solid #00ff9d;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.MortgageSimulator_infoNote__18TLM:hover {
  background-color: rgba(0, 255, 157, 0.15);
}

.MortgageSimulator_infoIcon__6iOcv {
  color: #00ff9d;
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

.MortgageSimulator_infoNoteContent__oMk\+s {
  display: none;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #333;
  color: #ccc;
  line-height: 1.6;
}

.MortgageSimulator_infoNoteContent__oMk\+s.MortgageSimulator_visible__isTrW {
  display: block;
}

.MortgageSimulator_infoNoteContent__oMk\+s ul {
  list-style-type: none;
  padding-left: 1.5rem;
  margin: 1rem 0;
}

.MortgageSimulator_infoNoteContent__oMk\+s li {
  position: relative;
  margin-bottom: 0.5rem;
}

.MortgageSimulator_infoNoteContent__oMk\+s li::before {
  content: "•";
  color: #00ff9d;
  position: absolute;
  left: -1.5rem;
}

.MortgageSimulator_loginPrompt__c\+h8D {
  margin-top: 1rem;
  text-align: center;
}

.MortgageSimulator_loginButton__CAqe8 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: #00ff9d;
  color: #1a1a1a;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 0.2s;
}

.MortgageSimulator_loginButton__CAqe8:hover {
  background-color: #00cc7d;
}
.VDT_calculatorContainer__P8-Jn {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding: 2rem;
  background-color: #000000;
}

.VDT_calculator__2AoWT {
  background: #1a1a1a;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 500px;
}

.VDT_title__yWOeF {
  color: #22c55e;
  font-size: 3.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-align: center;
  background: linear-gradient(to right, #a8e6cf 0%, #22c55e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.VDT_subtitle__My3fg {
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 3rem;
  opacity: 0.8;
  font-weight: 300;
}

.VDT_modeSelector__lR7m7 {
  margin-bottom: 2rem;
}

.VDT_modeSelector__lR7m7 label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #333;
}

.VDT_radioGroup__NQmd0 {
  display: flex;
  gap: 2rem;
}

.VDT_radioGroup__NQmd0 label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: normal;
  cursor: pointer;
}

.VDT_inputGroup__e2xh7 {
  margin-bottom: 1.5rem;
}

.VDT_inputGroup__e2xh7 label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: white;
}

.VDT_inputWithButton__qOdUr {
  display: flex;
  gap: 0.5rem;
}

.VDT_inputWithButton__qOdUr input {
  flex: 1 1;
  padding: 0.5rem;
  border: 1px solid #333;
  border-radius: 4px;
  font-size: 1rem;
  background: #262626;
  color: white;
}

.VDT_calculateButton__rYR6K {
  padding: 0.5rem 1rem;
  background-color: #22c55e;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.VDT_calculateButton__rYR6K:hover {
  background-color: #16a34a;
}

.VDT_calculateButton__rYR6K:disabled {
  background-color: #333;
  cursor: not-allowed;
}

.VDT_periodSelector__6odsD {
  margin-bottom: 1.5rem;
}

.VDT_periodSelector__6odsD select {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
}

.VDT_modeGroup__5Qz9b {
  margin-bottom: 1.5rem;
}

.VDT_modeGroup__5Qz9b label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: white;
}

.VDT_modeButtons__t6Z9M {
  display: flex;
  gap: 0.5rem;
}

.VDT_modeButton__YTPq6 {
  flex: 1 1;
  padding: 0.5rem;
  border: 1px solid #333;
  border-radius: 4px;
  background: #262626;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}

.VDT_modeButton__YTPq6.VDT_active__F8f9k {
  background-color: #22c55e;
  color: white;
  border-color: #22c55e;
}

.VDT_decimalGroup__Z0QUQ {
  margin: 1.5rem 0;
}

.VDT_decimalGroup__Z0QUQ label {
  font-size: 1.5rem;
  color: white;
}

.VDT_decimalButtons__SsYgs {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}

.VDT_decimalButton__HldUZ {
  flex: 1 1;
  padding: 0.75rem;
  background: #333;
  border: none;
  border-radius: 6px;
  color: white;
  font-size: 1rem;
  cursor: pointer;
}

.VDT_decimalButton__HldUZ.VDT_active__F8f9k {
  background: #007AFF;
}

.VDT_actionButtons__D00Mo {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

.VDT_actionButton__qVXkZ {
  flex: 1 1;
  padding: 0.75rem;
  background-color: #22c55e;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
  font-weight: 500;
}

.VDT_actionButton__qVXkZ:hover {
  background-color: #16a34a;
}

.VDT_amortizationButton__\+11go {
  width: 100%;
}

.VDT_error__cff4n {
  color: #ff4444;
  margin: 1rem 0;
  padding: 1rem;
  background-color: rgba(255, 68, 68, 0.1);
  border-radius: 6px;
}

/* Eliminar flechas de los inputs numéricos */
.VDT_inputWithButton__qOdUr input[type="number"]::-webkit-inner-spin-button,
.VDT_inputWithButton__qOdUr input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.VDT_inputWithButton__qOdUr input[type="number"] {
  -moz-appearance: textfield;
}

.VDT_fullWidth__uesV6 {
  width: 100% !important;
}

.VDT_amortizationTable__ChTRH {
  width: 100%;
  margin-top: 2rem;
  border-collapse: collapse;
  background: #262626;
  border-radius: 8px;
  overflow: hidden;
}

.VDT_amortizationTable__ChTRH th,
.VDT_amortizationTable__ChTRH td {
  padding: 1rem;
  text-align: right;
  color: white;
  border-bottom: 1px solid #333;
}

.VDT_amortizationTable__ChTRH th {
  background: #1a1a1a;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #22c55e;
}

.VDT_amortizationTable__ChTRH tr:hover {
  background: #333;
}

.VDT_amortizationTable__ChTRH tr:last-child td {
  border-bottom: none;
}

.VDT_tableContainer__sSIY4 {
  margin-top: 2rem;
  max-height: 400px;
  overflow-y: auto;
  border-radius: 8px;
  border: 1px solid #333;
}

.VDT_tableContainer__sSIY4::-webkit-scrollbar {
  width: 8px;
}

.VDT_tableContainer__sSIY4::-webkit-scrollbar-track {
  background: #1a1a1a;
}

.VDT_tableContainer__sSIY4::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}

.VDT_tableContainer__sSIY4::-webkit-scrollbar-thumb:hover {
  background: #444;
} 
.EECColivings_container__vEIkd {
  min-height: 100vh;
  background-color: #000;
  color: #fff;
  padding-bottom: 4rem;
  padding-top: calc(64px + 2rem);
}

.EECColivings_content__qnvsu {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.EECColivings_header__lUdck {
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
}

.EECColivings_title__1kdkH {
  font-size: 2.5rem;
  background: linear-gradient(90deg, #ffffff 0%, #00ff9d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2rem;
}

.EECColivings_subtitle__kTdcv {
  font-size: 1.5rem;
  color: #00ff9d;
  margin-bottom: 2rem;
}

/* Navegación entre bloques */
.EECColivings_blockNavigation__8\+F-O {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  padding: 0 1rem;
}

.EECColivings_blockButton__\+U\+x- {
  padding: 1rem 1.5rem;
  border: none;
  border-radius: 8px;
  background: #1e1e1e;
  color: #fff;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 200px;
  max-width: 300px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.EECColivings_blockButton__\+U\+x-:hover {
  background: #2a2a2a;
}

.EECColivings_blockButton__\+U\+x-.EECColivings_active__DkQxB {
  background: linear-gradient(90deg, #00ff9d 0%, #00f0ff 100%);
  color: #000;
  font-weight: 600;
}

.EECColivings_blockButton__\+U\+x-.EECColivings_evaluated__GNulU {
  border-left: 4px solid #00ff9d;
  background: rgba(0, 255, 157, 0.1);
}

.EECColivings_blockButton__\+U\+x-.EECColivings_active__DkQxB.EECColivings_evaluated__GNulU {
  background: rgba(0, 255, 157, 0.2);
  border-left: 4px solid #00ff9d;
}

/* Modo de Edición */
.EECColivings_editButton__0dbIl {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.75rem 1.5rem;
  background: rgba(0, 255, 157, 0.1);
  border: 1px solid #00ff9d;
  color: #00ff9d;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}

.EECColivings_editButton__0dbIl:hover {
  background: rgba(0, 255, 157, 0.2);
}

.EECColivings_editButton__0dbIl.EECColivings_active__DkQxB {
  background: #00ff9d;
  color: #000;
}

.EECColivings_adminPanel__3CAN\+ {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.EECColivings_adminHeader__gyYEQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

.EECColivings_adminHeader__gyYEQ h3 {
  font-size: 1.2rem;
  color: #00ff9d;
}

.EECColivings_scoreRange__eWK2E {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0.5rem;
}

.EECColivings_addButton__yim4Z {
  padding: 0.75rem 1.5rem;
  background: #00ff9d;
  color: #000;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.EECColivings_addButton__yim4Z:hover {
  background: #00cc7d;
  transform: translateY(-2px);
}

.EECColivings_questionEditor__9j1Ij {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.EECColivings_questionHeader__tolWP {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.EECColivings_removeButton__1epvh {
  padding: 0.5rem;
  background: rgba(255, 59, 48, 0.1);
  border: 1px solid #ff3b30;
  color: #ff3b30;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.EECColivings_removeButton__1epvh:hover {
  background: rgba(255, 59, 48, 0.2);
}

.EECColivings_questionFields__IdxK1 {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.EECColivings_questionInput__tmK87 {
  width: 100%;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff;
  font-size: 1rem;
}

.EECColivings_weightField__cpa44 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.EECColivings_weightField__cpa44 label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
}

.EECColivings_weightInput__rjlBB {
  width: 80px;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}

.EECColivings_optionsEditor__cQ-4s {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: 1.5rem;
}

.EECColivings_optionsEditor__cQ-4s h4 {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1rem;
  font-size: 1rem;
}

.EECColivings_optionEditor__4rb-B {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 1rem;
  align-items: center;
}

.EECColivings_optionInput__DP7t5 {
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff;
  font-size: 0.9rem;
}

.EECColivings_pointsInput__yoAd9 {
  width: 80px;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff;
  font-size: 0.9rem;
  text-align: center;
}

.EECColivings_removeOptionButton__lzI3H {
  padding: 0.5rem;
  background: rgba(255, 59, 48, 0.1);
  border: 1px solid #ff3b30;
  color: #ff3b30;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.EECColivings_removeOptionButton__lzI3H:hover {
  background: rgba(255, 59, 48, 0.2);
}

.EECColivings_addOptionButton__w2Cwe {
  width: 100%;
  padding: 0.75rem;
  background: rgba(0, 255, 157, 0.1);
  border: 1px solid #00ff9d;
  color: #00ff9d;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  margin-top: 1rem;
  transition: all 0.2s ease;
}

.EECColivings_addOptionButton__w2Cwe:hover {
  background: rgba(0, 255, 157, 0.2);
}

/* Estilos existentes */
.EECColivings_evaluationForm__\+HbxG {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.EECColivings_questionBlock__pOTM7 {
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.EECColivings_questionText__byvtn {
  font-size: 1.1rem;
  color: #fff;
  font-weight: 500;
  padding-right: 2rem;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.EECColivings_optionsGrid__6Um1Y {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.EECColivings_optionLabel__Ylyr3 {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  border: 1px solid transparent;
}

.EECColivings_optionLabel__Ylyr3:hover {
  background: rgba(0, 255, 157, 0.1);
  border-color: #00ff9d;
}

.EECColivings_radioInput__q3R3s {
  display: none;
}

.EECColivings_radioInput__q3R3s:checked + .EECColivings_optionText__U0GJF {
  color: #00ff9d;
}

.EECColivings_optionLabel__Ylyr3:has(.EECColivings_radioInput__q3R3s:checked) {
  background: rgba(0, 255, 157, 0.1);
  border: 1px solid #00ff9d;
}

.EECColivings_optionText__U0GJF {
  margin-left: 0.5rem;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.9);
  transition: color 0.2s ease;
  flex: 1 1;
  line-height: 1.4;
}

.EECColivings_submitButton__A1U64 {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 3rem auto 0;
  padding: 1rem;
  background: #00ff9d;
  color: #000;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.EECColivings_submitButton__A1U64:hover {
  background: #00cc7d;
  transform: translateY(-2px);
}

.EECColivings_results__CIKFp {
  margin-top: 3rem;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.EECColivings_resultsTitle__hxQMk {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 1.5rem;
  text-align: center;
}

.EECColivings_scoreCard__-K9wf {
  text-align: center;
}

.EECColivings_scoreText__N1Ana {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1rem;
}

.EECColivings_score__0wX5D {
  font-size: 2rem;
  font-weight: 600;
  color: #00ff9d;
}

.EECColivings_evaluation__66lb- {
  font-size: 1.2rem;
  padding: 1rem;
  border-radius: 8px;
  margin-top: 1rem;
}

.EECColivings_highScore__6OqYz {
  background: rgba(0, 255, 157, 0.1);
  color: #00ff9d;
  border: 1px solid #00ff9d;
}

.EECColivings_mediumScore__xdFwP {
  background: rgba(255, 193, 7, 0.1);
  color: #ffc107;
  border: 1px solid #ffc107;
}

.EECColivings_lowScore__o5q5o {
  background: rgba(255, 59, 48, 0.1);
  color: #ff3b30;
  border: 1px solid #ff3b30;
}

.EECColivings_adminButtons__o49i8 {
  display: flex;
  gap: 1rem;
}

.EECColivings_evaluationRangesEditor__cc\+UR {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.EECColivings_evaluationRangesEditor__cc\+UR h4 {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}

.EECColivings_rangeEditor__Hdu-W {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  grid-template-rows: auto auto auto;
  grid-gap: 1rem;
  gap: 1rem;
}

.EECColivings_rangeInputs__D5qtp {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.EECColivings_rangeField__p2J8b {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.EECColivings_rangeField__p2J8b label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  white-space: nowrap;
}

.EECColivings_rangeInput__oXCrs {
  width: 100%;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff;
  font-size: 0.9rem;
}

.EECColivings_rangeTextInput__j394p {
  width: 100%;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff;
  font-size: 0.9rem;
  margin: 0.5rem 0;
}

.EECColivings_rangeClassSelect__B6rmW {
  width: 100%;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff;
  font-size: 0.9rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}

.EECColivings_rangeClassSelect__B6rmW option {
  background: #000;
  color: #fff;
  padding: 0.5rem;
}

.EECColivings_rangeEditor__Hdu-W .EECColivings_removeButton__1epvh {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.EECColivings_rangeEditor__Hdu-W {
  position: relative;
  padding-top: 3rem;
}

@media (max-width: 768px) {
  .EECColivings_content__qnvsu {
    padding: 1rem;
  }

  .EECColivings_title__1kdkH {
    font-size: 2rem;
  }

  .EECColivings_subtitle__kTdcv {
    font-size: 1.2rem;
  }

  .EECColivings_blockNavigation__8\+F-O {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
  }

  .EECColivings_blockButton__\+U\+x- {
    width: 100%;
    max-width: none;
    min-width: auto;
    padding: 0.75rem 0.5rem;
    font-size: 0.7rem;
    height: auto;
    min-height: 44px;
  }

  .EECColivings_questionFields__IdxK1 {
    grid-template-columns: 1fr;
  }

  .EECColivings_optionEditor__4rb-B {
    grid-template-columns: 1fr;
  }

  .EECColivings_weightField__cpa44 {
    justify-content: flex-start;
  }

  .EECColivings_editButton__0dbIl {
    position: static;
    margin: 1rem auto;
  }

  .EECColivings_adminButtons__o49i8 {
    flex-direction: column;
    gap: 0.5rem;
  }

  .EECColivings_rangeInputs__D5qtp {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .EECColivings_rangeEditor__Hdu-W {
    padding: 3rem 1rem 1rem 1rem;
  }

  .EECColivings_rangeField__p2J8b {
    margin-bottom: 0.5rem;
  }

  .EECColivings_rangeTextInput__j394p,
  .EECColivings_rangeClassSelect__B6rmW {
    margin: 0.25rem 0;
  }

  .EECColivings_questionBlock__pOTM7 {
    padding: 1rem;
  }

  .EECColivings_questionText__byvtn {
    font-size: 1rem;
    padding-right: 1rem;
  }

  .EECColivings_optionLabel__Ylyr3 {
    padding: 0.75rem;
  }

  .EECColivings_optionText__U0GJF {
    font-size: 0.9rem;
  }
}

.EECColivings_finalResults__BADCw {
  margin-top: 3rem;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.EECColivings_blocksGrid__ZI893 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.EECColivings_blockResult__FL2Y0 {
  background: rgba(0, 0, 0, 0.3);
  padding: 1.5rem;
  border-radius: 8px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

.EECColivings_blockResult__FL2Y0 h3 {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1rem;
}

.EECColivings_blockScore__xdPAG {
  font-size: 1.5rem;
  font-weight: 600;
  color: #00ff9d;
}

.EECColivings_locationBlock__JeXMr { border-left: 4px solid #4ade80; }
.EECColivings_userProfileBlock__-snzZ { border-left: 4px solid #60a5fa; }
.EECColivings_productDesignBlock__E8rAP { border-left: 4px solid #f472b6; }
.EECColivings_brandIdentityBlock__AoNjC { border-left: 4px solid #fbbf24; }

.EECColivings_finalScoreCard__JelHi {
  background: rgba(0, 0, 0, 0.3);
  padding: 2rem;
  border-radius: 8px;
  text-align: center;
  margin-top: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.EECColivings_finalScoreCard__JelHi h3 {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1rem;
}

.EECColivings_finalScore__TwDqR {
  font-size: 2.5rem;
  font-weight: 700;
  color: #00ff9d;
  margin-bottom: 1.5rem;
}

.EECColivings_finalEvaluation__c66Jj {
  font-size: 1.1rem;
  padding: 1rem;
  border-radius: 8px;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .EECColivings_blocksGrid__ZI893 {
    grid-template-columns: 1fr;
  }

  .EECColivings_blockResult__FL2Y0 {
    padding: 1rem;
  }

  .EECColivings_blockScore__xdPAG {
    font-size: 1.2rem;
  }

  .EECColivings_finalScore__TwDqR {
    font-size: 2rem;
  }

  .EECColivings_finalEvaluation__c66Jj {
    font-size: 1rem;
  }
}

.EECColivings_exampleSection__P-u3d {
  margin-top: 2rem;
  padding: 1.5rem;
  background: #f8f9fa;
  border-radius: 8px;
}

.EECColivings_exampleSection__P-u3d h4 {
  color: #2c3e50;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

.EECColivings_exampleGrid__4HOaK {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
}

.EECColivings_exampleItem__l3y9A {
  background: white;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.EECColivings_exampleItem__l3y9A span {
  display: block;
  color: #495057;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.EECColivings_exampleItem__l3y9A strong {
  display: block;
  color: #4361ee;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.EECColivings_exampleItem__l3y9A p {
  color: #6c757d;
  font-size: 0.85rem;
  margin: 0;
}

.EECColivings_exampleTotal__kbbi2 {
  margin-top: 1.5rem;
  text-align: center;
}

.EECColivings_exampleTotal__kbbi2 h5 {
  color: #2c3e50;
  font-size: 1.1rem;
  margin: 0;
}

.EECColivings_evaluationDescription__edOYh {
  color: #495057;
  font-size: 1rem;
  margin: 1rem 0;
  padding: 1rem;
  background: white;
  border-radius: 8px;
  border-left: 4px solid #4361ee;
}

.EECColivings_evaluationSection__-t2cu {
  margin-bottom: 2rem;
  text-align: center;
}

.EECColivings_sectionTitle__u2j9I {
  font-size: 1.3rem;
  color: #fff;
  margin-bottom: 1rem;
  opacity: 0.9;
}

.EECColivings_financialButton__-jARo {
  padding: 1rem 1.5rem;
  border: none;
  border-radius: 8px;
  background: #1e1e1e;
  color: #fff;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 200px;
  max-width: 300px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
}

.EECColivings_financialButton__-jARo:hover {
  background: #2a2a2a;
}

.EECColivings_financialButton__-jARo.EECColivings_active__DkQxB {
  background: linear-gradient(90deg, #00ff9d 0%, #00f0ff 100%);
  color: #000;
  font-weight: 600;
}

@media (max-width: 768px) {
  .EECColivings_evaluationSection__-t2cu {
    margin-bottom: 1.5rem;
  }

  .EECColivings_sectionTitle__u2j9I {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
  }

  .EECColivings_financialButton__-jARo {
    width: 100%;
    max-width: none;
    min-width: auto;
    padding: 0.75rem 0.5rem;
    font-size: 0.7rem;
    height: auto;
    min-height: 44px;
  }
}

.EECColivings_helpIconContainer__PZRsb {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}

.EECColivings_helpIcon__q-C3n {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  font-size: 1.2rem;
  transition: transform 0.2s ease;
}

.EECColivings_helpIcon__q-C3n:hover {
  transform: scale(1.1);
}

.EECColivings_helpModal__INjIo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.EECColivings_helpModalContent__0Hpr\+ {
  background: #1a1a1a;
  padding: 2rem;
  border-radius: 8px;
  max-width: 600px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
}

.EECColivings_closeButton__3MWje {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 4px;
  color: rgba(255, 255, 255, 0.6);
}

.EECColivings_closeButton__3MWje:hover {
  color: rgba(255, 255, 255, 0.9);
}

.EECColivings_helpText__16QBp {
  margin-top: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
}

.EECColivings_helpText__16QBp p {
  margin-bottom: 1rem;
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 768px) {
  .EECColivings_helpModalContent__0Hpr\+ {
    width: 95%;
    padding: 1.5rem;
  }
} 
.Escrituracion_container__EgmcA {
  min-height: 100vh;
  background-color: #000;
  color: #fff;
}

.Escrituracion_toolsContainer__\+mCey {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.Escrituracion_toolContent__6x5FB {
  background-color: #111;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.Escrituracion_toolHeader__Mjflr {
  text-align: center;
  margin-bottom: 2rem;
}

.Escrituracion_toolTitle__YpY-n {
  font-size: 2rem;
  color: #00ff9d;
  margin-bottom: 1rem;
}

.Escrituracion_toolDescription__3fyUN {
  color: #888;
  font-size: 1.1rem;
}

.Escrituracion_calculatorContainer__19-f- {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.Escrituracion_inputSection__Fk9Uq {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  background-color: #1a1a1a;
  padding: 2rem;
  border-radius: 8px;
}

.Escrituracion_inputGroup__AX2oT {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.Escrituracion_label__X8sO8 {
  color: #fff;
  font-size: 0.9rem;
}

.Escrituracion_input__4tP54 {
  background-color: #222;
  border: 1px solid #333;
  color: #fff;
  padding: 0.75rem;
  border-radius: 4px;
  font-size: 1rem;
}

.Escrituracion_input__4tP54:hover {
  border-color: #00ff9d;
}

.Escrituracion_input__4tP54:focus {
  outline: none;
  border-color: #00ff9d;
  box-shadow: 0 0 0 2px rgba(0, 255, 157, 0.2);
}

.Escrituracion_percentageInput__2kwxf {
  width: 60px;
  padding: 4px;
  border: 1px solid #333;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  background-color: #222;
  color: #fff;
}

.Escrituracion_percentageInput__2kwxf:focus {
  outline: none;
  border-color: #00ff9d;
  box-shadow: 0 0 0 2px rgba(0, 255, 157, 0.2);
}

.Escrituracion_percentageInput__2kwxf::-webkit-inner-spin-button,
.Escrituracion_percentageInput__2kwxf::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.Escrituracion_percentageInput__2kwxf[type="number"] {
  -moz-appearance: textfield;
}

.Escrituracion_tableSection__9zG-1 {
  background-color: #1a1a1a;
  border-radius: 8px;
  padding: 2rem;
}

.Escrituracion_sectionTitle__Yj480 {
  color: #00ff9d;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.Escrituracion_tableContainer__bDzFZ {
  overflow-x: auto;
  margin-bottom: 2rem;
}

.Escrituracion_table__UgO34 {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.Escrituracion_table__UgO34 th,
.Escrituracion_table__UgO34 td {
  padding: 1rem;
  text-align: right;
  border-bottom: 1px solid #333;
}

.Escrituracion_table__UgO34 th:first-child,
.Escrituracion_table__UgO34 td:first-child {
  text-align: left;
}

.Escrituracion_table__UgO34 th {
  background-color: #222;
  color: #00ff9d;
  font-weight: 600;
  text-align: center;
  padding: 8px;
}

.Escrituracion_table__UgO34 tr:hover {
  background-color: #222;
}

.Escrituracion_totalRow__MDieK {
  font-weight: bold;
  background-color: #222;
}

.Escrituracion_totalRow__MDieK td {
  border-top: 2px solid #444;
}

.Escrituracion_consolidatedTotal__a-M8p {
  background-color: #222;
  border-radius: 8px;
  padding: 2rem;
  margin-top: 2rem;
}

.Escrituracion_totalInfo__2wprE {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.Escrituracion_totalItem__G9GyJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #1a1a1a;
  border-radius: 4px;
}

.Escrituracion_totalItem__G9GyJ span:first-child {
  color: #888;
}

.Escrituracion_totalItem__G9GyJ span:last-child {
  color: #00ff9d;
  font-weight: bold;
}

@media (max-width: 768px) {
  .Escrituracion_toolsContainer__\+mCey {
    padding: 1rem;
  }

  .Escrituracion_toolContent__6x5FB {
    padding: 1rem;
  }

  .Escrituracion_table__UgO34 th,
  .Escrituracion_table__UgO34 td {
    padding: 0.5rem;
    font-size: 0.9rem;
  }

  .Escrituracion_totalInfo__2wprE {
    grid-template-columns: 1fr;
  }
}

/* Estilos para inputs deshabilitados */
.Escrituracion_input__4tP54:disabled {
  background-color: #1a1a1a;
  border-color: #333;
  color: #666;
  cursor: not-allowed;
}

/* Estilos para valores positivos y negativos */
.Escrituracion_positiveValue__JFqjl {
  color: #00ff9d;
}

.Escrituracion_negativeValue__nAarN {
  color: #ff4d4d;
}

.Escrituracion_infoIcon__g7SMz {
  transition: color 0.2s ease;
}

.Escrituracion_infoIcon__g7SMz:hover {
  color: #00cc7d !important;
}

.Escrituracion_infoModal__bQk-x {
  color: #ffffff;
}

.Escrituracion_infoModal__bQk-x .ant-modal-content {
  background-color: #1a1a1a;
  border: 1px solid #333;
}

.Escrituracion_infoModal__bQk-x .ant-modal-header {
  background-color: #1a1a1a;
  border-bottom: 1px solid #333;
}

.Escrituracion_infoModal__bQk-x .ant-modal-title {
  color: #00ff9d;
}

.Escrituracion_infoModal__bQk-x .ant-modal-close-x {
  color: #ffffff;
}

.Escrituracion_infoModal__bQk-x .ant-modal-body {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.6;
}

.Escrituracion_infoModal__bQk-x .ant-modal-footer {
  border-top: 1px solid #333;
}

.Escrituracion_infoModal__bQk-x .ant-btn {
  background: #00ff9d;
  border: none;
  color: #000000;
}

.Escrituracion_infoModal__bQk-x .ant-btn:hover {
  background: #00cc7d;
} 
.ToolsNavigation_navigation__lVyoI {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.ToolsNavigation_header__aXDah {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  gap: 2rem;
}

.ToolsNavigation_mainTitle__loZJg {
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
}

.ToolsNavigation_evaluationSummary__JriOv {
  display: flex;
  gap: 1.5rem;
  flex-grow: 1;
  justify-content: flex-end;
}

.ToolsNavigation_summaryCard__pfs4B {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-width: 160px;
}

.ToolsNavigation_summaryTitle__LFiWY {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.25rem;
}

.ToolsNavigation_summaryScore__0slBE {
  font-size: 1.1rem;
  font-weight: 600;
  color: #00ff9d;
}

.ToolsNavigation_summaryScore__0slBE.ToolsNavigation_warning__RYA9x {
  color: #ffd700;
}

.ToolsNavigation_menuContainer__XSltt {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 1rem;
}

.ToolsNavigation_menuItem__F-oV0 {
  position: relative;
}

.ToolsNavigation_menuLink__DTaB2 {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.05);
  height: 100%;
}

.ToolsNavigation_menuLink__DTaB2:hover {
  background: rgba(255, 255, 255, 0.1);
}

.ToolsNavigation_menuLink__DTaB2.ToolsNavigation_active__dA5ga {
  background: linear-gradient(45deg, #00ff9d 0%, #00f0ff 100%);
  color: #000;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0, 255, 157, 0.2);
}

.ToolsNavigation_menuLink__DTaB2.ToolsNavigation_active__dA5ga .ToolsNavigation_menuTitle__wyd1T,
.ToolsNavigation_menuLink__DTaB2.ToolsNavigation_active__dA5ga .ToolsNavigation_moduleScore__cR\+2X {
  color: #000;
}

.ToolsNavigation_menuTitle__wyd1T {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 0.9rem;
}

.ToolsNavigation_moduleScore__cR\+2X {
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 1rem;
}

.ToolsNavigation_subMenu__A\+AoA {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.95);
  border-radius: 8px;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 10;
  display: none;
}

.ToolsNavigation_menuItem__F-oV0:hover .ToolsNavigation_subMenu__A\+AoA {
  display: block;
}

.ToolsNavigation_subMenuItem__CCmpF {
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.ToolsNavigation_subMenuItem__CCmpF:hover {
  background: rgba(255, 255, 255, 0.1);
}

.ToolsNavigation_checkmark__BOjqZ {
  color: #00ff9d;
  margin-left: 0.5rem;
}

.ToolsNavigation_complete__FcQf4 .ToolsNavigation_menuTitle__wyd1T {
  color: #00ff9d;
}

.ToolsNavigation_summaryButton__\+s85n {
  background: linear-gradient(45deg, #ff6b6b 0%, #ff8e8e 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  grid-column: 1 / -1;
  width: 100%;
  max-width: 300px;
  margin: 1rem auto 0;
}

.ToolsNavigation_summaryButton__\+s85n:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 107, 107, 0.2);
}

@media (max-width: 1024px) {
  .ToolsNavigation_header__aXDah {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .ToolsNavigation_mainTitle__loZJg {
    text-align: center;
  }

  .ToolsNavigation_evaluationSummary__JriOv {
    justify-content: center;
    flex-wrap: wrap;
  }

  .ToolsNavigation_summaryCard__pfs4B {
    min-width: 140px;
  }
}

@media (max-width: 768px) {
  .ToolsNavigation_navigation__lVyoI {
    padding: 0.75rem;
  }

  .ToolsNavigation_mainTitle__loZJg {
    font-size: 1.1rem;
  }

  .ToolsNavigation_menuContainer__XSltt {
    grid-template-columns: 1fr;
  }

  .ToolsNavigation_menuLink__DTaB2 {
    padding: 0.5rem 0.75rem;
  }

  .ToolsNavigation_subMenu__A\+AoA {
    position: static;
    margin-top: 0.25rem;
    margin-left: 1rem;
  }

  .ToolsNavigation_subMenuItem__CCmpF {
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
  }
} 
.PropertyCard_card__b-qV7 {
  background: white;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 340px;
  min-height: 540px;
  margin: 0 auto;
}

.PropertyCard_card__b-qV7:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.PropertyCard_imageContainer__oDmuk {
  position: relative;
  width: 100%;
  height: 260px;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.PropertyCard_propertyImage__HisDw {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 0 0 0;
}

.PropertyCard_deliveryBadge__5awWR {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: #d6ff00;
  color: #222;
  padding: 0.5rem 1.2rem;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  letter-spacing: 0.01em;
}

.PropertyCard_content__s7CiV {
  padding: 2rem 1.5rem 1.5rem 1.5rem;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.2rem;
}

.PropertyCard_title__r-ywR {
  font-size: 1.25rem;
  font-weight: bold;
  color: #1a1a1a;
  margin: 0;
}

.PropertyCard_location__isb-d {
  font-size: 0.875rem;
  color: #666;
  margin: 0;
}

.PropertyCard_status__\+63KK {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: #4CAF50;
  color: white;
  border-radius: 1rem;
  font-size: 0.875rem;
  align-self: flex-start;
}

.PropertyCard_valueSection__igJb8,
.PropertyCard_participationSection__XbkAm {
  margin: 0;
}

.PropertyCard_valueSection__igJb8 h4,
.PropertyCard_participationSection__XbkAm h4 {
  font-size: 0.875rem;
  color: #666;
  font-weight: normal;
  margin: 0 0 0.25rem 0;
}

.PropertyCard_price__0nghf {
  font-size: 1.25rem;
  font-weight: bold;
  color: #1a1a1a;
  margin: 0;
}

.PropertyCard_rentabilitySection__zYxkl {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin: 0;
  padding: 0;
}

.PropertyCard_rentabilityMain__jaUQB {
  background-color: white;
  border-radius: 1rem;
  padding: 1.2rem 0.5rem 1.2rem 0.5rem;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  position: relative;
}

.PropertyCard_rentabilityMain__jaUQB::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #E76F51;
  border-radius: 1rem 1rem 0 0;
}

.PropertyCard_rentabilityMain__jaUQB h5 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
  color: #E76F51;
  letter-spacing: 0.01em;
}

.PropertyCard_rentabilityValue__TDX3N {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}

.PropertyCard_mainValue__mZyVX {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1;
}

.PropertyCard_rentabilityMain__jaUQB .PropertyCard_mainValue__mZyVX {
  font-size: 1.5rem;
}

.PropertyCard_rentabilityBox__GprUA {
  position: relative;
  background-color: white;
  border-radius: 1rem;
  text-align: center;
  padding: 1.1rem 0.5rem 1.1rem 0.5rem;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.PropertyCard_rentabilityBox__GprUA::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 1rem 1rem 0 0;
  background-color: #2A9D8F;
}

.PropertyCard_rentabilityBox__GprUA h5 {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
  color: #2A9D8F;
  letter-spacing: 0.01em;
}

.PropertyCard_percentSymbol__cdGgU {
  font-size: 1rem;
  font-weight: 600;
  color: #1a1a1a;
}

.PropertyCard_separator__lEF7O {
  font-size: 1.1rem;
  font-weight: 600;
  color: #666;
  margin: 0 0.3rem;
}

.PropertyCard_rentabilityDetails__EjE00 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1.2rem;
}

.PropertyCard_riskSection__7Ykra {
  margin-top: 1.2rem;
  margin-bottom: 0.5rem;
}

.PropertyCard_riskTitle__nHeSA {
  font-size: 1.1rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 0.5rem;
}

.PropertyCard_riskIndicator__UREQ\+ {
  display: flex;
  gap: 0.4rem;
  margin-bottom: 0.2rem;
}

.PropertyCard_riskDot__Cugnb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  opacity: 0.4;
  background-color: #e5e7eb;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.PropertyCard_riskDotActive__0KI\+U {
  opacity: 1;
  border: 2px solid #222;
}

.PropertyCard_riskDot__Cugnb:nth-child(1) {
  background-color: #22c55e;
}

.PropertyCard_riskDot__Cugnb:nth-child(2) {
  background-color: #84cc16;
}

.PropertyCard_riskDot__Cugnb:nth-child(3) {
  background-color: #eab308;
}

.PropertyCard_riskDot__Cugnb:nth-child(4) {
  background-color: #f59e0b;
}

.PropertyCard_riskDot__Cugnb:nth-child(5) {
  background-color: #f97316;
}

.PropertyCard_riskDot__Cugnb:nth-child(6) {
  background-color: #ef4444;
}

.PropertyCard_riskDot__Cugnb:nth-child(7) {
  background-color: #dc2626;
}

.PropertyCard_documents__uhoZS {
  margin-bottom: 1.5rem;
}

.PropertyCard_documents__uhoZS h4 {
  font-size: 1.25rem;
  color: #1a1a1a;
  margin-bottom: 1rem;
}

.PropertyCard_documentButton__Ub-KL {
  display: block;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0.75rem;
  background-color: #f5f5f5;
  border: none;
  border-radius: 0.5rem;
  color: #1a1a1a;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.PropertyCard_documentButton__Ub-KL:hover {
  background-color: #e0e0e0;
}

.PropertyCard_viewMoreButton__WtFBf {
  margin-top: auto;
  width: 100%;
  background-color: #222;
  color: #fff;
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 0;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  text-align: center;
  display: block;
}

.PropertyCard_viewMoreButton__WtFBf:hover {
  background-color: #2A9D8F;
  color: #fff;
  transform: translateY(-2px);
}

.PropertyCard_participation__rXJz4 {
  font-size: 1rem;
  font-weight: 500;
  color: #1a1a1a;
  margin: 0;
}

.PropertyCard_projectName__ajSEU {
  color: #6b7280;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.7rem;
  text-align: left;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 900px) {
  .PropertyCard_card__b-qV7 {
    min-width: 90vw;
    min-height: 480px;
  }

  .PropertyCard_imageContainer__oDmuk {
    height: 180px;
  }

  .PropertyCard_content__s7CiV {
    padding: 1.2rem 0.7rem 1.2rem 0.7rem;
  }
}
.Properties_main__uVVPn {
  min-height: 100vh;
  padding: 2rem;
  background-color: #f9fafb;
}

.Properties_container__h7mxp {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

.Properties_content__XIbu\+ {
  width: 100%;
}

.Properties_header__wOROt {
  margin-bottom: 2rem;
  position: relative;
}

.Properties_backButton__bP52R {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem 1.5rem;
  background-color: #2A9D8F;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.Properties_backButton__bP52R:hover {
  background-color: #238579;
}

.Properties_title__EQ8v6 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.Properties_buttonGroup__\+GstD {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
}

.Properties_button__k0c5q {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #1e293b;
  color: white;
  border: none;
}

.Properties_button__k0c5q:hover {
  background-color: #334155;
}

.Properties_filterSection__Ieg8Y {
  margin-bottom: 2rem;
}

.Properties_filterLabel__oNHQg {
  display: block;
  font-size: 0.875rem;
  color: #4a5568;
  margin-bottom: 0.5rem;
}

.Properties_select__9RdmO {
  width: 100%;
  max-width: 300px;
  padding: 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  background-color: white;
  color: #1a1a1a;
}

.Properties_sectionTitle__JOrGc {
  font-size: 1.5rem;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.Properties_propertiesGrid__bfFpf {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-gap: 1.25rem;
  gap: 1.25rem;
  width: 100%;
}

@media (max-width: 768px) {
  .Properties_main__uVVPn {
    padding: 1rem;
  }

  .Properties_propertiesGrid__bfFpf {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .Properties_title__EQ8v6 {
    font-size: 2rem;
    margin-right: 100px;
  }
} 
.PropertyDetails_main__QSQzy {
  min-height: 100vh;
  background-color: #f9fafb;
  padding-top: 80px;
  position: relative;
}

.PropertyDetails_header__nqRAM {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 1000;
  border-bottom: 1px solid #e5e7eb;
  height: 80px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.PropertyDetails_headerContent__Dt8UP {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.PropertyDetails_backButton__w1a9U {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5rem 1.5rem;
  background-color: #2A9D8F;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.PropertyDetails_backButton__w1a9U:hover {
  background-color: #238579;
}

.PropertyDetails_container__F92gw {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
  position: relative;
  z-index: 1;
}

.PropertyDetails_content__NXmaR {
  display: grid;
  grid-template-columns: 1fr 380px;
  grid-gap: 2rem;
  gap: 2rem;
  position: relative;
}

.PropertyDetails_mainInfo__lUenr {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.PropertyDetails_title__O-x2r {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 0.25rem 0;
  line-height: 1.2;
  padding-right: 8rem;
}

.PropertyDetails_location__-sHki {
  font-size: 1.125rem;
  color: #4b5563;
  margin: 0;
}

.PropertyDetails_imageGrid__-5ex\+ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 2rem;
  height: 400px;
}

.PropertyDetails_imageContainer__Wqk2j {
  position: relative;
  height: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}

.PropertyDetails_imageContainer__Wqk2j:first-child {
  grid-column: span 2;
  grid-row: span 2;
}

.PropertyDetails_infoCard__EiwfJ {
  background-color: white;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.PropertyDetails_infoCard__EiwfJ h2 {
  font-size: 1.5rem;
  color: #1a1a1a;
  margin-bottom: 1rem;
}

.PropertyDetails_propertyData__MjXs0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.PropertyDetails_propertyData__MjXs0 div {
  font-size: 1rem;
  color: #4b5563;
}

.PropertyDetails_propertyData__MjXs0 strong {
  color: #1a1a1a;
}

.PropertyDetails_statsGrid__-m-Ra {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 2rem;
}

.PropertyDetails_statCard__h-7zC {
  background-color: #f8fafc;
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center;
}

.PropertyDetails_statCard__h-7zC h3 {
  font-size: 0.875rem;
  color: #4b5563;
  margin-bottom: 0.5rem;
}

.PropertyDetails_statCard__h-7zC p {
  font-size: 1.25rem;
  font-weight: bold;
  color: #1a1a1a;
}

.PropertyDetails_amenities__Mmnus h3 {
  font-size: 1.25rem;
  color: #1a1a1a;
  margin-bottom: 1rem;
}

.PropertyDetails_amenitiesGrid__DHX8M {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.PropertyDetails_amenitiesGrid__DHX8M ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.PropertyDetails_amenitiesGrid__DHX8M li {
  color: #4b5563;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e5e7eb;
}

.PropertyDetails_sidebar__593h1 {
  position: relative;
  height: 100%;
}

.PropertyDetails_sidebarContent__YHJN4 {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  background-color: white;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.PropertyDetails_status__Em89c {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #10b981;
  color: white;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}

.PropertyDetails_investmentInfo__jsS2i {
  margin-bottom: 2rem;
}

.PropertyDetails_investmentInfo__jsS2i h3 {
  font-size: 1rem;
  color: #4b5563;
  margin-bottom: 0.5rem;
}

.PropertyDetails_price__BH\+G- {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 1rem;
}

.PropertyDetails_rentabilitySection__0tzsZ {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0 2rem;
  padding: 0;
}

.PropertyDetails_rentabilityMain__EQsxN {
  background-color: white;
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
}

.PropertyDetails_rentabilityMain__EQsxN::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #E76F51;
  border-radius: 0.5rem 0.5rem 0 0;
}

.PropertyDetails_rentabilityMain__EQsxN h5 {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
  color: #E76F51;
}

.PropertyDetails_rentabilityDetails__UVbSa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.PropertyDetails_rentabilityBox__lh37L {
  position: relative;
  background-color: white;
  border-radius: 0.5rem;
  text-align: center;
  padding: 0.75rem 0.5rem;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.PropertyDetails_rentabilityBox__lh37L::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #2A9D8F;
}

.PropertyDetails_rentabilityBox__lh37L h5 {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
  color: #2A9D8F;
}

.PropertyDetails_rentabilityValue__5XP2h {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
}

.PropertyDetails_mainValue__o0shJ {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1;
}

.PropertyDetails_rentabilityBox__lh37L .PropertyDetails_mainValue__o0shJ {
  font-size: 1rem;
}

.PropertyDetails_percentSymbol__LPjLJ {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1a1a1a;
}

.PropertyDetails_separator__2vrQr {
  font-size: 1rem;
  font-weight: 500;
  color: #666;
  margin: 0 0.25rem;
}

.PropertyDetails_plusSign__w6\+4l {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: bold;
  color: #666;
  padding: 0 0.25rem;
}

.PropertyDetails_progressSection__6ea5l {
  margin: 1.5rem 0 2rem;
}

.PropertyDetails_progressBar__f1I4E {
  width: 100%;
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  margin-bottom: 0.5rem;
  position: relative;
  overflow: hidden;
}

.PropertyDetails_progress__lLpq3 {
  position: absolute;
  height: 100%;
  background-color: #10b981;
  border-radius: 3px;
  transition: width 0.3s ease;
}

.PropertyDetails_progressText__JtYi7 {
  display: block;
  font-size: 0.75rem;
  color: #4b5563;
  text-align: right;
  margin: 0;
}

.PropertyDetails_riskSection__ooEWH {
  margin: 0 0 2rem;
}

.PropertyDetails_riskIndicator__oC\+uM {
  display: flex;
  gap: 4px;
  margin-top: 0.5rem;
}

.PropertyDetails_riskDot__YjIAP {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.PropertyDetails_riskDot__YjIAP:nth-child(1) { background-color: #22c55e; }
.PropertyDetails_riskDot__YjIAP:nth-child(2) { background-color: #84cc16; }
.PropertyDetails_riskDot__YjIAP:nth-child(3) { background-color: #eab308; }
.PropertyDetails_riskDot__YjIAP:nth-child(4) { background-color: #f59e0b; }
.PropertyDetails_riskDot__YjIAP:nth-child(5) { background-color: #f97316; }
.PropertyDetails_riskDot__YjIAP:nth-child(6) { background-color: #ef4444; }
.PropertyDetails_riskDot__YjIAP:nth-child(7) { background-color: #dc2626; }

.PropertyDetails_riskDot__YjIAP:not(.PropertyDetails_riskDotActive__UpMuy) {
  opacity: 0.3;
}

.PropertyDetails_riskDotActive__UpMuy {
  transform: scale(1.2);
  opacity: 1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.PropertyDetails_documents__8A6H9 {
  margin-top: 0;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

.PropertyDetails_documentButton__DELvl {
  display: block;
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  color: #1a1a1a;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.PropertyDetails_documentButton__DELvl:hover {
  background-color: #f1f5f9;
  border-color: #d1d5db;
}

.PropertyDetails_propertyNumber__wmDcG {
  font-size: 0.75rem;
  color: #6b7280;
  margin-top: 1.5rem;
  text-align: center;
}

.PropertyDetails_rentabilityTable__84tqV {
  margin: 1rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.PropertyDetails_tableWrapper__-9uGq {
  min-width: 100%;
}

.PropertyDetails_rentabilityTable__84tqV table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  text-align: right;
}

.PropertyDetails_rentabilityTable__84tqV th,
.PropertyDetails_rentabilityTable__84tqV td {
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  white-space: nowrap;
}

.PropertyDetails_rentabilityTable__84tqV thead th {
  background-color: #f8fafc;
  font-weight: 600;
  color: #1a1a1a;
  text-align: center;
}

.PropertyDetails_rentabilityTable__84tqV tbody td:first-child {
  text-align: left;
  font-weight: 500;
  background-color: #f8fafc;
}

.PropertyDetails_operationHeader__c2BLS {
  background-color: #f1f5f9 !important;
  border-bottom: none !important;
}

.PropertyDetails_rentabilityTable__84tqV tbody td {
  color: #4b5563;
}

.PropertyDetails_budgetHeader__60vvo {
  margin-bottom: 1.5rem;
}

.PropertyDetails_budgetHeader__60vvo h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a1a1a;
  padding: 0.75rem 1rem;
  background-color: #f8fafc;
  border-radius: 0.5rem;
  display: inline-block;
}

.PropertyDetails_budgetTable__p4\+Xj {
  margin: 1rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.PropertyDetails_budgetTable__p4\+Xj table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.PropertyDetails_budgetTable__p4\+Xj th,
.PropertyDetails_budgetTable__p4\+Xj td {
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  text-align: right;
}

.PropertyDetails_budgetTable__p4\+Xj th:first-child,
.PropertyDetails_budgetTable__p4\+Xj td:first-child {
  text-align: left;
  font-weight: 500;
}

.PropertyDetails_budgetTable__p4\+Xj thead th {
  background-color: #f8fafc;
  font-weight: 600;
  color: #1a1a1a;
  white-space: nowrap;
}

.PropertyDetails_budgetTable__p4\+Xj tbody tr:hover {
  background-color: #f8fafc;
}

.PropertyDetails_positiveRow__j5-\+9 td {
  color: #059669;
}

.PropertyDetails_totalRow__iYguD {
  font-weight: 700;
  background-color: #f8fafc;
}

.PropertyDetails_totalRow__iYguD td {
  border-top: 2px solid #e5e7eb;
}

.PropertyDetails_positiveVar__j2JBI {
  color: #059669;
}

.PropertyDetails_negativeVar__eJ-DG {
  color: #dc2626;
}

@media (max-width: 1024px) {
  .PropertyDetails_content__NXmaR {
    grid-template-columns: 1fr;
  }

  .PropertyDetails_sidebar__593h1 {
    position: relative;
    margin-top: 2rem;
  }

  .PropertyDetails_sidebarContent__YHJN4 {
    position: relative;
    top: 0;
  }

  .PropertyDetails_imageGrid__-5ex\+ {
    grid-template-columns: repeat(2, 1fr);
    height: auto;
  }

  .PropertyDetails_imageContainer__Wqk2j {
    aspect-ratio: 16/9;
  }
}

@media (max-width: 640px) {
  .PropertyDetails_main__QSQzy {
    padding-top: 64px;
  }

  .PropertyDetails_header__nqRAM {
    height: 64px;
  }

  .PropertyDetails_headerContent__Dt8UP {
    padding: 0 1rem;
  }

  .PropertyDetails_title__O-x2r {
    font-size: 1.5rem;
  }

  .PropertyDetails_location__-sHki {
    font-size: 0.875rem;
  }

  .PropertyDetails_imageGrid__-5ex\+ {
    grid-template-columns: 1fr;
  }

  .PropertyDetails_amenitiesGrid__DHX8M {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .PropertyDetails_statsGrid__-m-Ra {
    grid-template-columns: repeat(2, 1fr);
  }

  .PropertyDetails_rentabilityTable__84tqV {
    margin: 0.5rem -1rem;
    width: calc(100% + 2rem);
  }

  .PropertyDetails_rentabilityTable__84tqV table {
    font-size: 0.75rem;
  }

  .PropertyDetails_rentabilityTable__84tqV th,
  .PropertyDetails_rentabilityTable__84tqV td {
    padding: 0.5rem;
  }

  .PropertyDetails_budgetTable__p4\+Xj {
    margin: 0.5rem -1rem;
    width: calc(100% + 2rem);
  }

  .PropertyDetails_budgetTable__p4\+Xj table {
    font-size: 0.75rem;
  }

  .PropertyDetails_budgetTable__p4\+Xj th,
  .PropertyDetails_budgetTable__p4\+Xj td {
    padding: 0.5rem;
  }

  .PropertyDetails_budgetHeader__60vvo h3 {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
  }
} 
.Contratos_container__7RBzy {
  padding: 2rem;
  max-width: 100%;
  margin: 0 auto;
  background-color: #f5f7fa;
  min-height: calc(100vh - 60px);
  /* Adjusted for main navigation height */
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Estilos para el contenedor del listado */
.Contratos_listContainer__fggg1 {
  width: 100%;
}

/* Estilos para el formulario */
.Contratos_formContainer__NF\+v6 {
  width: 100%;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-width: 1500px;
  margin: 0 auto;
}

/* Estilos para el layout de dos columnas */
.Contratos_twoColumnLayout__puikZ {
  display: flex;
  flex-direction: row;
}

.Contratos_formColumn__J9hKy {
  flex: 0 0 65%;
  padding: 0;
  border-right: 1px solid #edf2f7;
}

.Contratos_summaryColumn__P4ZKv {
  flex: 0 0 35%;
  padding: 1.5rem;
  background-color: #f7fafc;
}

/* Estilos para el resumen financiero */
.Contratos_summaryCard__Aa5fy {
  background-color: white;
  border-radius: 8px;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.Contratos_summaryRow__eYIvm {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.Contratos_summaryLabel__6WN5\+ {
  color: #4a5568;
  font-size: 0.875rem;
}

.Contratos_summaryValue__VgbNE {
  color: #2d3748;
  font-weight: 600;
  font-size: 0.875rem;
}

/* Estilos para la barra de progreso */
.Contratos_progressBarContainer__0VFqj {
  width: 100%;
  height: 6px;
  background-color: #e2e8f0;
  border-radius: 3px;
  margin-bottom: 1rem;
}

.Contratos_progressBar__yRFyN {
  height: 100%;
  background-color: #48bb78;
  border-radius: 3px;
}

.Contratos_billingStatus__Ndj2Z {
  margin-top: 0.5rem;
}

/* Estilos para la sección de facturas */
.Contratos_invoicesSection__xiplD {
  background-color: white;
  border-radius: 8px;
  padding: 1.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.Contratos_invoicesTitle__LQ4MJ {
  color: #48bb78;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.Contratos_invoicesTable__tQsNi {
  width: 100%;
  border-collapse: collapse;
}

.Contratos_invoicesTable__tQsNi th {
  text-align: left;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e2e8f0;
  color: #4a5568;
  font-weight: 500;
}

.Contratos_invoiceRow__zTur7 {
  border-bottom: 1px solid #e2e8f0;
}

.Contratos_invoiceRow__zTur7:last-child {
  border-bottom: none;
}

.Contratos_invoiceRow__zTur7 td {
  padding: 0.75rem 0;
}

.Contratos_invoiceNumberColumn__b7pW3 {
  width: 60%;
}

.Contratos_invoiceAmountColumn__W6HkK {
  width: 40%;
  text-align: right;
}

.Contratos_invoiceAmount__ufJtd {
  text-align: right;
  font-weight: 500;
}

/* Estilos para los campos de presupuesto */
.Contratos_budgetRow__oz10z {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.Contratos_budgetField__1ZhR2 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}

.Contratos_budgetField__1ZhR2 label {
  font-size: 0.875rem;
  color: #4a5568;
  margin-bottom: 0.5rem;
}

.Contratos_additionButton__nrmfv {
  align-self: flex-end;
  background-color: white;
  border: 1px solid #e2e8f0;
  color: #4a5568;
  padding: 0.75rem 1rem;
  border-radius: 4px;
  font-size: 0.875rem;
  margin-top: 1.5rem;
  cursor: pointer;
}

.Contratos_additionButton__nrmfv:hover {
  background-color: #f7fafc;
  border-color: #cbd5e0;
}

.Contratos_formHeader__UxDVt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #edf2f7;
}

.Contratos_formHeader__UxDVt h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0;
}

.Contratos_closeButton__1PqqE {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #718096;
  cursor: pointer;
}

.Contratos_closeButton__1PqqE:hover {
  color: #2d3748;
}

.Contratos_formTabs__CVovk {
  display: flex;
  border-bottom: 1px solid #edf2f7;
  align-items: center;
}

.Contratos_tabActive__kY3CW {
  padding: 1rem 2rem;
  font-weight: 500;
  color: #3182ce;
  border-bottom: 2px solid #3182ce;
  background-color: #f7fafc;
}

.Contratos_form__D2iXj {
  padding: 2rem;
}

.Contratos_formGroup__6Hkcr,
.Contratos_formGroupLabel__QBE1K {
  margin-bottom: 1.5rem;
}

.Contratos_formGroupLabel__QBE1K {
  display: flex;
  flex-direction: column;
}

.Contratos_formGroupLabel__QBE1K label {
  font-size: 0.875rem;
  color: #4a5568;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.Contratos_input__aYxio,
.Contratos_select__TMsXY {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 1rem;
  color: #2d3748;
  transition: all 0.2s;
}

.Contratos_input__aYxio:focus,
.Contratos_select__TMsXY:focus {
  outline: none;
  border-color: #3182ce;
  box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);
}

.Contratos_input__aYxio::placeholder {
  color: #a0aec0;
}

.Contratos_searchInputContainer__0Of55 {
  position: relative;
  width: 100%;
}

.Contratos_searchResults__mE9ET {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
}

.Contratos_searchResult__s1QP9 {
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: background-color 0.2s;
}

.Contratos_searchResult__s1QP9:hover {
  background-color: #f7fafc;
}

.Contratos_formSectionTitle__lSYF3 {
  margin: 2.5rem 0 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 0.5rem;
}

.Contratos_formSectionTitle__lSYF3 h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d3748;
}

.Contratos_tributaryStructure__BD8\+C {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}

.Contratos_taxField__JeVm9 {
  flex: 1 1;
  min-width: 120px;
  display: flex;
  flex-direction: column;
}

.Contratos_taxField__JeVm9 label {
  font-size: 0.875rem;
  color: #4a5568;
  margin-bottom: 0.5rem;
}

.Contratos_taxInput__PoOLQ {
  padding: 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  width: 100%;
}

.Contratos_userSearchContainer__Gjjd2 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.Contratos_addButton__Evqv- {
  background-color: #3182ce;
  color: white;
  border: none;
  border-radius: 4px;
  width: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Contratos_addButton__Evqv-:hover {
  background-color: #2c5282;
}

.Contratos_assignedUsers__MPl8g {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

.Contratos_userTag__X3AZD {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #ebf8ff;
  color: #2c5282;
  padding: 0.5rem 0.75rem;
  border-radius: 2rem;
  font-size: 0.875rem;
}

.Contratos_removeUserButton__VRvdw {
  background: none;
  border: none;
  color: #4a5568;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}

.Contratos_removeUserButton__VRvdw:hover {
  color: #e53e3e;
}

.Contratos_formActions__OKXON {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 2.5rem;
}

.Contratos_submitButton__XC6lx,
.Contratos_cancelButton__zwa5U {
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}

.Contratos_submitButton__XC6lx {
  background-color: #3182ce;
  color: white;
  border: none;
}

.Contratos_submitButton__XC6lx:hover {
  background-color: #2c5282;
}

.Contratos_cancelButton__zwa5U {
  background-color: #edf2f7;
  color: #4a5568;
  border: 1px solid #e2e8f0;
}

.Contratos_cancelButton__zwa5U:hover {
  background-color: #e2e8f0;
}

/* Estilos para la sección superior que contiene título, buscador, y filtros */
.Contratos_topSection__vHj\+u {
  width: 100%;
  margin-bottom: 1.5rem;
}

/* Estilos para el encabezado de la lista */
.Contratos_listHeader__xpeqm {
  margin-bottom: 1rem;
}

.Contratos_listHeader__xpeqm h1 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0;
}

/* Estilos para los filtros y acciones */
.Contratos_filtersAndActions__P\+B7l {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
}

.Contratos_filtersContainer__WKKck {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 0.5rem;
}

.Contratos_filterItem__uxo7N {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 0 12px;
  flex: 1 1;
  min-width: 170px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}

.Contratos_filterIcon__npIMI {
  color: #777;
  margin-right: 8px;
  font-size: 1rem;
}

.Contratos_filterInput__ZhaOL {
  flex: 1 1;
  border: none;
  background: transparent;
  padding: 10px 0;
  font-size: 0.9rem;
  outline: none;
  color: #333;
}

.Contratos_filterSelect__VJC8L {
  flex: 1 1;
  border: none;
  background: transparent;
  padding: 10px 0;
  font-size: 0.9rem;
  outline: none;
  color: #333;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  width: 100%;
}

.Contratos_filtersLabel__SjiQZ {
  color: #4a5568;
  font-weight: 600;
  font-size: 0.875rem;
  margin-right: 1rem;
  white-space: nowrap;
}

.Contratos_filtersGroupHorizontal__oip81 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 1024px) {
  .Contratos_filtersAndActions__P\+B7l {
    flex-wrap: wrap;
    gap: 1rem;
  }

  .Contratos_filtersGroupHorizontal__oip81 {
    flex-wrap: wrap;
  }

  .Contratos_twoColumnLayout__puikZ {
    flex-direction: column;
  }

  .Contratos_formColumn__J9hKy,
  .Contratos_summaryColumn__P4ZKv {
    flex: 0 0 100%;
    width: 100%;
  }

  .Contratos_formColumn__J9hKy {
    border-right: none;
    border-bottom: 1px solid #edf2f7;
  }
}

@media (max-width: 768px) {
  .Contratos_container__7RBzy {
    padding: 1rem;
  }

  .Contratos_formContainer__NF\+v6 {
    border-radius: 0;
  }

  .Contratos_formHeader__UxDVt,
  .Contratos_form__D2iXj {
    padding: 1rem;
  }

  .Contratos_tributaryStructure__BD8\+C {
    flex-direction: column;
  }

  .Contratos_taxField__JeVm9 {
    width: 100%;
  }

  .Contratos_formActions__OKXON {
    flex-direction: column;
  }

  .Contratos_submitButton__XC6lx,
  .Contratos_cancelButton__zwa5U {
    width: 100%;
  }

  .Contratos_filtersAndActions__P\+B7l {
    flex-direction: column;
  }

  .Contratos_filterItem__uxo7N {
    max-width: 100%;
    min-width: 100%;
  }

  .Contratos_searchBox__-gNpx {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }

  .Contratos_newContractButton__IrrJB {
    width: 100%;
  }

  .Contratos_budgetRow__oz10z {
    flex-direction: column;
  }

  .Contratos_additionButton__nrmfv {
    width: 100%;
    margin-top: 0;
  }
}

/* Estilos para el bloque de valores calculados */
.Contratos_valoresCard__Q3Asr {
  background-color: white;
  border-radius: 8px;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.Contratos_valoresHeader__xlhqx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.Contratos_valoresTitle__pt7Iu {
  color: #48bb78;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}

.Contratos_tipoContratoSelector__icefp {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.Contratos_tipoContratoLabel__a2IIG {
  font-weight: 500;
  color: #2d3748;
  font-size: 0.9rem;
}

.Contratos_toggleButtons__jbj2M {
  display: flex;
  gap: 0.5rem;
}

.Contratos_toggleButton__OGpM0 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 9999px;
  border: 1px solid #e2e8f0;
  background-color: #f7fafc;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #4a5568;
  transition: all 0.2s;
}

.Contratos_toggleButton__OGpM0.Contratos_active__4yYO5 {
  background-color: #4299e1;
  color: white;
  border-color: #4299e1;
}

.Contratos_toggleCircle__epM4g {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #cbd5e0;
}

.Contratos_toggleButton__OGpM0.Contratos_active__4yYO5 .Contratos_toggleCircle__epM4g {
  background-color: white;
}

.Contratos_valorRow__i1VAd {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #edf2f7;
}

.Contratos_valorLabel__IYKkP {
  flex: 1 1;
  font-weight: 500;
  color: #4a5568;
}

.Contratos_valorInputContainer__2KaYT {
  width: 120px;
  position: relative;
  margin-right: 1rem;
}

.Contratos_valorInput__5dxai {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.875rem;
  text-align: right;
}

.Contratos_percentInput__Rrd8j {
  width: 70px;
  padding: 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.875rem;
  text-align: right;
}

.Contratos_percentSymbol__77C2k {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #718096;
  font-size: 0.875rem;
  pointer-events: none;
}

.Contratos_percentValue__FEYLe {
  display: inline-block;
  width: 70px;
  text-align: right;
  color: #4a5568;
  font-size: 0.875rem;
  padding: 0.5rem;
}

.Contratos_valorValue__0cK3- {
  min-width: 100px;
  text-align: right;
  font-weight: 600;
  color: #2d3748;
  font-family: monospace;
  font-size: 0.95rem;
}

.Contratos_subtotalRow__p2wds {
  font-weight: 500;
  background-color: #f7fafc;
}

.Contratos_separador__ZcUf8 {
  height: 8px;
  border-bottom: 2px solid #edf2f7;
  margin: 0.75rem 0;
}

.Contratos_totalRow__2hIqK {
  border-bottom: none;
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 2px solid #edf2f7;
}

.Contratos_totalLabel__-4D5f {
  color: #805ad5;
  font-weight: 600;
  font-size: 1.1rem;
}

.Contratos_totalValue__tlxFe {
  color: #805ad5;
  font-weight: 700;
  font-size: 1.1rem;
  font-family: monospace;
}

.Contratos_editButton__KEC4V {
  background-color: #805ad5;
  color: white;
  border: none;
  border-radius: 0.375rem;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-left: 1rem;
}

.Contratos_editButton__KEC4V:hover {
  background-color: #6b46c1;
}

.Contratos_editButton__KEC4V.Contratos_cancelMode__aqAfl {
  background-color: #718096;
}

.Contratos_editButton__KEC4V.Contratos_cancelMode__aqAfl:hover {
  background-color: #4a5568;
}

.Contratos_searchBox__-gNpx {
  position: relative;
  width: 300px;
  margin-right: 1rem;
}

.Contratos_searchIcon__OloD5 {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  color: #a0aec0;
}

.Contratos_searchInput__h6B10 {
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}

.Contratos_searchInput__h6B10:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
}

.Contratos_newContractButton__IrrJB {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #805ad5;
  color: white;
  border: none;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.Contratos_newContractButton__IrrJB:hover {
  background-color: #6b46c1;
}

/* Media queries para responsividad */
@media (max-width: 992px) {
  .Contratos_filterItem__uxo7N {
    min-width: 150px;
  }
}

@media (max-width: 768px) {
  .Contratos_filterItem__uxo7N {
    max-width: 100%;
    min-width: 100%;
  }

  .Contratos_filtersAndActions__P\+B7l {
    flex-direction: column;
  }
}
/* Contenedor principal de la lista de contratos */
.ContractList_contractList__Wy4KN {
  width: 100%;
  margin-top: 1.5rem;
  overflow-x: auto;
}

/* Estilos para el contenedor de cada grupo */
.ContractList_contractGroupContainer__bflz2 {
  margin-bottom: 2rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: white;
  width: 100%;
}

/* Encabezado del grupo */
.ContractList_groupHeader__qw-\+d {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  background-color: #f7fafc;
  border-bottom: 1px solid #e2e8f0;
  cursor: pointer;
  width: 100%;
}

.ContractList_groupName__nmGxW {
  font-weight: 600;
  font-size: 1rem;
  color: #2d3748;
  margin-right: auto;
}

.ContractList_contractCount__ANElk {
  font-size: 0.875rem;
  color: #718096;
  margin-left: 1rem;
}

.ContractList_chevron__rGMsu {
  margin-right: 0.75rem;
  color: #4a5568;
}

/* Contenedor de la tabla de contratos */
.ContractList_contractGroup__fn45c {
  padding: 0.5rem;
  width: 100%;
  overflow-x: auto;
}

/* Estilos para la tabla */
.ContractList_contractTable__rwMV5 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.875rem;
  min-width: 1200px;
  /* Ancho mínimo para garantizar que todas las columnas se vean */
}

.ContractList_contractTable__rwMV5 th {
  padding: 12px 16px;
  font-weight: 600;
  text-align: left;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

.ContractList_contractTable__rwMV5 td {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: middle;
}

.ContractList_contractRow__B\+\+xF {
  transition: background-color 0.2s;
  cursor: pointer;
}

.ContractList_contractRow__B\+\+xF:hover {
  background-color: #f3f4f6;
}

.ContractList_groupRow__LJ5\+2 {
  background-color: #f9fafb;
  font-weight: 600;
}

.ContractList_itemColumn__tL0YX,
.ContractList_itemCell__K-kEs {
  width: 10%;
}

.ContractList_contractColumn__SREJV,
.ContractList_contractCell__KSE-M {
  width: 18%;
}

.ContractList_providerColumn__pGcyo,
.ContractList_providerCell__hqRxN {
  width: 15%;
}

.ContractList_amountColumn__-Hbbi,
.ContractList_amountCell__myWNb {
  width: 12%;
  text-align: right;
}

.ContractList_percentageColumn__fjKl5,
.ContractList_percentageCell__9wyNr {
  width: 8%;
  text-align: right;
}

.ContractList_statusColumn__mGL7f,
.ContractList_statusCell__qUGsq {
  width: 10%;
  text-align: center;
}

.ContractList_actionsColumn__H\+gCh,
.ContractList_actionsCell__mLCWC {
  width: 10%;
  text-align: center;
  position: relative;
  z-index: 20;
}

/* Estilos de las celdas */
.ContractList_itemCell__K-kEs,
.ContractList_contractCell__KSE-M,
.ContractList_providerCell__hqRxN {
  color: #2d3748;
}

.ContractList_amountCell__myWNb {
  text-align: right;
  font-family: 'SF Mono', monospace;
  color: #2d3748;
}

.ContractList_percentageCell__9wyNr {
  text-align: right;
  font-family: 'SF Mono', monospace;
  font-weight: 500;
}

/* Colores para los porcentajes */
.ContractList_percentageLow__SuZZo {
  color: #16a34a;
}

.ContractList_percentageEqual__wTc\+- {
  color: #ca8a04;
}

.ContractList_percentageHigh__1Ff-x {
  color: #dc2626;
}

/* Fila de totales */
.ContractList_totalRow__bVZYs {
  background-color: #f9fafb;
  font-weight: 600;
}

.ContractList_totalLabel__UZ9mb {
  text-align: right;
}

.ContractList_totalAmount__k8m76,
.ContractList_totalPercentage__D8Ao2 {
  text-align: right;
}

/* Estilos para los badges de estado */
.ContractList_statusBadge__fwKFd {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.ContractList_statusActive__BAUy6 {
  background-color: #c6f6d5;
  color: #22543d;
}

.ContractList_statusTerminated__2lXq5 {
  background-color: #e2e8f0;
  color: #4a5568;
}

.ContractList_statusReady__0PixQ {
  background-color: #bee3f8;
  color: #2a4365;
}

.ContractList_statusPreparing__RX0s- {
  background-color: #fefcbf;
  color: #744210;
}

/* Estilos para el encabezado de la lista */
.ContractList_listHeader__z-iSV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.ContractList_listHeader__z-iSV h1 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0;
}

.ContractList_headerActions__0IYds {
  display: flex;
  gap: 1rem;
}

.ContractList_searchBox__kCQD0 {
  position: relative;
  width: 300px;
}

.ContractList_searchIcon__CSq5l {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  color: #a0aec0;
}

.ContractList_searchInput__4rPt- {
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}

.ContractList_searchInput__4rPt-:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
}

.ContractList_newContractButton__3UI-w {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #3182ce;
  color: white;
  border: none;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.ContractList_newContractButton__3UI-w:hover {
  background-color: #2b6cb0;
}

/* Estilos para los botones de acción */
.ContractList_actionsCell__mLCWC {
  /* Eliminar display: flex para evitar problemas de posicionamiento */
  display: block;
  text-align: center;
  padding: 8px 16px;
  position: relative;
  z-index: 10;
  /* Asegurar que haya suficiente espacio para los botones */
  min-width: 140px;
}

.ContractList_contractRow__B\+\+xF:hover .ContractList_actionsCell__mLCWC {
  opacity: 1;
}

.ContractList_actionButton__Zz2HU {
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px;
  cursor: pointer;
  margin: 0 3px;
  transition: all 0.2s;
  position: relative;
  z-index: 30;
}

.ContractList_actionButton__Zz2HU:hover {
  background-color: #e5e7eb;
  transform: translateY(-1px);
}

.ContractList_actionButton__Zz2HU svg {
  width: 16px;
  height: 16px;
}

.ContractList_actionButton__Zz2HU.ContractList_editButton__8vC5S {
  color: #4a6da7;
}

.ContractList_actionButton__Zz2HU.ContractList_deleteButton__M2iCY {
  color: #d9534f;
}

.OrdenesServicio_container__3djbX {
  padding: 0.75rem;
  max-width: 100%;
  margin: 0 auto;
  background-color: #f5f7fa;
  min-height: calc(100vh - 80px);
}

/* Layout de dos columnas */
.OrdenesServicio_twoColumnLayout__GYr9d {
  display: flex;
  gap: 1.5rem;
}

/* Columna izquierda - Panel de ingreso */
.OrdenesServicio_inputColumn__Q52zY {
  flex: 1 1;
  min-width: 0;
}

.OrdenesServicio_inputCard__vKTKk {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.OrdenesServicio_actaHeader__-Z06u {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.OrdenesServicio_actaTitle__nvO8K {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0;
}

.OrdenesServicio_createButton__HoXXf {
  background-color: #48bb78;
  color: white;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.2s;
}

.OrdenesServicio_createButton__HoXXf:hover {
  background-color: #38a169;
}

.OrdenesServicio_searchFields__eswWh {
  margin-bottom: 1.5rem;
}

.OrdenesServicio_formGroup__OQB75 {
  margin-bottom: 1.25rem;
}

.OrdenesServicio_formGroup__OQB75 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #4a5568;
  margin-bottom: 0.5rem;
}

.OrdenesServicio_searchInputContainer__Ax6CL {
  position: relative;
  width: 100%;
}

.OrdenesServicio_searchInput__2sRos,
.OrdenesServicio_input__bx6xC {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 1rem;
  color: #2d3748;
}

.OrdenesServicio_input__bx6xC {
  padding-left: 1rem;
}

.OrdenesServicio_searchInput__2sRos:focus,
.OrdenesServicio_input__bx6xC:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
}

.OrdenesServicio_searchIcon__kGiEl {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #a0aec0;
}

.OrdenesServicio_calculatedValues__u9gKP {
  margin-top: 2rem;
}

.OrdenesServicio_valueRow__Dyq0t {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e2e8f0;
}

.OrdenesServicio_valueRow__Dyq0t:last-child {
  border-bottom: none;
}

.OrdenesServicio_valueLabel__3uO9Y {
  font-weight: 500;
  color: #4a5568;
}

.OrdenesServicio_valueAmount__VWPCI {
  font-weight: 600;
  color: #2d3748;
  font-family: monospace;
}

/* Columna derecha - Previsualización */
.OrdenesServicio_previewColumn__vILAA {
  flex: 1 1;
  min-width: 0;
}

.OrdenesServicio_previewCard__Pxkry {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.OrdenesServicio_empresaHeader__4xFjy {
  display: flex;
  justify-content: flex-end;
}

.OrdenesServicio_logoContainer__XR-iw {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.OrdenesServicio_logoPlaceholder__LVdiP {
  width: 120px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.OrdenesServicio_likemetricLogo__KfrzY {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-family: 'Arial', sans-serif;
}

.OrdenesServicio_likemetricLogo__KfrzY span:first-child {
  font-size: 1.8rem;
  font-weight: 600;
  color: #4a5568;
  line-height: 1.2;
}

.OrdenesServicio_likemetricLogo__KfrzY span:last-child {
  font-size: 1.8rem;
  font-weight: 600;
  color: #4a5568;
  line-height: 1.2;
}

.OrdenesServicio_logo__Yzb-x {
  max-width: 100%;
  height: auto;
}

.OrdenesServicio_infoRow__wo08B {
  display: flex;
  margin-bottom: 0.5rem;
}

.OrdenesServicio_infoLabel__TVeFK {
  width: 100px;
  font-weight: 500;
  color: #4a5568;
}

.OrdenesServicio_infoValue__xvD\+p {
  color: #2d3748;
}

.OrdenesServicio_sectionTitle__U0xiE {
  color: #48bb78;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e2e8f0;
}

.OrdenesServicio_terceroData__1uJDF {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.OrdenesServicio_terceroRow__GQIAT {
  display: flex;
  gap: 1.5rem;
}

.OrdenesServicio_terceroColumn__NJr1D {
  flex: 1 1;
}

.OrdenesServicio_terceroItem__UaqVl {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.OrdenesServicio_terceroLabel__Mn-OW {
  font-weight: 500;
  color: #4a5568;
  font-size: 0.875rem;
}

.OrdenesServicio_terceroValue__GCsbe {
  color: #2d3748;
}

.OrdenesServicio_contratoInfo__kXw2q {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.OrdenesServicio_contratoItem__\+b4Ok {
  display: flex;
  gap: 0.5rem;
}

.OrdenesServicio_contratoLabel__9pDTW {
  font-weight: 500;
  color: #4a5568;
  min-width: 120px;
}

.OrdenesServicio_contratoValue__-9kmO {
  color: #2d3748;
  text-decoration: underline;
  -webkit-text-decoration-color: #fc8181;
          text-decoration-color: #fc8181;
  text-decoration-thickness: 2px;
}

.OrdenesServicio_valoresContainer__Q2e1U {
  display: flex;
  gap: 2rem;
  margin-bottom: 1.5rem;
}

.OrdenesServicio_valoresSection__Yg7uX,
.OrdenesServicio_retencionesSection__nhjjC {
  flex: 1 1;
}

.OrdenesServicio_valorItem__jiOHU {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.OrdenesServicio_valorLabel__4XCZU {
  font-weight: 500;
  color: #4a5568;
}

.OrdenesServicio_valorValue__xPHnE {
  font-weight: 600;
  color: #2d3748;
  font-family: monospace;
}

.OrdenesServicio_valorAPagarContainer__AJSek {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  margin-top: 1rem;
  border-top: 2px solid #e2e8f0;
}

.OrdenesServicio_valorAPagarLabel__yYni3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #805ad5;
}

.OrdenesServicio_valorAPagarValue__9TCW5 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #805ad5;
  font-family: monospace;
}

/* Responsividad */
@media (max-width: 768px) {
  .OrdenesServicio_twoColumnLayout__GYr9d {
    flex-direction: column;
  }

  .OrdenesServicio_createButton__HoXXf {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
  }

  .OrdenesServicio_valoresContainer__Q2e1U {
    flex-direction: column;
    gap: 1rem;
  }
}

/* Listado principal de Órdenes de Servicio */
.OrdenesServicio_listContainer__rNPPc {
  width: 100%;
}

.OrdenesServicio_headerActions__4V1YC {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* Alineación del botón de crear orden */
.OrdenesServicio_headerActions__4V1YC > button {
  align-self: flex-end;
}

.OrdenesServicio_selectContainer__Zn6aE {
  position: relative;
  width: 220px;
}

.OrdenesServicio_orderBySelect__RLVfI {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.875rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: white;
  color: #2d3748;
}

.OrdenesServicio_selectIcon__\+Y6i0 {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #a0aec0;
  pointer-events: none;
}

.OrdenesServicio_createOrderButton__LtgD4 {
  background-color: #805ad5;
  color: white;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  transition: background-color 0.2s;
}

.OrdenesServicio_createOrderButton__LtgD4:hover {
  background-color: #6b46c1;
}

.OrdenesServicio_tableContainer__j2qB9 {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow-x: auto;
  margin-top: 0.5rem;
  width: 100%;
}

.OrdenesServicio_actasTable__GIGpg {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  table-layout: fixed;
}

.OrdenesServicio_actasTable__GIGpg th {
  background-color: #f7fafc;
  padding: 0.5rem 0.5rem;
  border-bottom: 1px solid #e2e8f0;
  font-weight: 600;
  color: #4a5568;
  text-align: left;
  font-size: 0.8rem;
}

.OrdenesServicio_actasTable__GIGpg td {
  padding: 0.5rem 0.5rem;
  border-bottom: 1px solid #e2e8f0;
  color: #2d3748;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.OrdenesServicio_actaRow__aeAkU:hover {
  background-color: #f7fafc;
}

.OrdenesServicio_actaRow__aeAkU:last-child td {
  border-bottom: none;
}

.OrdenesServicio_valorCell__EcbLx {
  text-align: right;
  font-weight: 500;
  font-family: monospace;
}

.OrdenesServicio_estadoBadge__tEEy6 {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 500;
}

.OrdenesServicio_estadoFacturado__98mXH {
  background-color: #c6f6d5;
  color: #22543d;
}

.OrdenesServicio_estadoPorFacturar__sF12J {
  background-color: #e9d8fd;
  color: #553c9a;
}

.OrdenesServicio_closeButton__wncpG {
  background-color: #4299e1;
  color: #fff;
  border: 2px solid #4299e1;
  border-radius: 16px;
  padding: 0.45rem 1.2rem;
  font-size: 0.98rem;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(66, 153, 225, 0.12);
  outline: none;
  letter-spacing: 0.5px;
  transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.OrdenesServicio_closeButton__wncpG:hover {
  background-color: #3888d7;
  color: #fff;
  border: 2px solid #3888d7;
  box-shadow: 0 4px 16px rgba(56, 136, 215, 0.16);
}

/* Media queries para responsive design */
@media (max-width: 768px) {
  .OrdenesServicio_headerActions__4V1YC {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .OrdenesServicio_createOrderButton__LtgD4 {
    width: 100%;
  }

  .OrdenesServicio_selectContainer__Zn6aE {
    width: 100%;
  }

  .OrdenesServicio_actasTable__GIGpg {
    font-size: 0.75rem;
  }

  .OrdenesServicio_actasTable__GIGpg th,
  .OrdenesServicio_actasTable__GIGpg td {
    padding: 0.5rem;
  }
}

.OrdenesServicio_createOrderButtonContainer__aStZA {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.OrdenesServicio_createOrderButtonForm__qFwCe {
  background-color: #805ad5;
  color: white;
  font-weight: 500;
  padding: 0.75rem 2rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.2s;
  min-width: 240px;
}

.OrdenesServicio_createOrderButtonForm__qFwCe:hover {
  background-color: #6b46c1;
}

/* Estilos para la sección de información */
.OrdenesServicio_infoSection__jU4Yo {
  margin-top: 1.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 1.25rem;
  background-color: #f8fafc;
}

.OrdenesServicio_infoTitle__QwPNA {
  color: #48bb78;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.OrdenesServicio_infoGrid__GMRzz {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.OrdenesServicio_infoRow__wo08B {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.OrdenesServicio_infoItem__JQXl8 {
  flex: 1 1;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.OrdenesServicio_infoLabel__TVeFK {
  font-size: 0.875rem;
  color: #718096;
  font-weight: 500;
}

.OrdenesServicio_infoValue__xvD\+p {
  color: #2d3748;
  font-size: 0.95rem;
}

/* Estilos para la columna de valores */
.OrdenesServicio_valoresColumn__ZMzMr {
  flex: 1 1;
  min-width: 0;
}

.OrdenesServicio_valoresCard__Ps1Oq {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
}

.OrdenesServicio_tipoContratoHeader__W0gPB {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.OrdenesServicio_valoresTitle__rG0eG {
  color: #48bb78;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}

.OrdenesServicio_tipoContratoSelector__sj03D {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.OrdenesServicio_tipoContratoLabel__cRRjO {
  font-weight: 500;
  color: #2d3748;
  font-size: 0.9rem;
}

.OrdenesServicio_toggleButtons__4AtLc {
  display: flex;
  gap: 0.5rem;
}

.OrdenesServicio_toggleButton__c916C {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 9999px;
  border: 1px solid #e2e8f0;
  background-color: #f7fafc;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #4a5568;
  transition: all 0.2s;
}

.OrdenesServicio_toggleButton__c916C.OrdenesServicio_active__nl5rG {
  background-color: #4299e1;
  color: white;
  border-color: #4299e1;
}

.OrdenesServicio_toggleCircle__YLEES {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #cbd5e0;
}

.OrdenesServicio_toggleButton__c916C.OrdenesServicio_active__nl5rG .OrdenesServicio_toggleCircle__YLEES {
  background-color: white;
}

.OrdenesServicio_valorRow__jFzlm {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #edf2f7;
}

.OrdenesServicio_valorLabel__4XCZU {
  flex: 1 1;
  font-weight: 500;
  color: #4a5568;
}

.OrdenesServicio_valorInputContainer__eFB5a {
  width: 120px;
  position: relative;
  margin-right: 1rem;
}

.OrdenesServicio_valorInput__HENyJ {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.875rem;
  text-align: right;
}

.OrdenesServicio_percentInput__VVZLq {
  width: 70px;
  padding: 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.875rem;
  text-align: right;
}

.OrdenesServicio_percentSymbol__hxk\+A {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #718096;
  font-size: 0.875rem;
  pointer-events: none;
}

.OrdenesServicio_percentValue__LkrQ6 {
  display: inline-block;
  width: 70px;
  text-align: right;
  color: #4a5568;
  font-size: 0.875rem;
  padding: 0.5rem;
}

.OrdenesServicio_valorValue__xPHnE {
  min-width: 150px;
  text-align: right;
  font-weight: 600;
  color: #2d3748;
  font-family: monospace;
  font-size: 0.95rem;
}

.OrdenesServicio_subtotalRow__rAzH9 {
  font-weight: 500;
  background-color: #f7fafc;
}

.OrdenesServicio_retenidoRow__7IoYH {
  font-weight: 500;
  background-color: #f7fafc;
}

.OrdenesServicio_separador__e4rzR {
  height: 8px;
  border-bottom: 2px solid #edf2f7;
  margin: 0.75rem 0;
}

.OrdenesServicio_totalRow__YpSYF {
  border-bottom: none;
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 2px solid #edf2f7;
}

.OrdenesServicio_totalLabel__jda0q {
  color: #805ad5;
  font-weight: 600;
  font-size: 1.1rem;
}

.OrdenesServicio_totalValue__UPMcP {
  color: #805ad5;
  font-weight: 700;
  font-size: 1.1rem;
  font-family: monospace;
}

/* Estilos para los filtros de búsqueda */
.OrdenesServicio_filtersContainer__QCqIF {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0.5rem;
}

.OrdenesServicio_searchFilters__Hps\+C {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  width: 100%;
}

.OrdenesServicio_searchFilter__LEI1X {
  flex: 1 1;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.OrdenesServicio_searchFilter__LEI1X label {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4a5568;
}

.OrdenesServicio_filterInputContainer__BrE5P {
  position: relative;
}

.OrdenesServicio_filterInput__TaWpF {
  width: 100%;
  padding: 0.4rem 0.5rem 0.4rem 2rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.8rem;
  background-color: white;
}

.OrdenesServicio_filterInput__TaWpF:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
}

.OrdenesServicio_filterIcon__aJMEI {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #a0aec0;
  pointer-events: none;
}

.OrdenesServicio_stateSelect__Drzkv {
  width: 100%;
  padding: 0.4rem 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.8rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: white;
  color: #2d3748;
}

/* Estilos responsivos para los filtros */
@media (max-width: 768px) {
  .OrdenesServicio_searchFilters__Hps\+C {
    flex-direction: column;
    gap: 0.75rem;
  }

  .OrdenesServicio_searchFilter__LEI1X {
    width: 100%;
  }

  .OrdenesServicio_headerActions__4V1YC > button {
    align-self: stretch;
  }
}

/* Estilos para Causación */
.OrdenesServicio_facturaButton__UdJcb {
  background: none;
  border: none;
  color: #3182ce;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 3px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.OrdenesServicio_facturaButton__UdJcb:hover {
  background-color: rgba(49, 130, 206, 0.1);
}

.OrdenesServicio_estadoFacturaContainer__XDMZp {
  display: flex;
  align-items: center;
  gap: 4px;
}

.OrdenesServicio_causarButton__WKKUs {
  background: none;
  border: none;
  color: #48bb78;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 3px;
  border-radius: 4px;
  transition: background-color 0.2s, color 0.2s;
}

.OrdenesServicio_causarButton__WKKUs:hover {
  background-color: rgba(72, 187, 120, 0.1);
  color: #38a169;
}

.OrdenesServicio_estadoAsignada__nO424 {
  background-color: #faf5ff;
  color: #805ad5;
  border: 1px solid #d6bcfa;
}

.OrdenesServicio_modalOverlay__2nIyC {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.OrdenesServicio_modalContent__xDpSa {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  width: 90%;
  max-width: 500px;
}

.OrdenesServicio_modalContent__xDpSa h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #2d3748;
}

.OrdenesServicio_fileInputContainer__TwYr4 {
  margin: 1.5rem 0;
}

.OrdenesServicio_fileInputContainer__TwYr4 label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #4a5568;
}

.OrdenesServicio_fileInputContainer__TwYr4 input[type='file'] {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
}

.OrdenesServicio_selectedFile__Y\+n9t {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background-color: #f7fafc;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #4a5568;
}

.OrdenesServicio_modalActions__a1HTY {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 1.5rem;
}

.OrdenesServicio_cancelButton__c-xFr,
.OrdenesServicio_saveButton__78eKP {
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.OrdenesServicio_cancelButton__c-xFr {
  background-color: #e2e8f0;
  color: #4a5568;
  border: none;
}

.OrdenesServicio_cancelButton__c-xFr:hover {
  background-color: #cbd5e0;
}

.OrdenesServicio_saveButton__78eKP {
  background-color: #4299e1;
  color: white;
  border: none;
}

.OrdenesServicio_saveButton__78eKP:hover {
  background-color: #3182ce;
}

.OrdenesServicio_saveButton__78eKP:disabled {
  background-color: #a0aec0;
  cursor: not-allowed;
}

/* Media queries para responsividad del modal */
@media (max-width: 768px) {
  .OrdenesServicio_modalContent__xDpSa {
    width: 95%;
    padding: 1.5rem;
  }
}

/* Estilos específicos para la página de causación */
.OrdenesServicio_causacionContainer__XZsyN {
  padding-top: 0;
  min-height: 100%;
  background-color: #f5f7fa;
}

.OrdenesServicio_causacionContainer__XZsyN .OrdenesServicio_headerActions__4V1YC {
  margin-top: 0;
  padding-top: 0;
}

.OrdenesServicio_causacionContainer__XZsyN .OrdenesServicio_tableContainer__j2qB9 {
  margin-top: 0.25rem;
}

/* Estilos para modal de detalles de orden de servicio */
.OrdenesServicio_detallesSeccion__yYOa5 {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 1rem;
}

/* Layout de dos columnas para el modal de detalles */
.OrdenesServicio_modalLayout__af4KR {
  display: flex;
  gap: 2rem;
}

.OrdenesServicio_modalColumna__FKbQE {
  flex: 1 1;
  min-width: 0;
}

.OrdenesServicio_detallesSeccion__yYOa5 h3 {
  font-size: 1.1rem;
  color: #4a5568;
  margin-bottom: 1rem;
  font-weight: 600;
}

.OrdenesServicio_detallesGrid__cEyH2,
.OrdenesServicio_valoresGrid__Y9JFX {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.OrdenesServicio_valoresGrid__Y9JFX {
  grid-template-columns: 1fr;
}

.OrdenesServicio_detalleItem__VA3Zh {
  display: flex;
  padding: 0.5rem 0;
  border-bottom: 1px dashed #e2e8f0;
}

.OrdenesServicio_detalleTitulo__C0I5n {
  flex: 0 0 45%;
  font-weight: 500;
  color: #718096;
}

.OrdenesServicio_detalleValor__lmhhq {
  flex: 1 1;
  color: #2d3748;
}

.OrdenesServicio_detallesControles__91HSS {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background-color: #f7fafc;
  border-radius: 8px;
}

.OrdenesServicio_controlGrupo__frwrW {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.OrdenesServicio_controlGrupo__frwrW label {
  font-weight: 500;
  color: #4a5568;
  font-size: 0.875rem;
}

.OrdenesServicio_subirFacturaBtn__\+nmRk {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #ebf8ff;
  color: #3182ce;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  transition: background-color 0.2s;
}

.OrdenesServicio_subirFacturaBtn__\+nmRk:hover {
  background-color: #bee3f8;
}

.OrdenesServicio_dateInput__odIUJ {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #2d3748;
}

.OrdenesServicio_dateInput__odIUJ:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
}

.OrdenesServicio_nombreArchivo__ggi5H {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #4a5568;
}

.OrdenesServicio_modalHeader__CGju9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e2e8f0;
}

.OrdenesServicio_closeButton__wncpG {
  background-color: #4299e1;
  color: #fff;
  border: 2px solid #4299e1;
  border-radius: 16px;
  padding: 0.45rem 1.2rem;
  font-size: 0.98rem;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(66, 153, 225, 0.12);
  outline: none;
  letter-spacing: 0.5px;
  transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.OrdenesServicio_closeButton__wncpG:hover {
  background-color: #3888d7;
  color: #fff;
  border: 2px solid #3888d7;
  box-shadow: 0 4px 16px rgba(56, 136, 215, 0.16);
}

@media (max-width: 992px) {
  .OrdenesServicio_modalLayout__af4KR {
    flex-direction: column;
    gap: 1rem;
  }

  .OrdenesServicio_detallesGrid__cEyH2,
  .OrdenesServicio_valoresGrid__Y9JFX {
    grid-template-columns: 1fr;
  }

  .OrdenesServicio_detallesControles__91HSS {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .OrdenesServicio_detallesGrid__cEyH2,
  .OrdenesServicio_valoresGrid__Y9JFX {
    grid-template-columns: 1fr;
  }

  .OrdenesServicio_detallesControles__91HSS {
    grid-template-columns: 1fr;
  }
}

/* Estado Asignada */
.OrdenesServicio_estadoAsignada__nO424 {
  background-color: #faf5ff;
  color: #805ad5;
  border: 1px solid #d6bcfa;
}

/* Enlaces para descargar factura */
.OrdenesServicio_descargarFactura__Sv6CP {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #3182ce;
  text-decoration: none;
  font-weight: 500;
}

.OrdenesServicio_descargarFactura__Sv6CP:hover {
  text-decoration: underline;
}

/* Estilos para módulo de aprobaciones */
.OrdenesServicio_estadoPagar__MpL\+P {
  background-color: #feebc8;
  color: #c05621;
  border: 1px solid #f6ad55;
}

.OrdenesServicio_estadoPorPagar__mSHtL {
  background-color: #ebf4ff;
  color: #2c5282;
  border: 1px solid #90cdf4;
}

.OrdenesServicio_estadoVencido__9EAfO {
  background-color: #fed7d7;
  color: #9b2c2c;
  border: 1px solid #fc8181;
}

.OrdenesServicio_estadoAlDia__oxJoR {
  background-color: #c6f6d5;
  color: #22543d;
  border: 1px solid #68d391;
}

.OrdenesServicio_estadoPorVencer__JMqte {
  background-color: #feebc8;
  color: #c05621;
  border: 1px solid #f6ad55;
}

.OrdenesServicio_aprobarButton__-5SuW {
  background: none;
  border: none;
  color: #dd6b20;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 3px;
  border-radius: 4px;
  transition: background-color 0.2s, color 0.2s;
}

.OrdenesServicio_aprobarButton__-5SuW:hover {
  background-color: rgba(221, 107, 32, 0.1);
  color: #c05621;
}

/* Fin de estilos para modal de detalles */

.OrdenesServicio_searchResults__Lqtfs {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
  margin-top: 2px;
}

.OrdenesServicio_searchResult__IkAO7 {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.OrdenesServicio_searchResult__IkAO7:hover {
  background-color: #f5f5f5;
}

.OrdenesServicio_searchResultDetail__9OyQd {
  font-size: 0.8rem;
  color: #666;
}

.OrdenesServicio_visuallyHidden__tDjVv {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Estilos para el botón de visualización */
.OrdenesServicio_viewButton__Jw9OU {
  background: none;
  border: none;
  color: #4299e1;
  cursor: pointer;
  font-size: 1.1rem;
  padding: 0.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.OrdenesServicio_viewButton__Jw9OU:hover {
  background-color: rgba(66, 153, 225, 0.1);
  color: #2b6cb0;
}

.OrdenesServicio_viewButton__Jw9OU:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.2);
}

/* Remover el cursor pointer de las filas ya que ahora usamos botón */
.OrdenesServicio_actaRow__aeAkU {
  transition: background-color 0.2s;
}

/* Estilos para los botones de acción */
.OrdenesServicio_actionButtons__khxO6 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}

.OrdenesServicio_downloadButton__2exKV {
  background: none;
  border: none;
  color: #48bb78;
  cursor: pointer;
  font-size: 1.1rem;
  padding: 0.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.OrdenesServicio_downloadButton__2exKV:hover {
  background-color: rgba(72, 187, 120, 0.1);
  color: #38a169;
}

.OrdenesServicio_downloadButton__2exKV:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(72, 187, 120, 0.2);
}

.OrdenesServicio_downloadButton__2exKV.OrdenesServicio_loading__yLTTL {
  opacity: 0.7;
  cursor: not-allowed;
  animation: OrdenesServicio_pulse__MpP5B 1.5s infinite;
}

@keyframes OrdenesServicio_pulse__MpP5B {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.7;
  }
}

/* Estilos para el estado editable */
.OrdenesServicio_editableEstadoContainer__29\+Lq {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

.OrdenesServicio_editEstadoButton__5rx7p {
  background: none;
  border: none;
  color: #718096;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.OrdenesServicio_editEstadoButton__5rx7p:hover {
  background-color: #edf2f7;
  color: #4a5568;
}

.OrdenesServicio_estadoSelect__4UA9M {
  padding: 0.25rem 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #2d3748;
  background-color: white;
  cursor: pointer;
  width: 100%;
  min-width: 120px;
}

.OrdenesServicio_estadoSelect__4UA9M:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
}

.OrdenesServicio_estadoSinFactura__lDLQn {
  background-color: #e2e8f0;
  color: #4a5568;
  border: 1px solid #cbd5e0;
}

.OrdenesServicio_searchFilterWithReset__3NV-v {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 180px;
  flex: 1 1;
}

.OrdenesServicio_resetButton__4xnor {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #fff;
  color: #e53e3e;
  border: 2px solid #e53e3e;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: -webkit-fit-content;
  width: fit-content;
  align-self: flex-start;
}

.OrdenesServicio_resetButton__4xnor:hover {
  background-color: #e53e3e;
  color: white;
}

.OrdenesServicio_resetButton__4xnor:hover .OrdenesServicio_resetIcon__\+dS\+r {
  transform: rotate(180deg);
}

.OrdenesServicio_resetIcon__\+dS\+r {
  transition: transform 0.3s ease;
}

.OrdenesServicio_resetButton__4xnor:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.2);
}

@media (max-width: 768px) {
  .OrdenesServicio_searchFilterWithReset__3NV-v {
    width: 100%;
  }

  .OrdenesServicio_resetButton__4xnor {
    width: 100%;
  }
}

.OrdenesServicio_detalleArchivos__zHQ1V {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.OrdenesServicio_estadoGris__v4spn {
  background-color: #e2e8f0;
  color: #4a5568;
  border: 1px solid #cbd5e1;
}

/* Estilos para headers ordenables */
.OrdenesServicio_sortableHeader__aJRqZ {
  background-color: #f7fafc;
  position: relative;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

.OrdenesServicio_sortableHeader__aJRqZ:hover {
  background-color: #edf2f7;
  border-color: #cbd5e1;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.OrdenesServicio_activeSort__Tm2qJ {
  background-color: #e2e8f0;
  border-color: #94a3b8;
  font-weight: 600;
}

.OrdenesServicio_inactiveSort__Dsd4E {
  background-color: #f7fafc;
}

.OrdenesServicio_inactiveSort__Dsd4E:hover {
  background-color: #e2e8f0;
}

.OrdenesServicio_headerContent__Xa3Kr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.5rem;
}

.OrdenesServicio_sortIcon__xTJzz {
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.OrdenesServicio_activeSortIcon__zHfHL {
  color: #2563eb;
  font-weight: bold;
}

.OrdenesServicio_inactiveSortIcon__XIEMF {
  color: #9ca3af;
  opacity: 0.7;
}

.OrdenesServicio_sortableHeader__aJRqZ:hover .OrdenesServicio_inactiveSortIcon__XIEMF {
  color: #6b7280;
  opacity: 1;
}

/* Indicador de ayuda para ordenamiento */
.OrdenesServicio_sortHint__FDv2\+ {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  background-color: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #0369a1;
  animation: OrdenesServicio_fadeIn__htCR3 0.3s ease-in-out;
}

.OrdenesServicio_sortHintIcon__QAmhD {
  font-size: 1rem;
  flex-shrink: 0;
}

@keyframes OrdenesServicio_fadeIn__htCR3 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Developers_container__pWv7C {
  min-height: 100vh;
  background-color: white;
}

.Developers_header__hzsio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  height: 64px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.Developers_headerLeft__7sRqx {
  display: flex;
  align-items: center;
}

.Developers_headerRight__CdtMf {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.Developers_logoContainer__ILZLs {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}

.Developers_logoText__d0Mwk {
  font-size: 1.2rem;
  font-weight: 500;
  color: #333;
}

.Developers_projectSelector__hW3Zt {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.Developers_projectSelector__hW3Zt:hover {
  background-color: #f5f5f5;
}

.Developers_projectName__kum0a {
  font-weight: 500;
  color: #333;
}

.Developers_projectArrow__Z\+bEV {
  color: #666;
}

.Developers_towerSelector__tGer7 {
  position: relative;
}

.Developers_towerSelect__XeUeG {
  padding: 0.5rem 2rem 0.5rem 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-size: 0.9rem;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276 9 12 15 18 9%27%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem;
}

.Developers_mainNav__VeZsD {
  flex-grow: 1;
}

.Developers_navList__KmTF1 {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2rem;
}

.Developers_navItem__ud6VB {
  position: relative;
  padding: 1.2rem 0;
}

.Developers_navItem__ud6VB a {
  color: #333;
  text-decoration: none;
  font-size: 0.75rem;
  transition: color 0.2s;
  font-weight: 500;
}

.Developers_navItem__ud6VB:hover a {
  color: #16DB72;
}

.Developers_navItem__ud6VB.Developers_active__z9DsA a {
  color: #16DB72;
}

.Developers_navItem__ud6VB.Developers_active__z9DsA::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #16DB72;
}

.Developers_settingsButton__-XAWP {
  background: none;
  border: none;
  cursor: pointer;
  color: #555;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 50%;
}

.Developers_settingsButton__-XAWP:hover {
  background-color: #f5f5f5;
}

.Developers_avatar__dP2cn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f0f0f0;
  cursor: pointer;
  color: #555;
}

.Developers_avatar__dP2cn:hover {
  background-color: #e5e5e5;
}

.Developers_main__nk6Ol {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  padding: 2rem;
}

.Developers_container__pWv7C {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.Developers_title__6espo {
  font-size: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}

.Developers_grid__HwKkH {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
  padding: 1rem;
}

.Developers_card__an9n- {
  background: white;
  border-radius: 10px;
  padding: 1.5rem;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.Developers_card__an9n-:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.Developers_icon__iX76n {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #0070f3;
}

.Developers_card__an9n- h2 {
  margin: 0 0 1rem 0;
  font-size: 1.5rem;
}

.Developers_card__an9n- p {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #666;
}

@media (max-width: 768px) {
  .Developers_container__pWv7C {
    padding: 1rem;
  }
  
  .Developers_title__6espo {
    font-size: 2rem;
  }
  
  .Developers_grid__HwKkH {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .Developers_main__nk6Ol {
    padding: 1rem;
  }
  
  .Developers_title__6espo {
    font-size: 1.75rem;
  }
  
  .Developers_card__an9n- {
    padding: 1.5rem;
  }
} 
.Profile_profileContainer__9g1pc {
    max-width: 500px;
    margin: 40px auto;
    padding: 40px 32px 32px 32px;
    background: #181a20;
    border-radius: 18px;
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.18);
    border: 1.5px solid #23272f;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Profile_title__Pija0 {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1.5px solid #23272f;
    width: 100%;
    text-align: center;
}

.Profile_userContainer__5txUn {
    padding: 0;
    width: 100%;
}

.Profile_avatarContainer__T36Ux {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}

.Profile_avatarImage__T00oH {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #00c39a;
    box-shadow: 0 2px 12px rgba(0, 195, 154, 0.15);
}

.Profile_actionsRow__I-643 {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-bottom: 24px;
}

.Profile_actionButton__pRxon {
    background: #23272f;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0.7rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.Profile_actionButton__pRxon:hover {
    background: #00c39a;
    color: #181a20;
}

.Profile_loader__ROpcG {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.Profile_spinnerContainer__pxLTz {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
}

.Profile_spinner__adiK0 {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top: 4px solid #10b981;
    width: 30px;
    height: 30px;
    animation: Profile_spin__wVK6J 1s linear infinite;
}

@keyframes Profile_spin__wVK6J {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add responsive styles */
@media (max-width: 768px) {
    .Profile_profileContainer__9g1pc {
        padding: 18px 6px;
    }

    .Profile_title__Pija0 {
        font-size: 1.3rem;
    }
}