/*
 * OTP_Estilos.css · clases reutilizables del portal del cliente.
 * Reemplazan los estilos en línea (style="..."): una clase por declaración, con prefijo OTP_.
 * Nombre: OTP_ + propiedad en español + valor (px se omite, % = Pct, decimales con _, Menos = negativo)
 *         + Forzado si lleva !important. Ej.: OTP_Fuente13, OTP_Ancho100Pct, OTP_MargenDer10, OTP_FondoBlancoForzado.
 * Se carga la última en index.php, main.php e index_payment.php. Los atajos (margin, padding, border…) van
 * antes que sus propiedades sueltas para respetar el orden de los estilos originales.
 * Peso: cada regla lleva :not(#OTP_Peso), que no excluye nada (ese id no existe) pero suma el peso de un id.
 * Así la clase le gana a las reglas de Bootstrap y de las hojas de cada pantalla aunque se carguen después,
 * igual que le ganaba el estilo en línea; y el estilo que pone el JS en línea (.css(), .style) sigue ganando.
 * Se quedan en línea a propósito: display:none (lo muestra y oculta el JS) y los valores calculados con variables.
 * Los correos (modulos/email) usan estilos en línea porque los clientes de correo ignoran las clases.
 */

/* Atajos */
.OTP_FondoCompletoBlanco:not(#OTP_Peso) { background: white; }
.OTP_FondoCompletoGrisSecundario:not(#OTP_Peso) { background: #6c757d; }
.OTP_FondoCompletoRojo:not(#OTP_Peso) { background: red; }
.OTP_FondoCompletoRojoAlerta:not(#OTP_Peso) { background: #ff000f; }
.OTP_FondoCompletoTransparente:not(#OTP_Peso) { background: transparent; }
.OTP_Borde0:not(#OTP_Peso) { border: 0px; }
.OTP_Borde0_Solido_GrisBordeForzado:not(#OTP_Peso) { border: 0px solid #ced4da85 !important; }
.OTP_Borde0Forzado:not(#OTP_Peso) { border: 0 !important; }
.OTP_Borde1_Solido_GrisC9:not(#OTP_Peso) { border: 1px solid #C9C9C9; }
.OTP_BordeNinguno:not(#OTP_Peso) { border: none; }
.OTP_Redondeo0_0_20_20:not(#OTP_Peso) { border-radius: 0px 0px 20px 20px; }
.OTP_Redondeo0_5Rem:not(#OTP_Peso) { border-radius: 0.5rem; }
.OTP_Redondeo15:not(#OTP_Peso) { border-radius: 15px; }
.OTP_Redondeo2_5:not(#OTP_Peso) { border-radius: 2.5px; }
.OTP_Redondeo20:not(#OTP_Peso) { border-radius: 20px; }
.OTP_Redondeo20_20_0_0:not(#OTP_Peso) { border-radius: 20px 20px 0 0; }
.OTP_Redondeo4:not(#OTP_Peso) { border-radius: 4px; }
.OTP_Redondeo5:not(#OTP_Peso) { border-radius: 5px; }
.OTP_Redondeo8:not(#OTP_Peso) { border-radius: 8px; }
.OTP_Margen0:not(#OTP_Peso) { margin: 0; }
.OTP_Margen0_20Forzado:not(#OTP_Peso) { margin: 0 20px !important; }
.OTP_Margen0Forzado:not(#OTP_Peso) { margin: 0 !important; }
.OTP_Margen10_0:not(#OTP_Peso) { margin: 10px 0; }
.OTP_Margen23_0:not(#OTP_Peso) { margin: 23px 0; }
.OTP_Margen25_0:not(#OTP_Peso) { margin: 25px 0; }
.OTP_Margen5:not(#OTP_Peso) { margin: 5px; }
.OTP_Margen5_0:not(#OTP_Peso) { margin: 5px 0; }
.OTP_Margen7_0:not(#OTP_Peso) { margin: 7px 0; }
.OTP_DesbordeOculto:not(#OTP_Peso) { overflow: hidden; }
.OTP_DesbordeOculto_Auto:not(#OTP_Peso) { overflow: hidden auto; }
.OTP_Relleno0:not(#OTP_Peso) { padding: 0px; }
.OTP_Relleno0_5Rem_1Rem:not(#OTP_Peso) { padding: .5rem 1rem; }
.OTP_Relleno0Forzado:not(#OTP_Peso) { padding: 0 !important; }
.OTP_Relleno10:not(#OTP_Peso) { padding: 10px; }
.OTP_Relleno10_23:not(#OTP_Peso) { padding: 10px 23px; }
.OTP_Relleno13_25:not(#OTP_Peso) { padding: 13px 25px; }
.OTP_Relleno15:not(#OTP_Peso) { padding: 15px; }
.OTP_Relleno15Forzado:not(#OTP_Peso) { padding: 15px !important; }
.OTP_Relleno20:not(#OTP_Peso) { padding: 20px; }
.OTP_Relleno25_26:not(#OTP_Peso) { padding: 25px 26px; }
.OTP_Relleno26_25:not(#OTP_Peso) { padding: 26px 25px; }
.OTP_Relleno40:not(#OTP_Peso) { padding: 40px; }
.OTP_Relleno5:not(#OTP_Peso) { padding: 5px; }
.OTP_Relleno5_0:not(#OTP_Peso) { padding: 5px 0; }
.OTP_Relleno5_10:not(#OTP_Peso) { padding: 5px 10px; }
.OTP_Relleno5_30:not(#OTP_Peso) { padding: 5px 30px; }
.OTP_Relleno5_7:not(#OTP_Peso) { padding: 5px 7px; }
.OTP_Relleno6_10:not(#OTP_Peso) { padding: 6px 10px; }
.OTP_Relleno7_10:not(#OTP_Peso) { padding: 7px 10px; }
.OTP_Relleno8_0:not(#OTP_Peso) { padding: 8px 0px; }

/* align-content */
.OTP_AlignContentFlexend:not(#OTP_Peso) { align-content: flex-end; }

/* align-items */
.OTP_AlinearCentro:not(#OTP_Peso) { align-items: center; }
.OTP_AlinearFin:not(#OTP_Peso) { align-items: flex-end; }

/* background-color */
.OTP_FondoBlanco:not(#OTP_Peso) { background-color: #fff; }
.OTP_FondoBlancoForzado:not(#OTP_Peso) { background-color: #fff !important; }
.OTP_FondoGrisFondoE6:not(#OTP_Peso) { background-color: #e6e6e9; }
.OTP_FondoGrisFondoF4:not(#OTP_Peso) { background-color: #f4f4f4; }
.OTP_FondoGrisFondoTranslucido:not(#OTP_Peso) { background-color: #d6d6d663; }
.OTP_FondoGrisTexto18:not(#OTP_Peso) { background-color: rgb(127 136 141 / 18%); }
.OTP_FondoRojo:not(#OTP_Peso) { background-color: #ff0000; }
.OTP_FondoRojoAlerta:not(#OTP_Peso) { background-color: #ff000f; }
.OTP_FondoRojoAlertaForzado:not(#OTP_Peso) { background-color: #ff000f !important; }
.OTP_FondoRojoMarca:not(#OTP_Peso) { background-color: rgb(227 6 19); }
.OTP_FondoTransparente:not(#OTP_Peso) { background-color: transparent; }

/* border-bottom */
.OTP_BordeInf1_Solido_GrisCCC:not(#OTP_Peso) { border-bottom: 1px solid #ccc; }
.OTP_BordeInf2:not(#OTP_Peso) { border-bottom: 2px; }

/* border-bottom-left-radius */
.OTP_RedondeoInfIzq0_5Rem:not(#OTP_Peso) { border-bottom-left-radius: .5rem; }
.OTP_RedondeoInfIzq10:not(#OTP_Peso) { border-bottom-left-radius: 10px; }

/* border-bottom-right-radius */
.OTP_RedondeoInfDer20:not(#OTP_Peso) { border-bottom-right-radius: 20px; }

/* border-color */
.OTP_ColorBordeGrisBorde:not(#OTP_Peso) { border-color: #ced4da85; }
.OTP_ColorBordeTransparente:not(#OTP_Peso) { border-color: transparent; }

/* border-left */
.OTP_BordeIzq0Forzado:not(#OTP_Peso) { border-left: 0px !important; }
.OTP_BordeIzq5_Solido_AzulMarca:not(#OTP_Peso) { border-left: 5px solid var(--blue-primary); }
.OTP_BordeIzq6_Solido_AzulMarca:not(#OTP_Peso) { border-left: 6px solid var(--blue-primary); }
.OTP_BordeIzq6_Solido_RojoMarca:not(#OTP_Peso) { border-left: 6px solid var(--red-primary); }

/* border-right */
.OTP_BordeDerSolido_1_Blanco:not(#OTP_Peso) { border-right: solid 1px white; }

/* border-top-left-radius */
.OTP_RedondeoSupIzq0_5Rem:not(#OTP_Peso) { border-top-left-radius: .5rem; }

/* border-top-right-radius */
.OTP_RedondeoSupDer20:not(#OTP_Peso) { border-top-right-radius: 20px; }

/* bottom */
.OTP_Abajo5Rem:not(#OTP_Peso) { bottom: 5rem; }
.OTP_Abajo8:not(#OTP_Peso) { bottom: 8px; }

/* box-shadow */
.OTP_SombraContorno:not(#OTP_Peso) { box-shadow: 0px 0px 4px 0px rgb(21 34 50 / 20%); }
.OTP_SombraInferior:not(#OTP_Peso) { box-shadow: 0px 9px 4px 0px rgba(21, 34, 50, 0.2); }
.OTP_SombraNinguna:not(#OTP_Peso) { box-shadow: none; }
.OTP_SombraSuave:not(#OTP_Peso) { box-shadow: 0 10px 25px rgba(0,0,0,0.08); }
.OTP_SombraTarjeta:not(#OTP_Peso) { box-shadow: 4px 4px 25px -10px rgb(0 0 0 / 31%); }

/* color */
.OTP_ColorAzulMarca:not(#OTP_Peso) { color: #25294A; }
.OTP_ColorAzulMarca73:not(#OTP_Peso) { color: rgb(37 41 74 / 73%); }
.OTP_ColorAzulMarcaForzado:not(#OTP_Peso) { color: rgb(37 41 74) !important; }
.OTP_ColorAzulNocheTranslucido:not(#OTP_Peso) { color: #121233b5; }
.OTP_ColorAzulPizarra:not(#OTP_Peso) { color: #2c3e50; }
.OTP_ColorBlanco:not(#OTP_Peso) { color: white; }
.OTP_ColorBronce:not(#OTP_Peso) { color: #B5705C; }
.OTP_ColorDorado:not(#OTP_Peso) { color: #D3A825; }
.OTP_ColorGris:not(#OTP_Peso) { color: gray; }
.OTP_ColorGris83Translucido:not(#OTP_Peso) { color: #838383b8; }
.OTP_ColorGris888:not(#OTP_Peso) { color: #888; }
.OTP_ColorGris979595:not(#OTP_Peso) { color: #979595; }
.OTP_ColorGrisA5Translucido:not(#OTP_Peso) { color: #a5a5a5b8; }
.OTP_ColorGrisB3AFAF:not(#OTP_Peso) { color: #B3AFAF; }
.OTP_ColorGrisC9:not(#OTP_Peso) { color: #C9C9C9; }
.OTP_ColorGrisOscuro:not(#OTP_Peso) { color: #686766; }
.OTP_ColorNaranja:not(#OTP_Peso) { color: #FF4A05; }
.OTP_ColorNegro:not(#OTP_Peso) { color: black; }
.OTP_ColorRojo:not(#OTP_Peso) { color: #ff0000; }
.OTP_ColorRojoAlerta:not(#OTP_Peso) { color: #ff000f; }
.OTP_ColorRojoMarca:not(#OTP_Peso) { color: rgb(227 6 19); }
.OTP_ColorVerde:not(#OTP_Peso) { color: green; }
.OTP_ColorVerdeOscuro:not(#OTP_Peso) { color: #0d8729; }

/* cursor */
.OTP_CursorMano:not(#OTP_Peso) { cursor: pointer; }

/* display */
.OTP_Bloque:not(#OTP_Peso) { display: block; }
.OTP_BloqueEnLinea:not(#OTP_Peso) { display: inline-block; }
.OTP_Flex:not(#OTP_Peso) { display: flex; }
.OTP_FlexEnLinea:not(#OTP_Peso) { display: inline-flex; }
.OTP_Rejilla:not(#OTP_Peso) { display: grid; }

/* flex-direction */
.OTP_FlexColumna:not(#OTP_Peso) { flex-direction: column; }
.OTP_FlexFila:not(#OTP_Peso) { flex-direction: row; }

/* flex-wrap */
.OTP_FlexAjusteWrap:not(#OTP_Peso) { flex-wrap: wrap; }

/* float */
.OTP_FlotarDerecha:not(#OTP_Peso) { float: right; }
.OTP_FlotarIzquierda:not(#OTP_Peso) { float: left; }

/* font-family */
.OTP_TipoLetraSansSerif:not(#OTP_Peso) { font-family: sans-serif; }

/* font-size */
.OTP_Fuente0_5Rem:not(#OTP_Peso) { font-size: 0.5rem; }
.OTP_Fuente0_7Rem:not(#OTP_Peso) { font-size: .7rem; }
.OTP_Fuente0_8Rem:not(#OTP_Peso) { font-size: .8rem; }
.OTP_Fuente10:not(#OTP_Peso) { font-size: 10px; }
.OTP_Fuente11:not(#OTP_Peso) { font-size: 11px; }
.OTP_Fuente12:not(#OTP_Peso) { font-size: 12px; }
.OTP_Fuente12_8:not(#OTP_Peso) { font-size: 12.8px; }
.OTP_Fuente13:not(#OTP_Peso) { font-size: 13px; }
.OTP_Fuente14:not(#OTP_Peso) { font-size: 14px; }
.OTP_Fuente15:not(#OTP_Peso) { font-size: 15px; }
.OTP_Fuente15Forzado:not(#OTP_Peso) { font-size: 15px !important; }
.OTP_Fuente16:not(#OTP_Peso) { font-size: 16px; }
.OTP_Fuente18:not(#OTP_Peso) { font-size: 18px; }
.OTP_Fuente1Rem:not(#OTP_Peso) { font-size: 1rem; }
.OTP_Fuente1RemForzado:not(#OTP_Peso) { font-size: 1rem !important; }
.OTP_Fuente2_3Em:not(#OTP_Peso) { font-size: 2.3em; }
.OTP_Fuente20:not(#OTP_Peso) { font-size: 20px; }
.OTP_Fuente25:not(#OTP_Peso) { font-size: 25px; }
.OTP_Fuente26:not(#OTP_Peso) { font-size: 26px; }
.OTP_Fuente28:not(#OTP_Peso) { font-size: 28px; }
.OTP_Fuente2Rem:not(#OTP_Peso) { font-size: 2rem; }
.OTP_Fuente30:not(#OTP_Peso) { font-size: 30px; }
.OTP_Fuente35:not(#OTP_Peso) { font-size: 35px; }
.OTP_Fuente45:not(#OTP_Peso) { font-size: 45px; }
.OTP_Fuente50:not(#OTP_Peso) { font-size: 50px; }
.OTP_Fuente9:not(#OTP_Peso) { font-size: 9px; }

/* font-style */
.OTP_FontStyleNormal:not(#OTP_Peso) { font-style: normal; }

/* font-weight */
.OTP_Negrita:not(#OTP_Peso) { font-weight: 700; }
.OTP_Peso100:not(#OTP_Peso) { font-weight: 100; }
.OTP_Peso600:not(#OTP_Peso) { font-weight: 600; }
.OTP_Peso800:not(#OTP_Peso) { font-weight: 800; }
.OTP_PesoMayor:not(#OTP_Peso) { font-weight: bolder; }
.OTP_PesoMenor:not(#OTP_Peso) { font-weight: lighter; }
.OTP_PesoNormal:not(#OTP_Peso) { font-weight: normal; }
.OTP_PesoNormalForzado:not(#OTP_Peso) { font-weight: normal !important; }

/* grid-gap */
.OTP_GridGap5:not(#OTP_Peso) { grid-gap: 5px; }

/* grid-template-columns */
.OTP_GridTemplateColumnsRepeat4_1fr:not(#OTP_Peso) { grid-template-columns: repeat(4, 1fr); }

/* height */
.OTP_Alto1004:not(#OTP_Peso) { height: 1004px; }
.OTP_Alto100Pct:not(#OTP_Peso) { height: 100%; }
.OTP_Alto100Vh_Menos_50:not(#OTP_Peso) { height: calc(100vh - 50px); }
.OTP_Alto12_5Pct:not(#OTP_Peso) { height: 12.5%; }
.OTP_Alto15:not(#OTP_Peso) { height: 15px; }
.OTP_Alto150:not(#OTP_Peso) { height: 150px; }
.OTP_Alto162:not(#OTP_Peso) { height: 162px; }
.OTP_Alto17Vh:not(#OTP_Peso) { height: 17vh; }
.OTP_Alto18:not(#OTP_Peso) { height: 18px; }
.OTP_Alto200:not(#OTP_Peso) { height: 200px; }
.OTP_Alto20Pct:not(#OTP_Peso) { height: 20%; }
.OTP_Alto21:not(#OTP_Peso) { height: 21px; }
.OTP_Alto24:not(#OTP_Peso) { height: 24px; }
.OTP_Alto25Pct:not(#OTP_Peso) { height: 25%; }
.OTP_Alto3:not(#OTP_Peso) { height: 3px; }
.OTP_Alto30:not(#OTP_Peso) { height: 30px; }
.OTP_Alto30Vh_Menos_100:not(#OTP_Peso) { height: calc(30vh - 100px); }
.OTP_Alto32:not(#OTP_Peso) { height: 32px; }
.OTP_Alto4:not(#OTP_Peso) { height: 4px; }
.OTP_Alto412:not(#OTP_Peso) { height: 412px; }
.OTP_Alto44:not(#OTP_Peso) { height: 44px; }
.OTP_Alto49:not(#OTP_Peso) { height: 49px; }
.OTP_Alto50:not(#OTP_Peso) { height: 50px; }
.OTP_Alto50Pct:not(#OTP_Peso) { height: 50%; }
.OTP_Alto50Vh:not(#OTP_Peso) { height: 50vh; }
.OTP_Alto50Vh_Menos_100:not(#OTP_Peso) { height: calc(50vh - 100px); }
.OTP_Alto51:not(#OTP_Peso) { height: 51px; }
.OTP_Alto550:not(#OTP_Peso) { height: 550px; }
.OTP_Alto55Pct:not(#OTP_Peso) { height: 55%; }
.OTP_Alto60Pct:not(#OTP_Peso) { height: 60%; }
.OTP_Alto620:not(#OTP_Peso) { height: 620px; }
.OTP_Alto70:not(#OTP_Peso) { height: 70px; }
.OTP_AltoAjustado:not(#OTP_Peso) { height: fit-content; }
.OTP_AltoAuto:not(#OTP_Peso) { height: auto; }

/* justify-content */
.OTP_JustificarAlrededor:not(#OTP_Peso) { justify-content: space-around; }
.OTP_JustificarCentro:not(#OTP_Peso) { justify-content: center; }
.OTP_JustificarEntre:not(#OTP_Peso) { justify-content: space-between; }
.OTP_JustificarFin:not(#OTP_Peso) { justify-content: end; }
.OTP_JustificarFlexFin:not(#OTP_Peso) { justify-content: flex-end; }
.OTP_JustificarInicio:not(#OTP_Peso) { justify-content: flex-start; }
.OTP_JustificarUniforme:not(#OTP_Peso) { justify-content: space-evenly; }

/* left */
.OTP_Izquierda0:not(#OTP_Peso) { left: 0; }
.OTP_Izquierda15:not(#OTP_Peso) { left: 15px; }
.OTP_Izquierda35:not(#OTP_Peso) { left: 35px; }
.OTP_IzquierdaMenos100Vw:not(#OTP_Peso) { left: -100vw; }

/* letter-spacing */
.OTP_Espaciado0_5:not(#OTP_Peso) { letter-spacing: 0.5px; }
.OTP_Espaciado4:not(#OTP_Peso) { letter-spacing: 4px; }

/* line-height */
.OTP_Interlineado1_6:not(#OTP_Peso) { line-height: 1.6; }

/* list-style */
.OTP_ListStyleNinguno:not(#OTP_Peso) { list-style: none; }

/* margin-bottom */
.OTP_MargenInf0:not(#OTP_Peso) { margin-bottom: 0px; }
.OTP_MargenInf0_5Rem:not(#OTP_Peso) { margin-bottom: 0.5rem; }
.OTP_MargenInf10:not(#OTP_Peso) { margin-bottom: 10px; }
.OTP_MargenInf10Forzado:not(#OTP_Peso) { margin-bottom: 10px !important; }
.OTP_MargenInf20:not(#OTP_Peso) { margin-bottom: 20px; }
.OTP_MargenInf20Forzado:not(#OTP_Peso) { margin-bottom: 20px !important; }
.OTP_MargenInf25:not(#OTP_Peso) { margin-bottom: 25px; }
.OTP_MargenInf30:not(#OTP_Peso) { margin-bottom: 30px; }
.OTP_MargenInf5:not(#OTP_Peso) { margin-bottom: 5px; }
.OTP_MargenInf5Forzado:not(#OTP_Peso) { margin-bottom: 5px !important; }
.OTP_MargenInf6:not(#OTP_Peso) { margin-bottom: 6px; }
.OTP_MargenInf7:not(#OTP_Peso) { margin-bottom: 7px; }
.OTP_MargenInf8:not(#OTP_Peso) { margin-bottom: 8px; }
.OTP_MargenInf89:not(#OTP_Peso) { margin-bottom: 89px; }
.OTP_MargenInfAuto:not(#OTP_Peso) { margin-bottom: auto; }

/* margin-left */
.OTP_MargenIzq10:not(#OTP_Peso) { margin-left: 10px; }
.OTP_MargenIzq15:not(#OTP_Peso) { margin-left: 15px; }
.OTP_MargenIzq18:not(#OTP_Peso) { margin-left: 18px; }
.OTP_MargenIzq21:not(#OTP_Peso) { margin-left: 21px; }
.OTP_MargenIzq24:not(#OTP_Peso) { margin-left: 24px; }
.OTP_MargenIzq32:not(#OTP_Peso) { margin-left: 32px; }

/* margin-right */
.OTP_MargenDer10:not(#OTP_Peso) { margin-right: 10px; }
.OTP_MargenDer12:not(#OTP_Peso) { margin-right: 12px; }
.OTP_MargenDer4:not(#OTP_Peso) { margin-right: 4px; }
.OTP_MargenDer5:not(#OTP_Peso) { margin-right: 5px; }
.OTP_MargenDer8:not(#OTP_Peso) { margin-right: 8px; }
.OTP_MargenDerMenos1:not(#OTP_Peso) { margin-right: -1px; }

/* margin-top */
.OTP_MargenSup0:not(#OTP_Peso) { margin-top: 0px; }
.OTP_MargenSup10:not(#OTP_Peso) { margin-top: 10px; }
.OTP_MargenSup15_Px:not(#OTP_Peso) { margin-top: 15 px; }
.OTP_MargenSup2:not(#OTP_Peso) { margin-top: 2px; }
.OTP_MargenSup21:not(#OTP_Peso) { margin-top: 21px; }
.OTP_MargenSup25:not(#OTP_Peso) { margin-top: 25px; }
.OTP_MargenSup3:not(#OTP_Peso) { margin-top: 3px; }
.OTP_MargenSup30:not(#OTP_Peso) { margin-top: 30px; }
.OTP_MargenSup35:not(#OTP_Peso) { margin-top: 35px; }
.OTP_MargenSup3Pct:not(#OTP_Peso) { margin-top: 3%; }
.OTP_MargenSup5:not(#OTP_Peso) { margin-top: 5px; }
.OTP_MargenSup7:not(#OTP_Peso) { margin-top: 7px; }
.OTP_MargenSupAuto:not(#OTP_Peso) { margin-top: auto; }
.OTP_MargenSupMenos3:not(#OTP_Peso) { margin-top: -3px; }
.OTP_MargenSupMenos40:not(#OTP_Peso) { margin-top: -40px; }

/* max-height */
.OTP_AltoMax100:not(#OTP_Peso) { max-height: 100px; }
.OTP_AltoMax200:not(#OTP_Peso) { max-height: 200px; }
.OTP_AltoMax250:not(#OTP_Peso) { max-height: 250px; }
.OTP_AltoMax280:not(#OTP_Peso) { max-height: 280px; }
.OTP_AltoMax300:not(#OTP_Peso) { max-height: 300px; }
.OTP_AltoMax40Vh:not(#OTP_Peso) { max-height: 40vh; }
.OTP_AltoMax509_42_Menos_0_9Rem_Menos_3_5Rem:not(#OTP_Peso) { max-height: calc(509.42px - .9rem - 3.5rem); }
.OTP_AltoMax575_42_Menos_0_9Rem_Menos_3_5Rem:not(#OTP_Peso) { max-height: calc(575.42px - .9rem - 3.5rem); }

/* max-width */
.OTP_AnchoMax1000Forzado:not(#OTP_Peso) { max-width: 1000px !important; }
.OTP_AnchoMax100Pct:not(#OTP_Peso) { max-width: 100%; }
.OTP_AnchoMax130:not(#OTP_Peso) { max-width: 130px; }
.OTP_AnchoMax1500Forzado:not(#OTP_Peso) { max-width: 1500px !important; }
.OTP_AnchoMax1700Forzado:not(#OTP_Peso) { max-width: 1700px !important; }
.OTP_AnchoMax180Forzado:not(#OTP_Peso) { max-width: 180px !important; }
.OTP_AnchoMax190Forzado:not(#OTP_Peso) { max-width: 190px !important; }
.OTP_AnchoMax200:not(#OTP_Peso) { max-width: 200px; }
.OTP_AnchoMax380:not(#OTP_Peso) { max-width: 380px; }
.OTP_AnchoMax470:not(#OTP_Peso) { max-width: 470px; }
.OTP_AnchoMax600:not(#OTP_Peso) { max-width: 600px; }
.OTP_AnchoMax80Forzado:not(#OTP_Peso) { max-width: 80px !important; }
.OTP_AnchoMax90Pct:not(#OTP_Peso) { max-width: 90%; }

/* min-height */
.OTP_AltoMin100Pct:not(#OTP_Peso) { min-height: 100%; }
.OTP_AltoMin100Vh:not(#OTP_Peso) { min-height: 100vh; }
.OTP_AltoMin100Vh_Menos_100:not(#OTP_Peso) { min-height: calc(100vh - 100px); }
.OTP_AltoMin15:not(#OTP_Peso) { min-height: 15px; }
.OTP_AltoMin20PctForzado:not(#OTP_Peso) { min-height: 20% !important; }
.OTP_AltoMin210:not(#OTP_Peso) { min-height: 210px; }
.OTP_AltoMin30:not(#OTP_Peso) { min-height: 30px; }
.OTP_AltoMin65PctForzado:not(#OTP_Peso) { min-height: 65% !important; }
.OTP_AltoMin78Pct:not(#OTP_Peso) { min-height: 78%; }
.OTP_AltoMin80:not(#OTP_Peso) { min-height: 80px; }

/* min-width */
.OTP_AnchoMin160:not(#OTP_Peso) { min-width: 160px; }
.OTP_AnchoMin18Rem:not(#OTP_Peso) { min-width: 18rem; }
.OTP_AnchoMin250:not(#OTP_Peso) { min-width: 250px; }
.OTP_AnchoMin50:not(#OTP_Peso) { min-width: 50px; }

/* object-fit */
.OTP_AjusteObjetoContain:not(#OTP_Peso) { object-fit: contain; }

/* outline */
.OTP_ContornoNinguno:not(#OTP_Peso) { outline: none; }

/* overflow-x */
.OTP_DesbordeXOculto:not(#OTP_Peso) { overflow-x: hidden; }

/* overflow-y */
.OTP_DesbordeYAuto:not(#OTP_Peso) { overflow-y: auto; }
.OTP_DesbordeYDesplazable:not(#OTP_Peso) { overflow-y: scroll; }

/* padding-bottom */
.OTP_RellenoInf10:not(#OTP_Peso) { padding-bottom: 10px; }
.OTP_RellenoInf25Forzado:not(#OTP_Peso) { padding-bottom: 25px !important; }
.OTP_RellenoInf5Pct:not(#OTP_Peso) { padding-bottom: 5%; }

/* padding-left */
.OTP_RellenoIzq0:not(#OTP_Peso) { padding-left: 0px; }
.OTP_RellenoIzq0Forzado:not(#OTP_Peso) { padding-left: 0 !important; }
.OTP_RellenoIzq10:not(#OTP_Peso) { padding-left: 10px; }
.OTP_RellenoIzq11:not(#OTP_Peso) { padding-left: 11px; }
.OTP_RellenoIzq14:not(#OTP_Peso) { padding-left: 14px; }
.OTP_RellenoIzq22:not(#OTP_Peso) { padding-left: 22px; }
.OTP_RellenoIzq5:not(#OTP_Peso) { padding-left: 5px; }
.OTP_RellenoIzq9:not(#OTP_Peso) { padding-left: 9px; }

/* padding-right */
.OTP_RellenoDer0:not(#OTP_Peso) { padding-right: 0px; }
.OTP_RellenoDer0Forzado:not(#OTP_Peso) { padding-right: 0 !important; }
.OTP_RellenoDer10:not(#OTP_Peso) { padding-right: 10px; }

/* padding-top */
.OTP_RellenoSup10Pct:not(#OTP_Peso) { padding-top: 10%; }
.OTP_RellenoSup11:not(#OTP_Peso) { padding-top: 11px; }
.OTP_RellenoSup2:not(#OTP_Peso) { padding-top: 2px; }
.OTP_RellenoSup39:not(#OTP_Peso) { padding-top: 39px; }
.OTP_RellenoSup8:not(#OTP_Peso) { padding-top: 8px; }

/* place-content */
.OTP_PlaceContentCentro:not(#OTP_Peso) { place-content: center; }

/* place-items */
.OTP_PlaceItemsCentro:not(#OTP_Peso) { place-items: center; }

/* position */
.OTP_PosicionAbsoluta:not(#OTP_Peso) { position: absolute; }
.OTP_PosicionEstatica:not(#OTP_Peso) { position: static; }
.OTP_PosicionFijaForzado:not(#OTP_Peso) { position: fixed !important; }
.OTP_PosicionRelativa:not(#OTP_Peso) { position: relative; }

/* right */
.OTP_Derecha0:not(#OTP_Peso) { right: 0; }
.OTP_Derecha0Pct:not(#OTP_Peso) { right: 0%; }
.OTP_Derecha2Rem:not(#OTP_Peso) { right: 2rem; }

/* text-align */
.OTP_TextoCentro:not(#OTP_Peso) { text-align: center; }
.OTP_TextoDerecha:not(#OTP_Peso) { text-align: right; }
.OTP_TextoFin:not(#OTP_Peso) { text-align: end; }
.OTP_TextoIzquierda:not(#OTP_Peso) { text-align: left; }
.OTP_TextoJustificado:not(#OTP_Peso) { text-align: justify; }

/* text-decoration */
.OTP_DecoracionNinguno:not(#OTP_Peso) { text-decoration: none; }
.OTP_DecoracionSubrayado:not(#OTP_Peso) { text-decoration: underline; }

/* text-overflow */
.OTP_TextoCorteElipsis:not(#OTP_Peso) { text-overflow: elipsis; }
.OTP_TextoCortePuntos:not(#OTP_Peso) { text-overflow: ellipsis; }

/* top */
.OTP_Arriba0:not(#OTP_Peso) { top: 0; }
.OTP_Arriba100:not(#OTP_Peso) { top: 100px; }
.OTP_Arriba12:not(#OTP_Peso) { top: 12px; }
.OTP_Arriba48:not(#OTP_Peso) { top: 48px; }
.OTP_Arriba50:not(#OTP_Peso) { top: 50px; }
.OTP_ArribaMenos20:not(#OTP_Peso) { top: -20px; }

/* transition-duration */
.OTP_TransitionDuration500ms:not(#OTP_Peso) { transition-duration: 500ms; }

/* white-space */
.OTP_EspaciosSinSalto:not(#OTP_Peso) { white-space: nowrap; }

/* width */
.OTP_Ancho0Pct:not(#OTP_Peso) { width: 0%; }
.OTP_Ancho100:not(#OTP_Peso) { width: 100px; }
.OTP_Ancho100Pct:not(#OTP_Peso) { width: 100%; }
.OTP_Ancho110:not(#OTP_Peso) { width: 110px; }
.OTP_Ancho11Pct:not(#OTP_Peso) { width: 11%; }
.OTP_Ancho120:not(#OTP_Peso) { width: 120px; }
.OTP_Ancho13:not(#OTP_Peso) { width: 13px; }
.OTP_Ancho15:not(#OTP_Peso) { width: 15px; }
.OTP_Ancho160:not(#OTP_Peso) { width: 160px; }
.OTP_Ancho18:not(#OTP_Peso) { width: 18px; }
.OTP_Ancho185:not(#OTP_Peso) { width: 185px; }
.OTP_Ancho19:not(#OTP_Peso) { width: 19px; }
.OTP_Ancho20:not(#OTP_Peso) { width: 20px; }
.OTP_Ancho200:not(#OTP_Peso) { width: 200px; }
.OTP_Ancho205:not(#OTP_Peso) { width: 205px; }
.OTP_Ancho21:not(#OTP_Peso) { width: 21px; }
.OTP_Ancho22Forzado:not(#OTP_Peso) { width: 22px !important; }
.OTP_Ancho24Forzado:not(#OTP_Peso) { width: 24px !important; }
.OTP_Ancho25:not(#OTP_Peso) { width: 25px; }
.OTP_Ancho250:not(#OTP_Peso) { width: 250px; }
.OTP_Ancho25Pct:not(#OTP_Peso) { width: 25%; }
.OTP_Ancho30:not(#OTP_Peso) { width: 30px; }
.OTP_Ancho30Pct:not(#OTP_Peso) { width: 30%; }
.OTP_Ancho32:not(#OTP_Peso) { width: 32px; }
.OTP_Ancho340:not(#OTP_Peso) { width: 340px; }
.OTP_Ancho40:not(#OTP_Peso) { width: 40px; }
.OTP_Ancho40Pct:not(#OTP_Peso) { width: 40%; }
.OTP_Ancho44:not(#OTP_Peso) { width: 44px; }
.OTP_Ancho45:not(#OTP_Peso) { width: 45px; }
.OTP_Ancho50Pct:not(#OTP_Peso) { width: 50%; }
.OTP_Ancho52:not(#OTP_Peso) { width: 52px; }
.OTP_Ancho54:not(#OTP_Peso) { width: 54px; }
.OTP_Ancho56Pct:not(#OTP_Peso) { width: 56%; }
.OTP_Ancho70:not(#OTP_Peso) { width: 70px; }
.OTP_Ancho8:not(#OTP_Peso) { width: 8px; }
.OTP_Ancho80Pct:not(#OTP_Peso) { width: 80%; }
.OTP_AnchoAuto:not(#OTP_Peso) { width: auto; }

/* will-change */
.OTP_WillChangeTransform:not(#OTP_Peso) { will-change: transform; }

/* word-wrap */
.OTP_WordWrapBreakword:not(#OTP_Peso) { word-wrap: break-word; }

/* z-index */
.OTP_Capa1000:not(#OTP_Peso) { z-index: 1000; }
.OTP_Capa10000000:not(#OTP_Peso) { z-index: 10000000; }
.OTP_Capa100000000:not(#OTP_Peso) { z-index: 100000000; }
.OTP_Capa900000:not(#OTP_Peso) { z-index: 900000; }