@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

html,
body {
  font-size: 12px;
  max-width: 1920px;
  font-family: "arial", sans-serif;
  border: 0;
  margin: 0;
  margin-left: auto;
  padding: 0;
  margin-right: auto;
  color: #f5f5f5;
  background-color: #333333;
  height: 100%; }

a {
  text-decoration: none; }

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh; }

.content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  /* evita space-between para layouts largos */
  gap: 1rem;
  width: 100%; }

.nav1 {
  padding: 30px 7.29%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 85px; }
  .nav1 div {
    display: flex; }
    .nav1 div h1 {
      color: #cba93b;
      font-size: 1.5rem; }
    .nav1 div img {
      width: 5rem;
      cursor: pointer;
      padding-right: 5px; }
  .nav1 .nav_logo {
    list-style: none; }
    .nav1 .nav_logo li {
      display: inline-block;
      padding: 0 20px; }
      .nav1 .nav_logo li .logo {
        width: 25px;
        cursor: pointer;
        color: aqua; }
      .nav1 .nav_logo li .setting {
        fill: #ffffff;
        width: 25px; }
      .nav1 .nav_logo li .exit {
        fill: none;
        stroke: #ffffff;
        stroke-width: 40;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
        stroke-dasharray: none;
        stroke-opacity: 1; }

.notification {
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  background-color: #4caf50;
  color: white;
  padding: 15px;
  text-align: center;
  transition: top 0.5s ease-in-out;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5em; }

.notification.show {
  top: 0; }

.notification-message {
  flex-grow: 1;
  text-align: center; }

.close-btn {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 20px;
  padding: 0 10px; }

.close-btn:hover {
  opacity: 0.8; }

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #222;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  /* Que esté por encima de todo */
  transition: opacity 0.5s ease-out; }

.loader h2 {
  margin-top: 20px;
  font-size: 24px;
  text-align: center;
  animation: blink 1.5s infinite; }

.spinner {
  width: 70px;
  height: 70px;
  border: 8px solid rgba(255, 255, 255, 0.3);
  border-top: 8px solid #ffffff;
  border-radius: 50%;
  animation: spin 1.5s linear infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
@keyframes blink {
  50% {
    opacity: 0.6; } }
.work {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: stretch;
  min-height: 0;
  justify-content: flex-start; }
  .work #menu1 .nav2 {
    display: flex;
    flex-direction: column;
    margin-left: 10%;
    padding: 50px 0% 10px 0px;
    justify-content: center;
    width: auto;
    align-items: stretch; }
    .work #menu1 .nav2 .nav-link {
      display: flex;
      align-items: center;
      padding: 5px 5px;
      margin: 12px 0px;
      margin-right: 20px;
      border-radius: 5px;
      cursor: pointer;
      width: 100%;
      transition: background-color 0.3s ease; }
      .work #menu1 .nav2 .nav-link:hover {
        background-color: #f6f6f680; }
      .work #menu1 .nav2 .nav-link .img {
        flex-shrink: 0;
        width: 30px;
        filter: invert(100%) sepia(33%) saturate(3430%) hue-rotate(200deg) brightness(113%) contrast(113%);
        transition: filter 0.3s ease; }
      .work #menu1 .nav2 .nav-link .button-text {
        text-transform: uppercase;
        font-size: 1.1rem;
        padding-left: 15px;
        color: #f5f5f5;
        transition: color 0.3s ease;
        white-space: nowrap; }
      .work #menu1 .nav2 .nav-link.active .button-text {
        color: #cba93b; }
      .work #menu1 .nav2 .nav-link.active .img {
        filter: invert(96%) sepia(76%) saturate(2977%) hue-rotate(325deg) brightness(85%) contrast(84%);
        width: 30px; }

.working {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .working h2,
  .working h3,
  .working label,
  .working tr {
    text-transform: uppercase; }
  .working .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .working .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .working .navBotones1 a:hover {
        background-color: #733f3f; }
      .working .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .working .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .working .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .working .navBotones1 button:active {
        background-color: #cba93b; }
      .working .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .working nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .working nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .working nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .working nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .working nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .working nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .working nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .working nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .working .formularios {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 2rem;
    margin: 2rem 7%;
    margin-bottom: 20px; }
    .working .formularios h3 {
      color: #cba93b; }
    .working .formularios .formDatos {
      /*  .error {
          color: red;
          font-size: 14px;
          display: none; /* Ocultar mensaje por defecto 
      } */
      flex: 1; }
      .working .formularios .formDatos input.error-border {
        border: 2px solid red; }
      .working .formularios .formDatos > div:nth-child(2) {
        border: 2px solid #cba93b;
        border-radius: 5px;
        padding: 15px; }
      .working .formularios .formDatos .form {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex: 1; }
        .working .formularios .formDatos .form div {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: flex-start;
          padding: 0.4em; }
          .working .formularios .formDatos .form div label {
            padding-right: 0.4em; }
          .working .formularios .formDatos .form div input {
            border-radius: 2px;
            flex-grow: 1;
            flex-shrink: 1;
            padding-left: 5px; }
    .working .formularios .formDatos .form span {
      text-align: left; }
  .working .otrosDatos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    margin: 0px 7%;
    margin-top: 2rem; }
    .working .otrosDatos h3 {
      color: #cba93b; }
    .working .otrosDatos .formDatos {
      flex: 1;
      display: flex;
      flex-direction: column; }
      .working .otrosDatos .formDatos > div:nth-child(2) {
        border: 2px solid #cba93b;
        border-radius: 5px;
        padding: 15px; }
      .working .otrosDatos .formDatos > div:first-child {
        flex: 0;
        /* para que el título no se expanda */ }
      .working .otrosDatos .formDatos div {
        flex: 1;
        display: flex;
        flex-direction: column; }
      .working .otrosDatos .formDatos .logotipo-img {
        flex: 1;
        display: flex; }
        .working .otrosDatos .formDatos .logotipo-img .logotipo {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: flex-start; }
        .working .otrosDatos .formDatos .logotipo-img .preview-container #imagePreview {
          max-width: 100px;
          margin: 10px 0; }
        .working .otrosDatos .formDatos .logotipo-img .preview-container .preview-container {
          display: none; }
  .working .notas {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 10px 7%;
    margin-top: 50px; }
    .working .notas label {
      color: #cba93b; }
    .working .notas textarea {
      border-radius: 5px;
      field-sizing: content;
      min-width: 50px;
      max-width: 350px;
      color: #333333;
      padding-left: 5px; }
  .working .navBotones2 {
    display: flex;
    bottom: 10px;
    justify-content: right;
    align-items: center;
    margin: 0px 7%; }
    .working .navBotones2 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .working .navBotones2 button:hover {
        background-color: #733f3f; }
      .working .navBotones2 button:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }

.error {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .error h2,
  .error h3,
  .error label,
  .error tr {
    text-transform: uppercase; }
  .error .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .error .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .error .navBotones1 a:hover {
        background-color: #733f3f; }
      .error .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .error .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .error .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .error .navBotones1 button:active {
        background-color: #cba93b; }
      .error .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .error div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .error div img {
      width: 100px;
      filter: brightness(0) saturate(100%) invert(26%) sepia(94%) saturate(3085%) hue-rotate(348deg) brightness(92%) contrast(109%); }
    .error div p {
      padding: 10%;
      color: #f51919;
      text-transform: uppercase;
      font-size: 1.4rem; }

nav .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 70px;
  position: relative;
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 1rem;
  border: #cba93b solid 2px;
  border-radius: 5px;
  padding: 2rem;
  color: #cba93b;
  font-weight: bold;
  font-size: 1.5rem; }
  nav .nav .acciones {
    display: flex;
    right: 20px;
    position: absolute; }
    nav .nav .acciones .add-socios {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      nav .nav .acciones .add-socios:hover {
        background-color: #733f3f; }
      nav .nav .acciones .add-socios:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
      nav .nav .acciones .add-socios a img {
        width: 30px;
        filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
    nav .nav .acciones .add-doc {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      nav .nav .acciones .add-doc:hover {
        background-color: #733f3f; }
      nav .nav .acciones .add-doc:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
      nav .nav .acciones .add-doc a img {
        width: 30px;
        filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
    nav .nav .acciones .ver-doc {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      nav .nav .acciones .ver-doc:hover {
        background-color: #733f3f; }
      nav .nav .acciones .ver-doc:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
      nav .nav .acciones .ver-doc a img {
        width: 30px;
        filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }

.get {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-content: center; }
  .get .bus {
    display: flex;
    justify-content: center;
    margin: 20px 0px;
    padding: 20px 0px; }
    .get .bus form {
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center; }
      .get .bus form input {
        color: #333333;
        padding-left: 10px; }
      .get .bus form button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .get .bus form button:hover {
          background-color: #733f3f; }
        .get .bus form button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .get .bus form button img {
          width: 20px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .get .table {
    display: flex;
    justify-content: center;
    flex: 3;
    flex-grow: 300px;
    padding: 10px 0px; }
    .get .table table {
      color: #333333;
      width: 80%;
      border-collapse: collapse;
      position: relative; }
      .get .table table th,
      .get .table table td {
        padding: 6px;
        border: 1px solid #ddd;
        font-size: 0.9rem;
        text-align: center; }
      .get .table table th {
        background-color: #cba93b;
        color: white; }
      .get .table table tr:nth-child(even) {
        background-color: #f2f2f2; }
      .get .table table tr:nth-child(odd) {
        background-color: #ffffff; }
      .get .table table td.edit a,
      .get .table table td.delete a,
      .get .table table td.ver a {
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .get .table table td.edit .editar,
      .get .table table td.delete .editar,
      .get .table table td.ver .editar {
        width: 20px;
        filter: brightness(0) saturate(100%) invert(60%) sepia(63%) saturate(407%) hue-rotate(68deg) brightness(90%) contrast(84%);
        padding: 0px; }
      .get .table table td.edit .del,
      .get .table table td.delete .del,
      .get .table table td.ver .del {
        width: 15px;
        filter: brightness(0) saturate(100%) invert(24%) sepia(86%) saturate(3945%) hue-rotate(348deg) brightness(104%) contrast(103%); }
      .get .table table td.edit .ver,
      .get .table table td.delete .ver,
      .get .table table td.ver .ver {
        filter: brightness(0) saturate(100%) invert(41%) sepia(30%) saturate(730%) hue-rotate(85deg) brightness(102%) contrast(86%);
        width: 15px; }
  .get .pages {
    display: flex;
    justify-content: center; }

.menus {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .menus h2,
  .menus h3,
  .menus label,
  .menus tr {
    text-transform: uppercase; }
  .menus .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .menus .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .menus .navBotones1 a:hover {
        background-color: #733f3f; }
      .menus .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .menus .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .menus .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .menus .navBotones1 button:active {
        background-color: #cba93b; }
      .menus .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .menus nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .menus nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .menus nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .menus nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .menus nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
      .menus nav .nav .acciones .modificar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .menus nav .nav .acciones .modificar:hover {
          background-color: #733f3f; }
        .menus nav .nav .acciones .modificar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
  .menus .menu {
    display: flex;
    justify-content: center;
    margin-bottom: 50px; }
    .menus .menu div {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10rem; }
      .menus .menu div a {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        height: 105px;
        width: 105px;
        padding: 1rem; }
        .menus .menu div a:hover {
          background-color: #733f3f; }
        .menus .menu div a:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .menus .menu div a img {
          width: 25px;
          padding-bottom: 3px;
          filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1167%) hue-rotate(247deg) brightness(114%) contrast(92%); }
        .menus .menu div a span {
          text-align: center; }
        .menus .menu div a p {
          text-align: center; }

.working nav .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 70px;
  position: relative;
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 1rem;
  border: #cba93b solid 2px;
  border-radius: 5px;
  padding: 2rem;
  color: #cba93b;
  font-weight: bold;
  font-size: 1.5rem; }
  .working nav .nav .acciones {
    display: flex;
    right: 20px;
    position: absolute; }
    .working nav .nav .acciones .add-socios {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .working nav .nav .acciones .add-socios:hover {
        background-color: #733f3f; }
      .working nav .nav .acciones .add-socios:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
      .working nav .nav .acciones .add-socios img {
        width: 30px;
        filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
    .working nav .nav .acciones .buscar-socios {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .working nav .nav .acciones .buscar-socios:hover {
        background-color: #733f3f; }
      .working nav .nav .acciones .buscar-socios:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
      .working nav .nav .acciones .buscar-socios img {
        width: 30px;
        filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
    .working nav .nav .acciones .buscar-doc {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .working nav .nav .acciones .buscar-doc:hover {
        background-color: #733f3f; }
      .working nav .nav .acciones .buscar-doc:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
      .working nav .nav .acciones .buscar-doc img {
        width: 30px;
        filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
.working .document {
  display: flex;
  flex-direction: column; }
  .working .document .titulo {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 20px;
    color: #cba93b; }
  .working .document .buscar {
    display: flex;
    justify-content: center;
    padding: 20px 0px;
    margin: 20px 0px; }
    .working .document .buscar form {
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center; }
      .working .document .buscar form div input {
        color: #333333;
        padding-left: 10px; }
      .working .document .buscar form div button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working .document .buscar form div button:hover {
          background-color: #733f3f; }
        .working .document .buscar form div button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working .document .buscar form div button img {
          width: 20px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .working .document .listado {
    display: flex;
    justify-content: center;
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 20px;
    isolation: isolate; }
    .working .document .listado thead {
      position: sticky;
      top: 0;
      z-index: 2; }
    .working .document .listado table {
      color: #333333;
      width: 50%;
      text-align: center;
      border-spacing: 0;
      border-collapse: separate; }
      .working .document .listado table th,
      .working .document .listado table td {
        padding: 10px;
        border: 1px solid #ddd; }
      .working .document .listado table th {
        background-color: #cba93b;
        color: white; }
      .working .document .listado table tr:nth-child(even) {
        background-color: #f2f2f2; }
      .working .document .listado table tr:nth-child(odd) {
        background-color: #ffffff; }
  .working .document .form-doc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px 30px; }
    .working .document .form-doc .sub-form-doc {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 50px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 30px; }
      .working .document .form-doc .sub-form-doc div {
        margin: 7px 0px; }
        .working .document .form-doc .sub-form-doc div input {
          flex-grow: 1;
          flex-shrink: 1;
          padding: 5px; }
      .working .document .form-doc .sub-form-doc .button {
        display: flex;
        gap: 5px; }
        .working .document .form-doc .sub-form-doc .button button {
          color: #f5f5f5;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 6px;
          border: none;
          outline: none;
          padding: 0.4rem 1rem;
          margin: 0rem 0.5rem;
          text-transform: uppercase;
          background-color: #3f8854;
          transition: ease-in-out 0.3s;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
          .working .document .form-doc .sub-form-doc .button button:hover {
            background-color: #733f3f; }
          .working .document .form-doc .sub-form-doc .button button:active {
            background-color: #6be58e;
            border: solid 3px, #3c7f4f; }

.socios-doc {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .socios-doc h2,
  .socios-doc h3,
  .socios-doc label,
  .socios-doc tr {
    text-transform: uppercase; }
  .socios-doc .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .socios-doc .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .socios-doc .navBotones1 a:hover {
        background-color: #733f3f; }
      .socios-doc .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .socios-doc .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .socios-doc .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .socios-doc .navBotones1 button:active {
        background-color: #cba93b; }
      .socios-doc .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .socios-doc nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .socios-doc nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .socios-doc nav .nav .acciones .add-socios {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .socios-doc nav .nav .acciones .add-socios:hover {
          background-color: #733f3f; }
        .socios-doc nav .nav .acciones .add-socios:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .socios-doc nav .nav .acciones .add-socios a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .socios-doc nav .nav .acciones .buscar-socios {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .socios-doc nav .nav .acciones .buscar-socios:hover {
          background-color: #733f3f; }
        .socios-doc nav .nav .acciones .buscar-socios:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .socios-doc nav .nav .acciones .buscar-socios a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .socios-doc nav .nav .acciones .buscar-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .socios-doc nav .nav .acciones .buscar-doc:hover {
          background-color: #733f3f; }
        .socios-doc nav .nav .acciones .buscar-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .socios-doc nav .nav .acciones .buscar-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .socios-doc .titulo {
    align-self: flex-start; }
  .socios-doc .buscar {
    display: flex;
    justify-content: center;
    padding: 20px 0px;
    margin: 20px 0px; }
    .socios-doc .buscar form {
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center; }
      .socios-doc .buscar form div input {
        color: #333333;
        padding-left: 10px; }
      .socios-doc .buscar form div button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .socios-doc .buscar form div button:hover {
          background-color: #733f3f; }
        .socios-doc .buscar form div button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .socios-doc .buscar form div button img {
          width: 20px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .socios-doc .list-integrantes {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 200px;
    overflow-y: auto;
    align-items: center; }
    .socios-doc .list-integrantes thead {
      position: sticky;
      top: 0;
      z-index: 1; }
    .socios-doc .list-integrantes table .img-submit {
      width: 15px;
      filter: brightness(0) saturate(100%) invert(41%) sepia(30%) saturate(730%) hue-rotate(85deg) brightness(102%) contrast(86%); }
  .socios-doc .list-document {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 200px;
    overflow-y: auto;
    align-items: center;
    isolation: isolate; }
    .socios-doc .list-document table {
      width: 56rem; }
    .socios-doc .list-document thead {
      position: sticky;
      top: 0;
      z-index: 2; }
    .socios-doc .list-document td a {
      display: flex;
      justify-content: center;
      align-items: center; }
    .socios-doc .list-document td .eliminar {
      width: 15px;
      filter: brightness(0) saturate(100%) invert(24%) sepia(86%) saturate(3945%) hue-rotate(348deg) brightness(104%) contrast(103%); }
    .socios-doc .list-document td .ver {
      filter: brightness(0) saturate(100%) invert(41%) sepia(30%) saturate(730%) hue-rotate(85deg) brightness(102%) contrast(86%);
      width: 15px; }
    .socios-doc .list-document .no-data {
      margin: 20px 0; }
      .socios-doc .list-document .no-data span {
        font-size: 14px;
        color: #333333; }
  .socios-doc .seleccionar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 30px 0px;
    justify-content: center; }
    .socios-doc .seleccionar button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .socios-doc .seleccionar button:hover {
        background-color: #733f3f; }
      .socios-doc .seleccionar button:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
  .socios-doc table {
    color: #333333;
    width: 50%;
    margin-bottom: 50px;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #ddd; }
    .socios-doc table th,
    .socios-doc table td {
      padding: 10px;
      border: 1px solid #ddd;
      text-align: center; }
    .socios-doc table th {
      background-color: #cba93b;
      color: white; }
    .socios-doc table tr:nth-child(even) {
      background-color: #f2f2f2; }
    .socios-doc table tr:nth-child(odd) {
      background-color: #ffffff; }
    .socios-doc table .table-header-fixed {
      position: sticky;
      top: 0;
      z-index: 10; }

form {
  flex-direction: column;
  display: flex; }
  form div {
    display: flex; }

.update-socios {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .update-socios h2,
  .update-socios h3,
  .update-socios label,
  .update-socios tr {
    text-transform: uppercase; }
  .update-socios .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .update-socios .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .update-socios .navBotones1 a:hover {
        background-color: #733f3f; }
      .update-socios .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .update-socios .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .update-socios .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .update-socios .navBotones1 button:active {
        background-color: #cba93b; }
      .update-socios .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .update-socios nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .update-socios nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .update-socios nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-socios nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .update-socios nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-socios nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .update-socios nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-socios nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .update-socios nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-socios nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .update-socios nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-socios nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .update-socios nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-socios nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .update-socios .formularios {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    margin: 0px 7%;
    margin-top: 30px; }
    .update-socios .formularios h3 {
      color: #cba93b; }
    .update-socios .formularios .formDatos {
      /*  .error {
          color: red;
          font-size: 14px;
          display: none; /* Ocultar mensaje por defecto 
      } */
      flex: 1; }
      .update-socios .formularios .formDatos input.error-border {
        border: 2px solid red; }
      .update-socios .formularios .formDatos > div:nth-child(2) {
        border: 2px solid #cba93b;
        border-radius: 5px;
        padding: 15px; }
      .update-socios .formularios .formDatos .form {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex: 1; }
        .update-socios .formularios .formDatos .form div {
          align-items: flex-start;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          padding: 0.4em; }
          .update-socios .formularios .formDatos .form div label {
            padding-right: 0.4em; }
          .update-socios .formularios .formDatos .form div input {
            color: #333333;
            border-radius: 5px;
            flex-grow: 1;
            flex-shrink: 1; }
  .update-socios .otrosDatos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    margin: 0px 7%;
    margin-top: 30px; }
    .update-socios .otrosDatos h3 {
      color: #cba93b; }
    .update-socios .otrosDatos .formDatos {
      flex: 1;
      display: flex;
      flex-direction: column; }
      .update-socios .otrosDatos .formDatos > div:nth-child(2) {
        border: 2px solid #cba93b;
        border-radius: 5px;
        padding: 15px; }
      .update-socios .otrosDatos .formDatos > div:first-child {
        flex: 0;
        /* para que el título no se expanda */ }
      .update-socios .otrosDatos .formDatos div {
        flex: 1;
        display: flex;
        flex-direction: column; }
      .update-socios .otrosDatos .formDatos .logotipo-img {
        flex: 1;
        display: flex; }
        .update-socios .otrosDatos .formDatos .logotipo-img .logotipo {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: flex-start; }
        .update-socios .otrosDatos .formDatos .logotipo-img .preview-container #imagePreview {
          max-width: 100px;
          margin: 10px 0; }
        .update-socios .otrosDatos .formDatos .logotipo-img .preview-container .preview-container {
          display: none; }
  .update-socios .notas {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0px 7%;
    margin-top: 30px; }
    .update-socios .notas label {
      color: #cba93b; }
      .update-socios .notas label textarea {
        border-radius: 5px;
        field-sizing: content;
        min-width: 50px;
        max-width: 350px;
        color: #333333; }
  .update-socios .navBotones2 {
    display: flex;
    bottom: 10px;
    justify-content: right;
    align-items: center;
    margin: 0px 7%;
    margin-top: 30px; }
    .update-socios .navBotones2 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .update-socios .navBotones2 button:hover {
        background-color: #733f3f; }
      .update-socios .navBotones2 button:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
  .update-socios .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .update-socios .modal-contenido {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    width: 70%;
    max-width: 500px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .update-socios .modal-contenido button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .update-socios .modal-contenido button:hover {
        background-color: #733f3f; }
      .update-socios .modal-contenido button:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }

.window-notice {
  background: #cda939;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; }

.window-notice .contenta {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px #cda939;
  border-radius: 10px;
  color: #333333;
  width: fit-content;
  text-align: center;
  box-sizing: content-box;
  margin: auto;
  padding: 2rem;
  font-size: 1.3rem; }

.response {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0px; }

.buton {
  color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  border: none;
  outline: none;
  padding: 0.4rem 1rem;
  margin: 0rem 0.5rem;
  text-transform: uppercase;
  background-color: #3f8854;
  transition: ease-in-out 0.3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
  .buton:hover {
    background-color: #733f3f; }
  .buton:active {
    background-color: #6be58e;
    border: solid 3px, #3c7f4f; }

.response div {
  padding: 20px; }

.response .content-buttons a {
  color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  border: none;
  outline: none;
  padding: 0.4rem 1rem;
  margin: 0rem 0.5rem;
  text-transform: uppercase;
  background-color: #3f8854;
  transition: ease-in-out 0.3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  background-color: red; }
  .response .content-buttons a:hover {
    background-color: #733f3f; }
  .response .content-buttons a:active {
    background-color: #6be58e;
    border: solid 3px, #3c7f4f; }

.add-eventos {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .add-eventos h2,
  .add-eventos h3,
  .add-eventos label,
  .add-eventos tr {
    text-transform: uppercase; }
  .add-eventos .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .add-eventos .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .add-eventos .navBotones1 a:hover {
        background-color: #733f3f; }
      .add-eventos .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .add-eventos .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .add-eventos .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .add-eventos .navBotones1 button:active {
        background-color: #cba93b; }
      .add-eventos .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .add-eventos nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .add-eventos nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .add-eventos nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .add-eventos nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .add-eventos nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .add-eventos nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .add-eventos nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .add-eventos nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .add-eventos nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .add-eventos nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .add-eventos nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .add-eventos nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .add-eventos nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .add-eventos nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .add-eventos section .formularios {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    margin: 30px 7%; }
    .add-eventos section .formularios h3 {
      color: #cba93b; }
    .add-eventos section .formularios .formDatos {
      /*  .error {
          color: red;
          font-size: 14px;
          display: none; /* Ocultar mensaje por defecto 
      } */
      flex: 1; }
      .add-eventos section .formularios .formDatos input.error-border {
        border: 2px solid red; }
      .add-eventos section .formularios .formDatos > div:nth-child(2) {
        border: 2px solid #cba93b;
        border-radius: 5px;
        padding: 15px; }
      .add-eventos section .formularios .formDatos .form {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex: 1; }
        .add-eventos section .formularios .formDatos .form div {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          padding: 0.4em; }
          .add-eventos section .formularios .formDatos .form div label {
            padding-right: 0.4em; }
          .add-eventos section .formularios .formDatos .form div input {
            border-radius: 2px;
            flex-grow: 1;
            flex-shrink: 1; }
  .add-eventos section .otrosDatos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    margin: 30px 7%; }
    .add-eventos section .otrosDatos h3 {
      color: #cba93b; }
    .add-eventos section .otrosDatos .formDatos {
      flex: 1;
      display: flex;
      flex-direction: column; }
      .add-eventos section .otrosDatos .formDatos > div:nth-child(2) {
        border: 2px solid #cba93b;
        border-radius: 5px;
        padding: 15px; }
      .add-eventos section .otrosDatos .formDatos > div:first-child {
        flex: 0;
        /* para que el título no se expanda */ }
      .add-eventos section .otrosDatos .formDatos div {
        flex: 1;
        display: flex;
        flex-direction: column; }
      .add-eventos section .otrosDatos .formDatos .logotipo-img {
        flex: 1;
        display: flex; }
        .add-eventos section .otrosDatos .formDatos .logotipo-img .logotipo {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: flex-start; }
        .add-eventos section .otrosDatos .formDatos .logotipo-img .preview-container #imagePreview {
          max-width: 100px;
          margin: 10px 0; }
        .add-eventos section .otrosDatos .formDatos .logotipo-img .preview-container .preview-container {
          display: none; }
  .add-eventos section .notas {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 10px 7%; }
    .add-eventos section .notas label {
      color: #cba93b; }
    .add-eventos section .notas textarea {
      border-radius: 5px;
      field-sizing: content;
      min-width: 50px;
      max-width: 350px;
      color: #333333; }
  .add-eventos section .navBotones2 {
    display: flex;
    bottom: 10px;
    justify-content: right;
    align-items: center;
    margin: 0px 7%; }
    .add-eventos section .navBotones2 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .add-eventos section .navBotones2 button:hover {
        background-color: #733f3f; }
      .add-eventos section .navBotones2 button:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }

.working-eventos-socios {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .working-eventos-socios h2,
  .working-eventos-socios h3,
  .working-eventos-socios label,
  .working-eventos-socios tr {
    text-transform: uppercase; }
  .working-eventos-socios .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .working-eventos-socios .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .working-eventos-socios .navBotones1 a:hover {
        background-color: #733f3f; }
      .working-eventos-socios .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .working-eventos-socios .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .working-eventos-socios .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .working-eventos-socios .navBotones1 button:active {
        background-color: #cba93b; }
      .working-eventos-socios .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .working-eventos-socios nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .working-eventos-socios nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .working-eventos-socios nav .nav .acciones .add-socios {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-socios nav .nav .acciones .add-socios:hover {
          background-color: #733f3f; }
        .working-eventos-socios nav .nav .acciones .add-socios:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-socios nav .nav .acciones .add-socios img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .working-eventos-socios nav .nav .acciones .buscar-socios {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-socios nav .nav .acciones .buscar-socios:hover {
          background-color: #733f3f; }
        .working-eventos-socios nav .nav .acciones .buscar-socios:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-socios nav .nav .acciones .buscar-socios img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .working-eventos-socios nav .nav .acciones .buscar-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-socios nav .nav .acciones .buscar-doc:hover {
          background-color: #733f3f; }
        .working-eventos-socios nav .nav .acciones .buscar-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-socios nav .nav .acciones .buscar-doc img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .working-eventos-socios .document {
    display: flex;
    flex-direction: column; }
    .working-eventos-socios .document .titulo {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b; }
    .working-eventos-socios .document .buscar {
      display: flex;
      justify-content: center;
      padding: 30px 0px;
      margin: 20px 0px; }
      .working-eventos-socios .document .buscar form {
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 20px;
        display: flex;
        flex-direction: row; }
        .working-eventos-socios .document .buscar form div input {
          margin-right: 5px;
          padding: 5px; }
        .working-eventos-socios .document .buscar form div button {
          color: #f5f5f5;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 6px;
          border: none;
          outline: none;
          padding: 0.4rem 1rem;
          margin: 0rem 0.5rem;
          text-transform: uppercase;
          background-color: #3f8854;
          transition: ease-in-out 0.3s;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
          .working-eventos-socios .document .buscar form div button:hover {
            background-color: #733f3f; }
          .working-eventos-socios .document .buscar form div button:active {
            background-color: #6be58e;
            border: solid 3px, #3c7f4f; }
          .working-eventos-socios .document .buscar form div button img {
            width: 20px;
            filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
    .working-eventos-socios .document .tablas {
      display: flex;
      justify-content: space-evenly;
      align-items: flex-start; }
      .working-eventos-socios .document .tablas .listado {
        display: flex;
        overflow-y: auto;
        max-height: 350px;
        isolation: isolate;
        width: 50%;
        margin-right: 1rem; }
      .working-eventos-socios .document .tablas thead {
        position: sticky;
        top: 0;
        z-index: 2; }
      .working-eventos-socios .document .tablas table {
        color: #333333;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        text-align: center; }
        .working-eventos-socios .document .tablas table th,
        .working-eventos-socios .document .tablas table td {
          padding: 7px;
          border: 1px solid #cba93b; }
          .working-eventos-socios .document .tablas table th:nth-child(1),
          .working-eventos-socios .document .tablas table td:nth-child(1) {
            width: 20%; }
          .working-eventos-socios .document .tablas table th:nth-child(2),
          .working-eventos-socios .document .tablas table td:nth-child(2) {
            width: 60%; }
          .working-eventos-socios .document .tablas table th:nth-child(3),
          .working-eventos-socios .document .tablas table td:nth-child(3) {
            width: 20%; }
        .working-eventos-socios .document .tablas table th {
          background-color: #cba93b;
          color: white; }
        .working-eventos-socios .document .tablas table tr:nth-child(even) {
          background-color: #f2f2f2; }
        .working-eventos-socios .document .tablas table tr:nth-child(odd) {
          background-color: #ffffff; }
        .working-eventos-socios .document .tablas table .img-submit {
          width: 15px;
          filter: brightness(0) saturate(100%) invert(41%) sepia(30%) saturate(730%) hue-rotate(85deg) brightness(102%) contrast(86%); }
    .working-eventos-socios .document .button {
      display: flex;
      justify-content: center; }
      .working-eventos-socios .document .button button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-socios .document .button button:hover {
          background-color: #733f3f; }
        .working-eventos-socios .document .button button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
    .working-eventos-socios .document .duplicado {
      display: flex;
      justify-content: center;
      padding: 20px;
      text-transform: uppercase;
      color: red; }

.working-eventos-list {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .working-eventos-list h2,
  .working-eventos-list h3,
  .working-eventos-list label,
  .working-eventos-list tr {
    text-transform: uppercase; }
  .working-eventos-list .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .working-eventos-list .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .working-eventos-list .navBotones1 a:hover {
        background-color: #733f3f; }
      .working-eventos-list .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .working-eventos-list .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .working-eventos-list .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .working-eventos-list .navBotones1 button:active {
        background-color: #cba93b; }
      .working-eventos-list .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .working-eventos-list nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .working-eventos-list nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .working-eventos-list nav .nav .acciones .add-socios {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-list nav .nav .acciones .add-socios:hover {
          background-color: #733f3f; }
        .working-eventos-list nav .nav .acciones .add-socios:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-list nav .nav .acciones .add-socios img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .working-eventos-list nav .nav .acciones .buscar-socios {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-list nav .nav .acciones .buscar-socios:hover {
          background-color: #733f3f; }
        .working-eventos-list nav .nav .acciones .buscar-socios:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-list nav .nav .acciones .buscar-socios img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .working-eventos-list nav .nav .acciones .buscar-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-list nav .nav .acciones .buscar-doc:hover {
          background-color: #733f3f; }
        .working-eventos-list nav .nav .acciones .buscar-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-list nav .nav .acciones .buscar-doc img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .working-eventos-list .document {
    display: flex;
    flex-direction: column; }
    .working-eventos-list .document .titulo {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b; }
    .working-eventos-list .document .buscar {
      display: flex;
      justify-content: center;
      padding: 20px 0px;
      margin: 20px 0px; }
      .working-eventos-list .document .buscar form {
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 20px;
        display: flex;
        flex-direction: row; }
        .working-eventos-list .document .buscar form div input {
          margin-right: 5px;
          padding: 5px; }
        .working-eventos-list .document .buscar form div button {
          color: #f5f5f5;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 6px;
          border: none;
          outline: none;
          padding: 0.4rem 1rem;
          margin: 0rem 0.5rem;
          text-transform: uppercase;
          background-color: #3f8854;
          transition: ease-in-out 0.3s;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
          .working-eventos-list .document .buscar form div button:hover {
            background-color: #733f3f; }
          .working-eventos-list .document .buscar form div button:active {
            background-color: #6be58e;
            border: solid 3px, #3c7f4f; }
          .working-eventos-list .document .buscar form div button img {
            width: 20px;
            filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
    .working-eventos-list .document .tablas {
      display: flex;
      justify-content: space-evenly;
      margin-bottom: 4rem;
      align-items: flex-start; }
      .working-eventos-list .document .tablas .listado {
        display: flex;
        justify-content: center;
        max-height: 200px;
        isolation: isolate;
        overflow-y: auto; }
        .working-eventos-list .document .tablas .listado thead {
          position: sticky;
          top: 0;
          z-index: 2; }
        .working-eventos-list .document .tablas .listado table {
          color: #333333;
          width: 100%;
          border-collapse: separate;
          border-spacing: 0;
          text-align: center;
          border: 2px solid #cba93b; }
          .working-eventos-list .document .tablas .listado table th,
          .working-eventos-list .document .tablas .listado table td {
            padding: 7px;
            border: 1px solid #cba93b; }
            .working-eventos-list .document .tablas .listado table th:nth-child(1),
            .working-eventos-list .document .tablas .listado table td:nth-child(1) {
              width: 20%; }
            .working-eventos-list .document .tablas .listado table th:nth-child(2),
            .working-eventos-list .document .tablas .listado table td:nth-child(2) {
              width: 60%; }
            .working-eventos-list .document .tablas .listado table th:nth-child(3),
            .working-eventos-list .document .tablas .listado table td:nth-child(3) {
              width: 20%; }
          .working-eventos-list .document .tablas .listado table th {
            background-color: #cba93b;
            color: white; }
          .working-eventos-list .document .tablas .listado table tr:nth-child(even) {
            background-color: #f2f2f2; }
          .working-eventos-list .document .tablas .listado table tr:nth-child(odd) {
            background-color: #ffffff; }
          .working-eventos-list .document .tablas .listado table .img-submit {
            width: 15px;
            filter: brightness(0) saturate(100%) invert(41%) sepia(30%) saturate(730%) hue-rotate(85deg) brightness(102%) contrast(86%); }
          .working-eventos-list .document .tablas .listado table td a {
            display: flex;
            justify-content: center;
            align-items: center; }
          .working-eventos-list .document .tablas .listado table td .eliminar {
            width: 15px;
            filter: brightness(0) saturate(100%) invert(24%) sepia(86%) saturate(3945%) hue-rotate(348deg) brightness(104%) contrast(103%); }
          .working-eventos-list .document .tablas .listado table tr .vide {
            display: block;
            text-align: center; }

.working-eventos-contribucion {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start;
  padding-bottom: 3rem; }
  .working-eventos-contribucion h2,
  .working-eventos-contribucion h3,
  .working-eventos-contribucion label,
  .working-eventos-contribucion tr {
    text-transform: uppercase; }
  .working-eventos-contribucion .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .working-eventos-contribucion .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .working-eventos-contribucion .navBotones1 a:hover {
        background-color: #733f3f; }
      .working-eventos-contribucion .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .working-eventos-contribucion .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .working-eventos-contribucion .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .working-eventos-contribucion .navBotones1 button:active {
        background-color: #cba93b; }
      .working-eventos-contribucion .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .working-eventos-contribucion nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .working-eventos-contribucion nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .working-eventos-contribucion nav .nav .acciones .add-socios {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-contribucion nav .nav .acciones .add-socios:hover {
          background-color: #733f3f; }
        .working-eventos-contribucion nav .nav .acciones .add-socios:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-contribucion nav .nav .acciones .add-socios img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .working-eventos-contribucion nav .nav .acciones .buscar-socios {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-contribucion nav .nav .acciones .buscar-socios:hover {
          background-color: #733f3f; }
        .working-eventos-contribucion nav .nav .acciones .buscar-socios:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-contribucion nav .nav .acciones .buscar-socios img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .working-eventos-contribucion nav .nav .acciones .buscar-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-contribucion nav .nav .acciones .buscar-doc:hover {
          background-color: #733f3f; }
        .working-eventos-contribucion nav .nav .acciones .buscar-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .working-eventos-contribucion nav .nav .acciones .buscar-doc img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .working-eventos-contribucion .document {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .working-eventos-contribucion .document .titulo {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b; }
    .working-eventos-contribucion .document .buscar {
      display: flex;
      justify-content: center;
      padding: 20px 0px;
      margin: 20px 0px; }
      .working-eventos-contribucion .document .buscar form {
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 1rem;
        display: flex;
        flex-direction: row; }
        .working-eventos-contribucion .document .buscar form div input {
          padding-left: 1rem; }
        .working-eventos-contribucion .document .buscar form div button {
          color: #f5f5f5;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 6px;
          border: none;
          outline: none;
          padding: 0.4rem 1rem;
          margin: 0rem 0.5rem;
          text-transform: uppercase;
          background-color: #3f8854;
          transition: ease-in-out 0.3s;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
          .working-eventos-contribucion .document .buscar form div button:hover {
            background-color: #733f3f; }
          .working-eventos-contribucion .document .buscar form div button:active {
            background-color: #6be58e;
            border: solid 3px, #3c7f4f; }
          .working-eventos-contribucion .document .buscar form div button img {
            width: 20px;
            filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
    .working-eventos-contribucion .document .evento {
      margin: 2rem 0rem;
      display: flex;
      justify-content: center; }
      .working-eventos-contribucion .document .evento div span:first-child {
        color: #cba93b;
        text-transform: uppercase;
        font-weight: bold; }
      .working-eventos-contribucion .document .evento div span:nth-child(2) {
        text-transform: uppercase;
        font-weight: bold; }
    .working-eventos-contribucion .document .tablas {
      display: flex;
      justify-content: space-evenly;
      align-items: flex-start;
      width: 100%; }
      .working-eventos-contribucion .document .tablas .listado {
        display: flex;
        justify-content: center;
        max-height: 200px;
        overflow-y: auto;
        margin-bottom: 5rem;
        width: 100%;
        margin: 0 2rem; }
        .working-eventos-contribucion .document .tablas .listado thead {
          position: sticky;
          top: 0;
          z-index: 1; }
        .working-eventos-contribucion .document .tablas .listado table {
          color: #333333;
          width: 100%;
          border-collapse: separate;
          border-spacing: 0;
          text-align: center;
          border: 2px solid #cba93b; }
          .working-eventos-contribucion .document .tablas .listado table th,
          .working-eventos-contribucion .document .tablas .listado table td {
            padding: 7px;
            border: 1px solid #cba93b; }
            .working-eventos-contribucion .document .tablas .listado table th:nth-child(1),
            .working-eventos-contribucion .document .tablas .listado table td:nth-child(1) {
              width: 20%; }
            .working-eventos-contribucion .document .tablas .listado table th:nth-child(2),
            .working-eventos-contribucion .document .tablas .listado table td:nth-child(2) {
              width: 60%; }
            .working-eventos-contribucion .document .tablas .listado table th:nth-child(3),
            .working-eventos-contribucion .document .tablas .listado table td:nth-child(3) {
              width: 20%; }
            .working-eventos-contribucion .document .tablas .listado table th a,
            .working-eventos-contribucion .document .tablas .listado table td a {
              display: flex;
              justify-content: center;
              align-items: center; }
            .working-eventos-contribucion .document .tablas .listado table th .eliminar,
            .working-eventos-contribucion .document .tablas .listado table td .eliminar {
              width: 15px;
              filter: brightness(0) saturate(100%) invert(24%) sepia(86%) saturate(3945%) hue-rotate(348deg) brightness(104%) contrast(103%); }
          .working-eventos-contribucion .document .tablas .listado table th {
            background-color: #cba93b;
            color: white; }
          .working-eventos-contribucion .document .tablas .listado table tr:nth-child(even) {
            background-color: #f2f2f2; }
          .working-eventos-contribucion .document .tablas .listado table tr:nth-child(odd) {
            background-color: #ffffff; }
          .working-eventos-contribucion .document .tablas .listado table .img-submit {
            width: 15px;
            filter: brightness(0) saturate(100%) invert(41%) sepia(30%) saturate(730%) hue-rotate(85deg) brightness(102%) contrast(86%); }
    .working-eventos-contribucion .document .button {
      display: flex;
      justify-content: center; }
      .working-eventos-contribucion .document .button button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-contribucion .document .button button:hover {
          background-color: #733f3f; }
        .working-eventos-contribucion .document .button button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
    .working-eventos-contribucion .document .duplicado {
      display: flex;
      justify-content: center;
      padding: 20px;
      text-transform: uppercase;
      color: red; }
  .working-eventos-contribucion .contribucion {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 2rem;
    margin-top: 20px;
    margin-bottom: 20px;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 20px;
    color: #cba93b;
    color: #333333; }
    .working-eventos-contribucion .contribucion form {
      border-radius: 5px;
      padding: 1rem; }
    .working-eventos-contribucion .contribucion div {
      padding: 0.3em; }
      .working-eventos-contribucion .contribucion div label {
        padding-right: 0.5em; }
      .working-eventos-contribucion .contribucion div input {
        padding-left: 0.5rem;
        border-radius: 3px;
        flex-grow: 1;
        flex-shrink: 1; }
      .working-eventos-contribucion .contribucion div select {
        flex-grow: 1;
        flex-shrink: 1; }
    .working-eventos-contribucion .contribucion .button {
      margin-top: 2rem; }
      .working-eventos-contribucion .contribucion .button button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .working-eventos-contribucion .contribucion .button button:hover {
          background-color: #733f3f; }
        .working-eventos-contribucion .contribucion .button button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
    .working-eventos-contribucion .contribucion .opcion-dinamica {
      display: none;
      /* Ocultar todos los div dinámicos por defecto */ }

.recibos {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .recibos h2,
  .recibos h3,
  .recibos label,
  .recibos tr {
    text-transform: uppercase; }
  .recibos .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .recibos .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .recibos .navBotones1 a:hover {
        background-color: #733f3f; }
      .recibos .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .recibos .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .recibos .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .recibos .navBotones1 button:active {
        background-color: #cba93b; }
      .recibos .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .recibos nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .recibos nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .recibos nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .recibos nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .recibos nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .recibos nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .recibos nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .recibos nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .recibos nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .recibos nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .recibos nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .recibos nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .recibos nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .recibos nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .recibos section .filtro {
    display: flex;
    justify-content: center; }
    .recibos section .filtro form {
      display: flex;
      align-items: center; }
      .recibos section .filtro form div {
        margin-top: 20px;
        margin-bottom: 20px;
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 20px;
        color: #cba93b;
        color: #333333;
        display: flex;
        flex-direction: column; }
        .recibos section .filtro form div label {
          margin-bottom: 1rem; }
        .recibos section .filtro form div select {
          margin-bottom: 1rem; }
      .recibos section .filtro form button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        justify-content: center; }
        .recibos section .filtro form button:hover {
          background-color: #733f3f; }
        .recibos section .filtro form button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
  .recibos section .resultados .tabla-recibos {
    overflow-y: auto;
    max-height: 250px; }
  .recibos section .resultados .reciboform {
    display: flex;
    align-items: center; }
    .recibos section .resultados .reciboform table {
      color: #333333;
      width: 50%;
      border-collapse: collapse; }
      .recibos section .resultados .reciboform table th,
      .recibos section .resultados .reciboform table td {
        padding: 6px;
        border: 1px solid #ddd;
        font-size: 0.9rem;
        text-align: center; }
      .recibos section .resultados .reciboform table th {
        background-color: #cba93b;
        color: white; }
      .recibos section .resultados .reciboform table tr:nth-child(even) {
        background-color: #f2f2f2; }
      .recibos section .resultados .reciboform table tr:nth-child(odd) {
        background-color: #ffffff; }
      .recibos section .resultados .reciboform table .acciones {
        margin-top: 20px; }
      .recibos section .resultados .reciboform table .btn {
        background-color: #4caf50;
        color: white;
        padding: 8px 16px;
        border: none;
        cursor: pointer;
        border-radius: 4px; }
      .recibos section .resultados .reciboform table .btn:hover {
        background-color: #45a049; }
      .recibos section .resultados .reciboform table .btn-secondary {
        background-color: #6c757d; }
      .recibos section .resultados .reciboform table .btn-secondary:hover {
        background-color: #5a6268; }
  .recibos section .resultados .cuota {
    display: flex;
    justify-content: center; }
    .recibos section .resultados .cuota .recuadro {
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b;
      color: #333333;
      display: flex;
      flex-direction: column; }
      .recibos section .resultados .cuota .recuadro div {
        display: flex;
        align-items: flex-start;
        padding-top: 1rem; }
        .recibos section .resultados .cuota .recuadro div label {
          margin-right: 1rem; }
        .recibos section .resultados .cuota .recuadro div input {
          flex-grow: 1;
          flex-shrink: 1;
          padding-left: 1rem; }
        .recibos section .resultados .cuota .recuadro div select {
          flex-grow: 1;
          flex-shrink: 1; }
  .recibos section .resultados .acciones {
    display: flex;
    justify-content: center; }
    .recibos section .resultados .acciones input {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .recibos section .resultados .acciones input:hover {
        background-color: #733f3f; }
      .recibos section .resultados .acciones input:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }

.get-recibos {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .get-recibos h2,
  .get-recibos h3,
  .get-recibos label,
  .get-recibos tr {
    text-transform: uppercase; }
  .get-recibos .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .get-recibos .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .get-recibos .navBotones1 a:hover {
        background-color: #733f3f; }
      .get-recibos .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .get-recibos .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .get-recibos .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .get-recibos .navBotones1 button:active {
        background-color: #cba93b; }
      .get-recibos .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .get-recibos nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .get-recibos nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .get-recibos nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .get-recibos nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .get-recibos nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .get-recibos nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .get-recibos nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .get-recibos nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .get-recibos nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .get-recibos nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .get-recibos nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .get-recibos nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .get-recibos nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .get-recibos nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .get-recibos section .table .imprimir a .ver {
    filter: brightness(0) saturate(100%) invert(41%) sepia(30%) saturate(730%) hue-rotate(85deg) brightness(102%) contrast(86%);
    width: 20px; }

.update-recibos {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .update-recibos h2,
  .update-recibos h3,
  .update-recibos label,
  .update-recibos tr {
    text-transform: uppercase; }
  .update-recibos .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .update-recibos .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .update-recibos .navBotones1 a:hover {
        background-color: #733f3f; }
      .update-recibos .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .update-recibos .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .update-recibos .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .update-recibos .navBotones1 button:active {
        background-color: #cba93b; }
      .update-recibos .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .update-recibos nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .update-recibos nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .update-recibos nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-recibos nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .update-recibos nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-recibos nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .update-recibos nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-recibos nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .update-recibos nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-recibos nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .update-recibos nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-recibos nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .update-recibos nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-recibos nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .update-recibos section .update {
    display: flex;
    justify-content: center; }
    .update-recibos section .update .resultados form .cuota .recuadro {
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b;
      color: #333333;
      display: flex;
      flex-direction: column; }
      .update-recibos section .update .resultados form .cuota .recuadro label {
        margin-bottom: 2rem;
        margin-right: 1rem; }
      .update-recibos section .update .resultados form .cuota .recuadro .notas {
        display: flex;
        flex-direction: column; }
        .update-recibos section .update .resultados form .cuota .recuadro .notas label {
          margin-bottom: 0rem; }
  .update-recibos section .acciones {
    display: flex;
    justify-content: space-around;
    text-transform: uppercase; }
    .update-recibos section .acciones button,
    .update-recibos section .acciones a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .update-recibos section .acciones button:hover,
      .update-recibos section .acciones a:hover {
        background-color: #733f3f; }
      .update-recibos section .acciones button:active,
      .update-recibos section .acciones a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }

.update-cuotas {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .update-cuotas h2,
  .update-cuotas h3,
  .update-cuotas label,
  .update-cuotas tr {
    text-transform: uppercase; }
  .update-cuotas .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .update-cuotas .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .update-cuotas .navBotones1 a:hover {
        background-color: #733f3f; }
      .update-cuotas .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .update-cuotas .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .update-cuotas .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .update-cuotas .navBotones1 button:active {
        background-color: #cba93b; }
      .update-cuotas .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .update-cuotas nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .update-cuotas nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .update-cuotas nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-cuotas nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .update-cuotas nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-cuotas nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .update-cuotas nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-cuotas nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .update-cuotas nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-cuotas nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .update-cuotas nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-cuotas nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .update-cuotas nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .update-cuotas nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .update-cuotas section .update {
    display: flex;
    justify-content: center; }
    .update-cuotas section .update form {
      display: flex;
      align-items: center;
      flex-direction: column; }
      .update-cuotas section .update form .cuota .recuadro {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 20px;
        color: #cba93b;
        color: #333333; }
        .update-cuotas section .update form .cuota .recuadro div {
          margin-bottom: 2rem; }
          .update-cuotas section .update form .cuota .recuadro div input,
          .update-cuotas section .update form .cuota .recuadro div select {
            flex-grow: 1;
            flex-shrink: 1;
            padding-left: 0.5rem; }
      .update-cuotas section .update form .acciones button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .update-cuotas section .update form .acciones button:hover {
          background-color: #733f3f; }
        .update-cuotas section .update form .acciones button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }

.ver-recibos {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .ver-recibos h2,
  .ver-recibos h3,
  .ver-recibos label,
  .ver-recibos tr {
    text-transform: uppercase; }
  .ver-recibos .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .ver-recibos .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .ver-recibos .navBotones1 a:hover {
        background-color: #733f3f; }
      .ver-recibos .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .ver-recibos .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .ver-recibos .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .ver-recibos .navBotones1 button:active {
        background-color: #cba93b; }
      .ver-recibos .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .ver-recibos nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .ver-recibos nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .ver-recibos nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-recibos nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .ver-recibos nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-recibos nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .ver-recibos nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-recibos nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .ver-recibos nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-recibos nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .ver-recibos nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-recibos nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .ver-recibos nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-recibos nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .ver-recibos section .update {
    display: flex;
    justify-content: center;
    align-items: center; }
    .ver-recibos section .update .resultados .cuota .recuadro {
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b;
      color: #333333;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .ver-recibos section .update .resultados .cuota .recuadro div {
        margin-bottom: 1rem; }
        .ver-recibos section .update .resultados .cuota .recuadro div label {
          margin-right: 1rem; }
      .ver-recibos section .update .resultados .cuota .recuadro .notas {
        display: flex;
        flex-direction: column; }
        .ver-recibos section .update .resultados .cuota .recuadro .notas span {
          width: 20rem; }
  .ver-recibos section .volver {
    color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px;
    border: none;
    outline: none;
    padding: 0.4rem 1rem;
    margin: 0rem 0.5rem;
    text-transform: uppercase;
    background-color: #3f8854;
    transition: ease-in-out 0.3s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
    .ver-recibos section .volver:hover {
      background-color: #733f3f; }
    .ver-recibos section .volver:active {
      background-color: #6be58e;
      border: solid 3px, #3c7f4f; }

.content .nav {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .content .nav h1 {
    font-size: 5rem; }
.content section .linea {
  margin-top: 6rem;
  margin-bottom: 5rem; }
  .content section .linea hr {
    margin-bottom: 5rem;
    border: 0;
    height: 2px;
    background-color: black;
    width: 75%; }
.content section .span {
  font-size: 2rem; }
.content section .cuerpo {
  display: flex;
  justify-content: space-between; }
  .content section .cuerpo .head {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem; }
    .content section .cuerpo .head div span {
      padding-bottom: 6px;
      display: inline-block; }
  .content section .cuerpo .data {
    font-size: 1.2rem; }
    .content section .cuerpo .data div span {
      padding-bottom: 6px;
      display: inline-block; }
.content section .datos {
  font-size: 1.2rem;
  margin-top: 100px;
  border: 2px solid black;
  padding: 50px 10px; }
  .content section .datos div span {
    padding-bottom: 6px;
    display: inline-block; }

.listar-cuotas {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .listar-cuotas h2,
  .listar-cuotas h3,
  .listar-cuotas label,
  .listar-cuotas tr {
    text-transform: uppercase; }
  .listar-cuotas .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .listar-cuotas .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .listar-cuotas .navBotones1 a:hover {
        background-color: #733f3f; }
      .listar-cuotas .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .listar-cuotas .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .listar-cuotas .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .listar-cuotas .navBotones1 button:active {
        background-color: #cba93b; }
      .listar-cuotas .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .listar-cuotas nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .listar-cuotas nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .listar-cuotas nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .listar-cuotas nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .listar-cuotas nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .listar-cuotas nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .listar-cuotas nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .listar-cuotas nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .listar-cuotas nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .listar-cuotas nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .listar-cuotas nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .listar-cuotas nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .listar-cuotas nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .listar-cuotas nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .listar-cuotas section .resultados {
    flex-direction: column;
    display: flex;
    align-items: center;
    margin-top: 5rem; }
    .listar-cuotas section .resultados table {
      width: 65%;
      color: #333333;
      border-collapse: collapse; }
      .listar-cuotas section .resultados table th,
      .listar-cuotas section .resultados table td {
        padding: 6px;
        border: 1px solid #ddd;
        font-size: 0.9rem;
        text-align: center; }
      .listar-cuotas section .resultados table th {
        background-color: #cba93b;
        color: white; }
      .listar-cuotas section .resultados table tr:nth-child(even) {
        background-color: #f2f2f2; }
      .listar-cuotas section .resultados table tr:nth-child(odd) {
        background-color: #ffffff; }
      .listar-cuotas section .resultados table td.edi a {
        display: flex;
        justify-content: center; }
      .listar-cuotas section .resultados table td.edi .editar {
        filter: brightness(0) saturate(100%) invert(41%) sepia(30%) saturate(730%) hue-rotate(85deg) brightness(102%) contrast(86%);
        width: 15px; }
    .listar-cuotas section .resultados .pages {
      width: 65%; }

.ver-eventos {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .ver-eventos h2,
  .ver-eventos h3,
  .ver-eventos label,
  .ver-eventos tr {
    text-transform: uppercase; }
  .ver-eventos .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .ver-eventos .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .ver-eventos .navBotones1 a:hover {
        background-color: #733f3f; }
      .ver-eventos .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .ver-eventos .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .ver-eventos .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .ver-eventos .navBotones1 button:active {
        background-color: #cba93b; }
      .ver-eventos .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .ver-eventos nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .ver-eventos nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .ver-eventos nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-eventos nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .ver-eventos nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-eventos nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .ver-eventos nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-eventos nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .ver-eventos nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-eventos nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .ver-eventos nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-eventos nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .ver-eventos nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-eventos nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .ver-eventos section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .ver-eventos section .formularios {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      gap: 20px;
      margin: 0px 7%;
      margin-top: 30px; }
      .ver-eventos section .formularios h3 {
        color: #cba93b; }
      .ver-eventos section .formularios .formDatos {
        /*  .error {
            color: red;
            font-size: 14px;
            display: none; /* Ocultar mensaje por defecto 
        } */
        flex: 1; }
        .ver-eventos section .formularios .formDatos input.error-border {
          border: 2px solid red; }
        .ver-eventos section .formularios .formDatos > div:nth-child(2) {
          border: 2px solid #cba93b;
          border-radius: 5px;
          padding: 15px; }
        .ver-eventos section .formularios .formDatos .form {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          flex: 1;
          align-items: flex-start; }
          .ver-eventos section .formularios .formDatos .form div {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            padding: 0.4em; }
            .ver-eventos section .formularios .formDatos .form div label {
              padding-right: 0.4em; }
            .ver-eventos section .formularios .formDatos .form div input {
              color: #333333;
              border-radius: 5px;
              flex-grow: 1;
              flex-shrink: 1; }
    .ver-eventos section .otrosDatos {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      gap: 20px;
      margin: 0px 7%; }
      .ver-eventos section .otrosDatos h3 {
        color: #cba93b; }
      .ver-eventos section .otrosDatos .formDatos {
        margin-top: 30px;
        flex: 1;
        display: flex;
        flex-direction: column; }
        .ver-eventos section .otrosDatos .formDatos > div:nth-child(2) {
          border: 2px solid #cba93b;
          border-radius: 5px;
          padding: 15px; }
        .ver-eventos section .otrosDatos .formDatos > div:first-child {
          flex: 0;
          /* para que el título no se expanda */ }
        .ver-eventos section .otrosDatos .formDatos div {
          flex: 1;
          display: flex;
          flex-direction: column; }
        .ver-eventos section .otrosDatos .formDatos .logotipo-img {
          flex: 1;
          display: flex; }
          .ver-eventos section .otrosDatos .formDatos .logotipo-img .logotipo {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 150px;
            /* Ancho específico del div */
            height: 75px;
            /* Alto específico del div */
            overflow: hidden; }
            .ver-eventos section .otrosDatos .formDatos .logotipo-img .logotipo img {
              width: 100%;
              /* La imagen ocupa todo el ancho del contenedor */
              height: 100%;
              /* La imagen ocupa todo el alto del contenedor */
              object-fit: cover; }
          .ver-eventos section .otrosDatos .formDatos .logotipo-img .preview-container #imagePreview {
            max-width: 100px;
            margin: 10px 0; }
          .ver-eventos section .otrosDatos .formDatos .logotipo-img .preview-container .preview-container {
            display: none; }
    .ver-eventos section .notas {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      margin: 0px 7%;
      margin-top: 30px;
      color: #cba93b; }
      .ver-eventos section .notas div {
        margin-top: 20px;
        margin-bottom: 20px;
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 20px;
        color: #cba93b;
        margin-top: 0px;
        padding: 2rem 5rem; }
        .ver-eventos section .notas div p {
          color: #333333; }
    .ver-eventos section .navBotones2 {
      display: flex;
      bottom: 10px;
      justify-content: right;
      align-items: center;
      margin: 0px 7%; }
      .ver-eventos section .navBotones2 button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-eventos section .navBotones2 button:hover {
          background-color: #733f3f; }
        .ver-eventos section .navBotones2 button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
    .ver-eventos section .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
    .ver-eventos section .modal-contenido {
      background-color: white;
      margin: 15% auto;
      padding: 20px;
      width: 70%;
      max-width: 500px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .ver-eventos section .modal-contenido button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-eventos section .modal-contenido button:hover {
          background-color: #733f3f; }
        .ver-eventos section .modal-contenido button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }

.add-cuotas {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .add-cuotas h2,
  .add-cuotas h3,
  .add-cuotas label,
  .add-cuotas tr {
    text-transform: uppercase; }
  .add-cuotas .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .add-cuotas .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .add-cuotas .navBotones1 a:hover {
        background-color: #733f3f; }
      .add-cuotas .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .add-cuotas .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .add-cuotas .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .add-cuotas .navBotones1 button:active {
        background-color: #cba93b; }
      .add-cuotas .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .add-cuotas nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .add-cuotas nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .add-cuotas nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .add-cuotas nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .add-cuotas nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .add-cuotas nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .add-cuotas nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .add-cuotas nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .add-cuotas nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .add-cuotas nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .add-cuotas nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .add-cuotas nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .add-cuotas nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .add-cuotas nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .add-cuotas section .update {
    display: flex;
    justify-content: center;
    max-height: 100%; }
    .add-cuotas section .update form {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-top: 3rem; }
      .add-cuotas section .update form .cuota .recuadro {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 20px;
        color: #cba93b;
        color: #333333; }
        .add-cuotas section .update form .cuota .recuadro div {
          margin-bottom: 2rem; }
          .add-cuotas section .update form .cuota .recuadro div input,
          .add-cuotas section .update form .cuota .recuadro div select {
            flex-grow: 1;
            flex-shrink: 1;
            padding-left: 0.5rem; }
      .add-cuotas section .update form .acciones button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .add-cuotas section .update form .acciones button:hover {
          background-color: #733f3f; }
        .add-cuotas section .update form .acciones button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }

.ver-fotografia {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .ver-fotografia h2,
  .ver-fotografia h3,
  .ver-fotografia label,
  .ver-fotografia tr {
    text-transform: uppercase; }
  .ver-fotografia .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .ver-fotografia .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .ver-fotografia .navBotones1 a:hover {
        background-color: #733f3f; }
      .ver-fotografia .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .ver-fotografia .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .ver-fotografia .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .ver-fotografia .navBotones1 button:active {
        background-color: #cba93b; }
      .ver-fotografia .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .ver-fotografia nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .ver-fotografia nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .ver-fotografia nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-fotografia nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .ver-fotografia nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-fotografia nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .ver-fotografia nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-fotografia nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .ver-fotografia nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-fotografia nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .ver-fotografia nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-fotografia nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .ver-fotografia nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-fotografia nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .ver-fotografia section .buscar {
    display: flex;
    justify-content: center;
    padding: 30px 0px; }
    .ver-fotografia section .buscar form {
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      display: flex;
      flex-direction: row; }
      .ver-fotografia section .buscar form div input {
        margin-right: 5px;
        padding: 5px; }
      .ver-fotografia section .buscar form div button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .ver-fotografia section .buscar form div button:hover {
          background-color: #733f3f; }
        .ver-fotografia section .buscar form div button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .ver-fotografia section .buscar form div button img {
          width: 20px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .ver-fotografia section .listado {
    display: flex;
    justify-content: center;
    max-height: 150px;
    overflow-y: auto;
    isolation: isolate;
    margin-bottom: 3rem; }
    .ver-fotografia section .listado thead {
      position: sticky;
      top: 0;
      z-index: 2; }
    .ver-fotografia section .listado table {
      color: #333333;
      width: 50%;
      text-align: center;
      border-spacing: 0;
      border-collapse: separate; }
      .ver-fotografia section .listado table th,
      .ver-fotografia section .listado table td {
        padding: 10px;
        border: 1px solid #ddd; }
      .ver-fotografia section .listado table th {
        background-color: #cba93b;
        color: white; }
      .ver-fotografia section .listado table tr:nth-child(even) {
        background-color: #f2f2f2; }
      .ver-fotografia section .listado table tr:nth-child(odd) {
        background-color: #ffffff; }
      .ver-fotografia section .listado table .ver a img {
        width: 20px;
        filter: brightness(0) saturate(100%) invert(60%) sepia(63%) saturate(407%) hue-rotate(68deg) brightness(90%) contrast(84%); }
  .ver-fotografia section .foto {
    display: flex;
    flex-wrap: wrap; }
    .ver-fotografia section .foto .image-container {
      position: relative;
      cursor: zoom-in;
      transition: transform 0.3s ease;
      display: inline-block;
      margin: 10px; }
    .ver-fotografia section .foto .acciones {
      display: flex; }
    .ver-fotografia section .foto .image-container.zoomed {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(3);
      z-index: 1000;
      background: rgba(0, 0, 0, 0.7);
      padding: 20px; }
    .ver-fotografia section .foto .image-container.zoomed img {
      max-width: 90vw;
      max-height: 90vh;
      object-fit: contain; }
    .ver-fotografia section .foto .close-zoom {
      display: none;
      position: fixed;
      top: 20px;
      right: 20px;
      color: white;
      font-size: 30px;
      cursor: pointer;
      z-index: 1001; }
    .ver-fotografia section .foto .eliminar {
      width: 15px;
      filter: brightness(0) saturate(100%) invert(24%) sepia(86%) saturate(3945%) hue-rotate(348deg) brightness(104%) contrast(103%);
      transition: filter 0.3s ease, transform 0.2s ease;
      width: 0.5s ease; }
      .ver-fotografia section .foto .eliminar:hover {
        width: 20px;
        filter: brightness(0) saturate(100%) invert(24%) sepia(86%) saturate(3945%) hue-rotate(348deg) brightness(104%) contrast(70%); }

.menus {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .menus h2,
  .menus h3,
  .menus label,
  .menus tr {
    text-transform: uppercase; }
  .menus .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .menus .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .menus .navBotones1 a:hover {
        background-color: #733f3f; }
      .menus .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .menus .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .menus .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .menus .navBotones1 button:active {
        background-color: #cba93b; }
      .menus .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .menus nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .menus nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .menus nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .menus nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .menus nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
      .menus nav .nav .acciones .modificar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .menus nav .nav .acciones .modificar:hover {
          background-color: #733f3f; }
        .menus nav .nav .acciones .modificar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
  .menus .menuEvento {
    display: flex;
    margin-bottom: 50px;
    width: 100%;
    box-sizing: border-box; }
    .menus .menuEvento div {
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      margin-top: 5rem;
      gap: 10px; }
      .menus .menuEvento div a {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        height: 105px;
        width: 105px;
        padding: 1rem; }
        .menus .menuEvento div a:hover {
          background-color: #733f3f; }
        .menus .menuEvento div a:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .menus .menuEvento div a img {
          width: 25px;
          padding-bottom: 3px;
          filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1167%) hue-rotate(247deg) brightness(114%) contrast(92%); }
        .menus .menuEvento div a span {
          text-align: center; }
        .menus .menuEvento div a p {
          text-align: center; }

.facturas {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .facturas h2,
  .facturas h3,
  .facturas label,
  .facturas tr {
    text-transform: uppercase; }
  .facturas .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .facturas .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .facturas .navBotones1 a:hover {
        background-color: #733f3f; }
      .facturas .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .facturas .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .facturas .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .facturas .navBotones1 button:active {
        background-color: #cba93b; }
      .facturas .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .facturas nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .facturas nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .facturas nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .facturas nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .facturas nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .facturas nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .facturas nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .facturas nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .facturas nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .facturas nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .facturas nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .facturas nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .facturas nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .facturas nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .facturas section .filtro {
    display: flex;
    justify-content: center; }
    .facturas section .filtro form {
      display: flex;
      align-items: center; }
      .facturas section .filtro form div {
        margin-top: 20px;
        margin-bottom: 20px;
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 20px;
        color: #cba93b;
        color: #333333;
        display: flex;
        flex-direction: column; }
        .facturas section .filtro form div label {
          margin-bottom: 1rem; }
        .facturas section .filtro form div select {
          margin-bottom: 1rem; }
      .facturas section .filtro form button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        justify-content: center; }
        .facturas section .filtro form button:hover {
          background-color: #733f3f; }
        .facturas section .filtro form button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
  .facturas section .resultados .resultado-facturas {
    overflow-y: auto;
    max-height: 250px; }
  .facturas section .resultados .reciboform {
    display: flex;
    align-items: center; }
    .facturas section .resultados .reciboform table {
      color: #333333;
      width: 50%;
      border-collapse: collapse; }
      .facturas section .resultados .reciboform table th,
      .facturas section .resultados .reciboform table td {
        padding: 6px;
        border: 1px solid #ddd;
        font-size: 0.9rem;
        text-align: center; }
      .facturas section .resultados .reciboform table th {
        background-color: #cba93b;
        color: white; }
      .facturas section .resultados .reciboform table tr:nth-child(even) {
        background-color: #f2f2f2; }
      .facturas section .resultados .reciboform table tr:nth-child(odd) {
        background-color: #ffffff; }
      .facturas section .resultados .reciboform table .acciones {
        margin-top: 20px; }
      .facturas section .resultados .reciboform table .btn {
        background-color: #4caf50;
        color: white;
        padding: 8px 16px;
        border: none;
        cursor: pointer;
        border-radius: 4px; }
      .facturas section .resultados .reciboform table .btn:hover {
        background-color: #45a049; }
      .facturas section .resultados .reciboform table .btn-secondary {
        background-color: #6c757d; }
      .facturas section .resultados .reciboform table .btn-secondary:hover {
        background-color: #5a6268; }
  .facturas section .resultados .cuota {
    display: flex;
    justify-content: center; }
    .facturas section .resultados .cuota .recuadro {
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b;
      color: #333333;
      display: flex;
      flex-direction: column; }
      .facturas section .resultados .cuota .recuadro div {
        display: flex;
        align-items: flex-start;
        padding-top: 1rem; }
        .facturas section .resultados .cuota .recuadro div label {
          margin-right: 1rem; }
        .facturas section .resultados .cuota .recuadro div input {
          flex-grow: 1;
          flex-shrink: 1;
          padding-left: 1rem; }
        .facturas section .resultados .cuota .recuadro div select {
          flex-grow: 1;
          flex-shrink: 1; }
  .facturas section .resultados .acciones {
    display: flex;
    justify-content: center; }
    .facturas section .resultados .acciones input {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .facturas section .resultados .acciones input:hover {
        background-color: #733f3f; }
      .facturas section .resultados .acciones input:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }

.facturasUpdate {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .facturasUpdate h2,
  .facturasUpdate h3,
  .facturasUpdate label,
  .facturasUpdate tr {
    text-transform: uppercase; }
  .facturasUpdate .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .facturasUpdate .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .facturasUpdate .navBotones1 a:hover {
        background-color: #733f3f; }
      .facturasUpdate .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .facturasUpdate .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .facturasUpdate .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .facturasUpdate .navBotones1 button:active {
        background-color: #cba93b; }
      .facturasUpdate .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .facturasUpdate nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .facturasUpdate nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .facturasUpdate nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .facturasUpdate nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .facturasUpdate nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .facturasUpdate nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .facturasUpdate nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .facturasUpdate nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .facturasUpdate nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .facturasUpdate nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .facturasUpdate nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .facturasUpdate nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .facturasUpdate nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .facturasUpdate nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .facturasUpdate section .resultados .cuota {
    display: flex;
    justify-content: center; }
    .facturasUpdate section .resultados .cuota .recuadro {
      margin-top: 20px;
      margin-bottom: 20px;
      border: #cba93b solid 2px;
      border-radius: 5px;
      padding: 20px;
      color: #cba93b;
      color: #333333;
      display: flex;
      flex-direction: column; }
      .facturasUpdate section .resultados .cuota .recuadro div {
        display: flex;
        align-items: flex-start;
        padding-top: 1rem; }
        .facturasUpdate section .resultados .cuota .recuadro div label {
          margin-right: 1rem; }
        .facturasUpdate section .resultados .cuota .recuadro div input {
          flex-grow: 1;
          flex-shrink: 1;
          padding-left: 1rem; }
        .facturasUpdate section .resultados .cuota .recuadro div select {
          flex-grow: 1;
          flex-shrink: 1; }
  .facturasUpdate section .resultados .acciones {
    display: flex;
    justify-content: center; }
    .facturasUpdate section .resultados .acciones button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .facturasUpdate section .resultados .acciones button:hover {
        background-color: #733f3f; }
      .facturasUpdate section .resultados .acciones button:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }

.list-recibos {
  background-color: #f6f6f6;
  margin: 10px 2% 10px 0%;
  padding: 5px 2% 15px 2%;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  width: 83%;
  align-items: stretch;
  justify-content: flex-start; }
  .list-recibos h2,
  .list-recibos h3,
  .list-recibos label,
  .list-recibos tr {
    text-transform: uppercase; }
  .list-recibos .navBotones1 {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 5px 20px;
    width: 100%; }
    .list-recibos .navBotones1 a {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .list-recibos .navBotones1 a:hover {
        background-color: #733f3f; }
      .list-recibos .navBotones1 a:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .list-recibos .navBotones1 button {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      cursor: pointer;
      border-radius: 10px;
      border: none;
      outline: none;
      padding: 0.2em 1em;
      margin: 0px 0.5em;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      height: 40px;
      text-transform: uppercase; }
      .list-recibos .navBotones1 button:hover {
        transform: scale(1.2);
        box-shadow: 0px 2px 25px rgba(204, 167, 57, 0.8); }
      .list-recibos .navBotones1 button:active {
        background-color: #cba93b; }
      .list-recibos .navBotones1 button:disabled {
        background-color: gray;
        cursor: not-allowed; }
  .list-recibos nav .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    position: relative;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 2rem;
    color: #cba93b;
    font-weight: bold;
    font-size: 1.5rem; }
    .list-recibos nav .nav .acciones {
      display: flex;
      right: 20px;
      position: absolute; }
      .list-recibos nav .nav .acciones .buscar {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .list-recibos nav .nav .acciones .buscar:hover {
          background-color: #733f3f; }
        .list-recibos nav .nav .acciones .buscar:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .list-recibos nav .nav .acciones .buscar a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .list-recibos nav .nav .acciones .add-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .list-recibos nav .nav .acciones .add-doc:hover {
          background-color: #733f3f; }
        .list-recibos nav .nav .acciones .add-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .list-recibos nav .nav .acciones .add-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
      .list-recibos nav .nav .acciones .ver-doc {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        .list-recibos nav .nav .acciones .ver-doc:hover {
          background-color: #733f3f; }
        .list-recibos nav .nav .acciones .ver-doc:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
        .list-recibos nav .nav .acciones .ver-doc a img {
          width: 30px;
          filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(54%) hue-rotate(179deg) brightness(115%) contrast(92%); }
  .list-recibos section {
    height: 500px; }
    .list-recibos section .content {
      display: flex;
      align-items: center;
      margin-top: 5rem; }
      .list-recibos section .content form {
        margin-top: 20px;
        margin-bottom: 20px;
        border: #cba93b solid 2px;
        border-radius: 5px;
        padding: 20px;
        color: #cba93b;
        color: #333333;
        padding: 3rem; }
      .list-recibos section .content .estado {
        display: flex;
        flex-direction: column; }
        .list-recibos section .content .estado div {
          display: flex;
          justify-content: space-between;
          margin-bottom: 1.1rem; }
      .list-recibos section .content .fecha {
        display: flex;
        flex-direction: column; }
        .list-recibos section .content .fecha div {
          display: flex;
          justify-content: space-between;
          margin-bottom: 1.1rem; }
          .list-recibos section .content .fecha div label {
            margin-right: 1.1rem; }
      .list-recibos section .content .button {
        display: flex;
        justify-content: center;
        margin-top: 2rem; }
        .list-recibos section .content .button button {
          color: #f5f5f5;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 6px;
          border: none;
          outline: none;
          padding: 0.4rem 1rem;
          margin: 0rem 0.5rem;
          text-transform: uppercase;
          background-color: #3f8854;
          transition: ease-in-out 0.3s;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
          .list-recibos section .content .button button:hover {
            background-color: #733f3f; }
          .list-recibos section .content .button button:active {
            background-color: #6be58e;
            border: solid 3px, #3c7f4f; }

section .home-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 3rem; }
  section .home-container .logo {
    margin-bottom: 1rem; }
    section .home-container .logo img {
      width: 150px; }
  section .home-container form {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 20px;
    color: #cba93b;
    color: #f5f5f5; }
    section .home-container form div {
      margin: 1.5rem 0rem;
      display: flex;
      justify-content: center;
      /* Centra horizontalmente */
      align-items: center; }
      section .home-container form div label {
        margin-right: 1.1rem;
        text-transform: uppercase; }
      section .home-container form div input {
        border-radius: 6px;
        padding-left: 0.5rem;
        flex-grow: 1;
        flex-shrink: 1;
        height: 2rem; }
    section .home-container form .mensaje {
      color: red; }
    section .home-container form .boton {
      display: flex;
      justify-content: center; }
      section .home-container form .boton button {
        color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 6px;
        border: none;
        outline: none;
        padding: 0.4rem 1rem;
        margin: 0rem 0.5rem;
        text-transform: uppercase;
        background-color: #3f8854;
        transition: ease-in-out 0.3s;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        section .home-container form .boton button:hover {
          background-color: #733f3f; }
        section .home-container form .boton button:active {
          background-color: #6be58e;
          border: solid 3px, #3c7f4f; }
    section .home-container form .pass {
      display: flex;
      justify-content: center; }
      section .home-container form .pass a {
        text-decoration: none;
        color: #cba93b;
        transition: color 0.3s ease; }
        section .home-container form .pass a:hover {
          color: #f5f5f5; }
    section .home-container form .mensaje {
      display: flex;
      justify-content: center; }
    section .home-container form .errores {
      display: flex;
      justify-content: center;
      color: red; }

section .confirmacion {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 3rem;
  height: 100; }
  section .confirmacion .logo {
    margin-bottom: 5rem; }
    section .confirmacion .logo img {
      width: 100px; }
  section .confirmacion .respuesta {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 20px;
    color: #cba93b;
    text-transform: uppercase;
    gap: 2rem; }
    section .confirmacion .respuesta a {
      color: #f5f5f5;
      text-transform: uppercase;
      text-decoration: none;
      transition: color 0.3s ease; }
      section .confirmacion .respuesta a:hover {
        color: #767676; }

footer {
  margin-top: auto;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-evenly;
  padding: 2rem 1rem; }
  footer img {
    width: 300px;
    height: auto; }
  footer a {
    text-decoration: none;
    color: #f5f5f5; }

.footer_logo {
  display: flex;
  align-items: center;
  justify-content: space-evenly; }
  .footer_logo img {
    width: 300px;
    height: auto; }
  .footer_logo a {
    text-decoration: none;
    color: #f5f5f5; }

.home-pass {
  display: flex;
  justify-content: center;
  /* Centrado horizontal */
  align-items: center;
  margin-top: 20rem; }
  .home-pass form {
    margin-top: 20px;
    margin-bottom: 20px;
    border: #cba93b solid 2px;
    border-radius: 5px;
    padding: 20px;
    color: #cba93b;
    color: #333333; }
    .home-pass form div {
      margin-top: 2rem; }
      .home-pass form div label {
        margin-right: 1rem; }
      .home-pass form div input {
        color: #333333;
        padding-left: 1rem; }
    .home-pass form .boton {
      color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 6px;
      border: none;
      outline: none;
      padding: 0.4rem 1rem;
      margin: 0rem 0.5rem;
      text-transform: uppercase;
      background-color: #3f8854;
      transition: ease-in-out 0.3s;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
      .home-pass form .boton:hover {
        background-color: #733f3f; }
      .home-pass form .boton:active {
        background-color: #6be58e;
        border: solid 3px, #3c7f4f; }
    .home-pass form .errores {
      color: red; }
    .home-pass form span {
      color: #333333;
      font-size: 1rem;
      text-transform: uppercase; }

/*# sourceMappingURL=style.css.map */