@charset "UTF-8";
/* CSS Document */

/* Sistema base de grid 12 columnas */
.grid-row {display: grid; grid-template-columns: repeat(12, 1fr); gap: 0;}
/* Sistema base de grid 16 columnas */
.grid-row-16 {display: grid; grid-template-columns: repeat(16, 1fr); gap: 0;}

[class*="grid-small-"] { padding-left: 0.313rem; padding-right: 0.313rem; }
.grid-small-12 { padding-left: 0; padding-right: 0; }

/* Eliminar padding exterior en primera y última columna */
.grid-row > [class*="grid-"]:first-child { padding-left: 0;}
.grid-row > [class*="grid-"]:last-child { padding-right: 0;}

/* EXCEPCIÓN: Filas con reordenamiento, mantener padding en todos */
.grid-row-reordered > [class*="grid-"] { padding-left: 0.313rem !important; padding-right: 0.313rem !important;}

.grid-row > a { display: contents; }

/* iguala el alto de los fieldset cuando están bajo un div con clases grid-row e igualar-alto */
.grid-row.igualar-alto > [class*="grid-"] > fieldset { height: 100%; }

/* SMALL (por defecto, móviles) - < 640px */
.grid-small-1 { grid-column: span 1; }
.grid-small-2 { grid-column: span 2; }
.grid-small-3 { grid-column: span 3; }
.grid-small-4 { grid-column: span 4; }
.grid-small-5 { grid-column: span 5; }
.grid-small-6 { grid-column: span 6; }
.grid-small-7 { grid-column: span 7; }
.grid-small-8 { grid-column: span 8; }
.grid-small-9 { grid-column: span 9; }
.grid-small-10 { grid-column: span 10; }
.grid-small-11 { grid-column: span 11; }
.grid-small-12 { grid-column: span 12; }
.grid-small-13 { grid-column: span 13; }
.grid-small-14 { grid-column: span 14; }
.grid-small-15 { grid-column: span 15; }
.grid-small-16 { grid-column: span 16; }

/* ORDER - SMALL */
.grid-small-order-1 { order: 1; }
.grid-small-order-2 { order: 2; }
.grid-small-order-3 { order: 3; }
.grid-small-order-4 { order: 4; }
.grid-small-order-5 { order: 5; }
.grid-small-order-6 { order: 6; }
.grid-small-order-7 { order: 7; }
.grid-small-order-8 { order: 8; }
.grid-small-order-9 { order: 9; }
.grid-small-order-10 { order: 10; }
.grid-small-order-11 { order: 11; }
.grid-small-order-12 { order: 12; }

/* OFFSET (dejar columnas vacías antes del elemento) */
.grid-small-offset-1 { grid-column-start: 2; }
.grid-small-offset-2 { grid-column-start: 3; }
.grid-small-offset-4 { grid-column-start: 5; }
.grid-small-offset-5 { grid-column-start: 6; }
.grid-small-offset-6 { grid-column-start: 7; }
.grid-small-offset-7 { grid-column-start: 8; }
.grid-small-offset-8 { grid-column-start: 9; }
.grid-small-offset-9 { grid-column-start: 10; }
.grid-small-offset-10 { grid-column-start: 11; }
.grid-small-offset-11 { grid-column-start: 12; }

/* UP */
.grid-small-up-1 { grid-template-columns: repeat(1, 1fr); }
.grid-small-up-2 { grid-template-columns: repeat(2, 1fr); }
.grid-small-up-3 { grid-template-columns: repeat(3, 1fr); }
.grid-small-up-4 { grid-template-columns: repeat(4, 1fr); }
.grid-small-up-5 { grid-template-columns: repeat(5, 1fr); }
.grid-small-up-6 { grid-template-columns: repeat(6, 1fr); }
.grid-small-up-7 { grid-template-columns: repeat(7, 1fr); }
.grid-small-up-8 { grid-template-columns: repeat(8, 1fr); }

/* CENTERED */
.grid-small-centered { justify-content: center; }

/* UNCENTERED */
.grid-small-uncentered { justify-content: start; }

/* COLLAPSE - Quita el padding */
.grid-collapse > [class*="grid-"] { padding-left: 0; padding-right: 0; }
.grid-small-collapse > [class*="grid-"] { padding-left: 0; padding-right: 0;}

/* UNCOLLAPSE - restaura gap */
.grid-small-uncollapse { gap: 0; }

.grid-small-uncollapse > [class*="grid-"] { padding-left: 15px; padding-right: 15px; }

[class*="grid-small-"],
[class*="grid-medium-"],
[class*="grid-large-"] {
    text-align: left;
}

/* Alineación horizontal */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }

/* Alineación vertical */
.align-top { align-self: start; }
.align-middle { align-self: center; }
.align-bottom { align-self: end; }


/* SMALL - Anchos para tablas */
table.grid-small-1 { width: 8.33333%; }
table.grid-small-2 { width: 16.66667%; }
table.grid-small-3 { width: 25%; }
table.grid-small-4 { width: 33.33333%; }
table.grid-small-5 { width: 41.66667%; }
table.grid-small-6 { width: 50%; }
table.grid-small-7 { width: 58.33333%; }
table.grid-small-8 { width: 66.66667%; }
table.grid-small-9 { width: 75%; }
table.grid-small-10 { width: 83.33333%; }
table.grid-small-11 { width: 91.66667%; }
table.grid-small-12 { width: 100%; }

/* Solo para elementos <td> y <th> */
td.grid-small-12,
th.grid-small-12 {
  width: 100%;
}

@media only screen {
  .small-text-left {text-align: left !important; }
  .small-text-right {text-align: right !important; }
  .small-text-center {text-align: center !important; }
  .small-text-justify {text-align: justify !important; } 
}

/* medium (tablets) - > 640px+ */
@media (min-width: 40em) {
	
  [class*="grid-medium-"] { padding-left: 0.9375rem; padding-right: 0.9375rem; }
  
  .grid-medium-1 { grid-column: span 1; }
  .grid-medium-2 { grid-column: span 2; }
  .grid-medium-3 { grid-column: span 3; }
  .grid-medium-4 { grid-column: span 4; }
  .grid-medium-5 { grid-column: span 5; }
  .grid-medium-6 { grid-column: span 6; }
  .grid-medium-7 { grid-column: span 7; }
  .grid-medium-8 { grid-column: span 8; }
  .grid-medium-9 { grid-column: span 9; }
  .grid-medium-10 { grid-column: span 10; }
  .grid-medium-11 { grid-column: span 11; }
  .grid-medium-12 { grid-column: span 12; }

  /* Alineación horizontal */  
  .medium-text-left { text-align: left !important; }
  .medium-text-right { text-align: right !important; }
  .medium-text-center { text-align: center !important; }
  .medium-text-justify { text-align: justify !important; }

	/* ORDER - MEDIUM */
  .grid-medium-order-1 { order: 1; }
  .grid-medium-order-2 { order: 2; }
  .grid-medium-order-3 { order: 3; }
  .grid-medium-order-4 { order: 4; }
  .grid-medium-order-5 { order: 5; }
  .grid-medium-order-6 { order: 6; }
  .grid-medium-order-7 { order: 7; }
  .grid-medium-order-8 { order: 8; }
  .grid-medium-order-9 { order: 9; }
  .grid-medium-order-10 { order: 10; }
  .grid-medium-order-11 { order: 11; }
  .grid-medium-order-12 { order: 12; }

  /* Offset */
  .grid-medium-offset-1 { grid-column-start: 2; }
  .grid-medium-offset-2 { grid-column-start: 3; }
  .grid-medium-offset-3 { grid-column-start: 4; }
  .grid-medium-offset-4 { grid-column-start: 5; }
  .grid-medium-offset-5 { grid-column-start: 6; }
  .grid-medium-offset-6 { grid-column-start: 7; }
  .grid-medium-offset-7 { grid-column-start: 8; }
  .grid-medium-offset-8 { grid-column-start: 9; }
  .grid-medium-offset-9 { grid-column-start: 10; }
  .grid-medium-offset-10 { grid-column-start: 11; }
  .grid-medium-offset-11 { grid-column-start: 12; }

  /* UP */
  .grid-medium-up-1 { grid-template-columns: repeat(1, 1fr); }
  .grid-medium-up-2 { grid-template-columns: repeat(2, 1fr); }
  .grid-medium-up-3 { grid-template-columns: repeat(3, 1fr); }
  .grid-medium-up-4 { grid-template-columns: repeat(4, 1fr); }
  .grid-medium-up-5 { grid-template-columns: repeat(5, 1fr); }
  .grid-medium-up-6 { grid-template-columns: repeat(6, 1fr); }
  .grid-medium-up-7 { grid-template-columns: repeat(7, 1fr); }
  .grid-medium-up-8 { grid-template-columns: repeat(8, 1fr); }

	/* Collapse */
  .grid-medium-collapse > [class*="grid-"] { padding-left: 0px; padding-right: 0px; }

	/* UNCOLLAPSE - restaura gap en tablets */
  .grid-medium-uncollapse {
    gap: 0;
  }
  
  .grid-medium-uncollapse > [class*="grid-"] { padding-left: 15px; padding-right: 15px; }

	/* CENTERED */
  .grid-medium-centered { justify-content: center; }

	/* UNCENTERED */
  .grid-medium-uncentered { justify-content: start; }

  /* para tablas */
  table.grid-medium-1 { width: 8.33333%; }
  table.grid-medium-2 { width: 16.66667%; }
  table.grid-medium-3 { width: 25%; }
  table.grid-medium-4 { width: 33.33333%; }
  table.grid-medium-5 { width: 41.66667%; }
  table.grid-medium-6 { width: 50%; }
  table.grid-medium-7 { width: 58.33333%; }
  table.grid-medium-8 { width: 66.66667%; }
  table.grid-medium-9 { width: 75%; }
  table.grid-medium-10 { width: 83.33333%; }
  table.grid-medium-11 { width: 91.66667%; }
  table.grid-medium-12 { width: 100%; }

  /*para celdas de tablas */
  td.medium-1, th.medium-1 { width: 8.33333%; }
  td.medium-2, th.medium-2 { width: 16.66667%; }
  td.medium-3, th.medium-3 { width: 25%; }
  td.medium-4, th.medium-4 { width: 33.33333%; }
  td.medium-5, th.medium-5 { width: 41.66667%; }
  td.medium-6, th.medium-6 { width: 50%; }
  td.medium-7, th.medium-7 { width: 58.33333%; }
  td.medium-8, th.medium-8 { width: 66.66667%; }
  td.medium-9, th.medium-9 { width: 75%; }
  td.medium-10, th.medium-10 { width: 83.33333%; }
  td.medium-11, th.medium-11 { width: 91.66667%; }
  td.medium-12, th.medium-12 { width: 100%; }
}

/* LARGE (escritorio) - > 1024px+ */
@media (min-width: 64em) {
  
  [class*="grid-large-"] { padding-left: 0.9375rem; padding-right: 0.9375rem; }
  
  .grid-large-1 { grid-column: span 1; }
  .grid-large-2 { grid-column: span 2; }
  .grid-large-3 { grid-column: span 3; }
  .grid-large-4 { grid-column: span 4; }
  .grid-large-5 { grid-column: span 5; }
  .grid-large-6 { grid-column: span 6; }
  .grid-large-7 { grid-column: span 7; }
  .grid-large-8 { grid-column: span 8; }
  .grid-large-9 { grid-column: span 9; }
  .grid-large-10 { grid-column: span 10; }
  .grid-large-11 { grid-column: span 11; }
  .grid-large-12 { grid-column: span 12; }
  
  /* Alineación horizontal */  
  .large-text-left { text-align: left !important; }
  .large-text-right { text-align: right !important; }
  .large-text-center { text-align: center !important; }
  .large-text-justify { text-align: justify !important; }

	/* ORDER - LARGE */
  .grid-large-order-1 { order: 1; }
  .grid-large-order-2 { order: 2; }
  .grid-large-order-3 { order: 3; }
  .grid-large-order-4 { order: 4; }
  .grid-large-order-5 { order: 5; }
  .grid-large-order-6 { order: 6; }
  .grid-large-order-7 { order: 7; }
  .grid-large-order-8 { order: 8; }
  .grid-large-order-9 { order: 9; }
  .grid-large-order-10 { order: 10; }
  .grid-large-order-11 { order: 11; }
  .grid-large-order-12 { order: 12; }
  
  /* Offset */
  .grid-large-offset-1 { grid-column-start: 2; }
  .grid-large-offset-2 { grid-column-start: 3; }
  .grid-large-offset-3 { grid-column-start: 4; }
  .grid-large-offset-4 { grid-column-start: 5; }
  .grid-large-offset-5 { grid-column-start: 6; }
  .grid-large-offset-6 { grid-column-start: 7; }
  .grid-large-offset-7 { grid-column-start: 8; }
  .grid-large-offset-8 { grid-column-start: 9; }
  .grid-large-offset-9 { grid-column-start: 10; }
  .grid-large-offset-10 { grid-column-start: 11; }
  .grid-large-offset-11 { grid-column-start: 12; }

	/* CENTERED */
  .grid-large-centered { justify-content: center; }

	/* UNCENTERED */
  .grid-large-uncentered { justify-content: start; }
  
	/* Collapse */
  .grid-large-collapse > [class*="grid-"] {padding-left: 0; padding-right: 0;}

	/* UNCOLLAPSE - restaura gap en desktop */
  .grid-large-uncollapse { gap: 0; }
  
  .grid-large-uncollapse > [class*="grid-"] { padding-left: 15px; padding-right: 15px; }
  
  /* UP */
  .grid-large-up-1 { grid-template-columns: repeat(1, 1fr); }
  .grid-large-up-2 { grid-template-columns: repeat(2, 1fr); }
  .grid-large-up-3 { grid-template-columns: repeat(3, 1fr); }
  .grid-large-up-4 { grid-template-columns: repeat(4, 1fr); }
  .grid-large-up-5 { grid-template-columns: repeat(5, 1fr); }
  .grid-large-up-6 { grid-template-columns: repeat(6, 1fr); }
  .grid-large-up-7 { grid-template-columns: repeat(7, 1fr); }
  .grid-large-up-8 { grid-template-columns: repeat(8, 1fr); }

	/* para tablas */
  table.grid-large-1 { width: 8.33333%; }
  table.grid-large-2 { width: 16.66667%; }
  table.grid-large-3 { width: 25%; }
  table.grid-large-4 { width: 33.33333%; }
  table.grid-large-5 { width: 41.66667%; }
  table.grid-large-6 { width: 50%; }
  table.grid-large-7 { width: 58.33333%; }
  table.grid-large-8 { width: 66.66667%; }
  table.grid-large-9 { width: 75%; }
  table.grid-large-10 { width: 83.33333%; }
  table.grid-large-11 { width: 91.66667%; }
  table.grid-large-12 { width: 100%; }

	/* para celdas de tabla */
  td.large-1, th.large-1 { width: 8.33333%; }
  td.large-2, th.large-2 { width: 16.66667%; }
  td.large-3, th.large-3 { width: 25%; }
  td.large-4, th.large-4 { width: 33.33333%; }
  td.large-5, th.large-5 { width: 41.66667%; }
  td.large-6, th.large-6 { width: 50%; }
  td.large-7, th.large-7 { width: 58.33333%; }
  td.large-8, th.large-8 { width: 66.66667%; }
  td.large-9, th.large-9 { width: 75%; }
  td.large-10, th.large-10 { width: 83.33333%; }
  td.large-11, th.large-11 { width: 91.66667%; }
  td.large-12, th.large-12 { width: 100%; }

}