@import url('shared.css');

/* Page-specific styles for planes-territoriales.html */

/* Proyecto Destacado */
.proyecto-destacado {
  background: #E5D3c1;
  padding: var(--spacing-xl);
  border-radius: var(--border-radius-lg);
  box-shadow: 0 10px 30px var(--shadow-lg);
  margin-bottom: var(--spacing-xl);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.dark-mode .proyecto-destacado h2,
.dark-mode .proyecto-destacado p,
.dark-mode .proyecto-destacado strong,
.dark-mode .proyecto-destacado ul,
.dark-mode .proyecto-destacado li {
  color: #171b46 !important;
}

/* Instrumentos Pilares Wrapper */
.instrumentos-pilares-wrapper {
  background: #ffffff;
  padding: var(--spacing-xl);
  border-radius: var(--border-radius-lg);
  box-shadow: 0 10px 30px var(--shadow-lg);
  margin-bottom: var(--spacing-xl);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.dark-mode .instrumentos-pilares-wrapper {
  background: var(--bg-alt);
}

.dark-mode .instrumentos-pilares-wrapper h2,
.dark-mode .instrumentos-pilares-wrapper p,
.dark-mode .instrumentos-pilares-wrapper ul,
.dark-mode .instrumentos-pilares-wrapper li {
  color: white !important;
}

/* Hitos del Proyecto */
.hitos-del-proyecto {
  background: #3DB877;
  padding: var(--spacing-xl);
  border-radius: var(--border-radius-lg);
  box-shadow: 0 10px 30px var(--shadow-lg);
  margin-bottom: var(--spacing-xl);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.hitos-del-proyecto h2,
.hitos-del-proyecto p,
.hitos-del-proyecto ul,
.hitos-del-proyecto li {
  color: white !important;
}

.dark-mode .hitos-del-proyecto {
  background: #3DB877;
}

/* Planes Territoriales Section */
.planes-territoriales {
  background: #ffffff;
  padding: var(--spacing-xl);
  border-radius: var(--border-radius-lg);
  box-shadow: 0 10px 30px var(--shadow-lg);
  margin-bottom: var(--spacing-xl);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.dark-mode .planes-territoriales {
  background: #2D2F3D;
}

.dark-mode .planes-territoriales h2,
.dark-mode .planes-territoriales p,
.dark-mode .planes-territoriales ul,
.dark-mode .planes-territoriales li {
  color: white !important;
}

/* Aliados Section (merged from aliados.css) */
.aliados-div {
  background: #FFFFFF !important;
  padding: var(--spacing-xl);
  box-shadow: 0 10px 30px var(--shadow-lg);
  margin-bottom: var(--spacing-xl);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  border-left: none;
  border-right: none;
  border-radius: 0;
}

#root .aliados-div .page-title,
#root .aliados-div p,
#root .aliados-div h3,
#root .aliados-div strong,
#root .aliados-div li {
  color: #171b46 !important;
}

.dark-mode #root .aliados-div .aliado-card h3 {
  color: white !important;
}