/**
* Premium-Módulo 5: tabla de comparación-desplazador
*/

H1. h1. de. 1. de. de.,. de.
Acolchado-inferior: 30px;
}

/* Posición columna-encabezados relativos a esta tabla */
. 1.-2. 1.-1.-1. Contenedor-Mesa {
Posición: relativa;
Opacidad: 1;
}

. 1.-2. 1.-1.-1. Table-container.loading {
Opacidad: 0;
}

. 1.-2. 1.-1.-1. Tabla-deslizador {
Desbordamiento-X: desplazamiento;
Desbordamiento-y: visible;
Anchura: 100%;
}

/* Los encabezados de columna izquierda están en posición absoluta */
Atributo. td. td. de. td. de... de.
Posición: absoluta;
Ancho: 300px;
Parte superior: auto;
Izquierda: 0;
}

HTML [dir = "RTL"] . 2. 1. 2. 1 TD. atributo
Derecha: 0px;
Izquierda: auto;
}

. 1. 1. 2. 1. 1 TD. elemento activo {
Posición: absoluta;
Parte superior: auto;
Izquierda: 300px;
}

HTML [dir = "RTL"] . TD. TD. item-activo
Izquierda: auto;
Derecha: 300px;
}

. 1.-2. 1.-1.-1. Atributo,
. 1.-2. 1.-1.-1. Elemento activo,
. 1.-2. 1.-1.-1. Descripción {
Tamaño de fuente: 16px;
Familia tipográfica: Arial;
Línea-altura: 2.5em;
Espacio en blanco: Nowrap;
Color: #000;
}

. 1.-2. 1.-1.-1. Atributo,
. 1.-2. 1.-1.-1. Elemento activo,
. 1.-2. 1.-1.-1. Descripción {
Font-family: heredar;
}

.-Atributo TD. a-bordeado. de la tabla. A. de la tabla,. DE LA.
. Tabla de elementos activos. a-bordeado TD. Active-item {. 1. 2. 2. 1. 2. 1.
Color de fondo: # FFF;
}

. Tabla de. a-bordeado TR: nth-child (PAR) TD. atributo,.
.-Tabla de elementos activos.-Tr: nth-child (PAR) TD. Active-item {-1. 2. 1. 2. 1.
Color de fondo: # f6f6f6;
}

. Tabla de. a-Bordeado TR: nth-child (PAR): Last-Child TD. Attribute {.
Borde inferior: # f6f6f6 sólido 1px;
}

.. Tabla de la premium-aplus-module-5. TD. a-bordeado. atributo. Comparación-Métrica-nombre {
Estilo de contorno: ninguno;
}

.. Tabla de la premium-aplus-module-5. TD. a-bordeado. atributo. Aplus-popover-trigger: después de {
Contenido: "?";
Pantalla: bloque en línea;
Tamaño de fuente: 12px;
Posición: relativa;
Inferior: 5px;
}

. TD. TD. attributo. vacío. {1, 2, 2, 2, 1, 2, 1, 2
Altura: 280px;
}

. 1.-2. 1.-1.-1. Encabezado-img {
Acolchado-parte superior: 10px;
}

/* Evita que los bordes de las tablas se superpongan */
. Tabla de.,.,
Borde-colapso: separado;
}

/* Anular AUI predeterminado. Bordes de mesa con bordes */
. Mesa. a-bordeada TD. A.,. A.,.
...-. Bordeado.
.-Mesa de 1/2/2/2/-bordeada
Borde-ancho: 0;
Borde-color: # eaeaea;
Borde-estilo: sólido;
}

. 2. 1. 2. 1. Mesa. a bordeada TD {
Borde-derecho-ancho: 1px;
}

.. Tabla de la premium-aplus-module-5. a-bordeado TD: último-hijo {
Borde-ancho derecho: 0;
}

HTML [dir = "RTL"] . 2. 1. Tabla de 1. 1.-Bordeado TD: último hijo {
Borde-derecho-ancho: 1px;
}

/* La columna activa debe estar rodeada de un borde más oscuro. */
. 2.-td. Activo. a bordeado. A. Mesa. A. activa {
Borde-color: #767676;
Borde-derecho-ancho: 1px;
Borde-ancho izquierdo: 1px;
}

/* La columna activa superior necesita borde superior */
. A-Bordeado TR: primero-hijo TD. activo.. A. A. Mesa. A.
Border-Top-ancho: 1px;
}

/* La columna inferior necesita borde-inferior */
. A-Bordeado TR: Last-Child TD. Active. T. A.
Borde-parte inferior-ancho: 1px;
}

/* Tamaño del desplazador superior */
. 1.-2. 1.-1.-1. Scroll-wrapper-top {
Anchura: 100%;
Altura: 20px;
Desbordamiento-X: desplazamiento;
Desbordamiento-y: visible;
}

. 1.-2. 1.-1.-1. Barra de desplazamiento
Altura: 1px;
}/**
* Módulos Premium de estilos globales
*/
Aplus-v2. De sktop {.
Ancho máximo: 1464px;
Ancho mínimo: 800px;
Margen-izquierdo: automático;
Margen-derecho: auto;
Word-WRAP: break-Word;
Overflow-wrap: break-Word;
Word-Break: break-Word;
}
/* Deshacer esto para las especificaciones técnicas porque rompe el diseño de la tabla */
. Aplus-v2. De sktop. Prémium-APlus. Aplus-tech-spec-table {Word-Break: inicial;}

.. Premium-aplus,
.. Prémium-aplus. El,
.. Prémium-aplus.,...
.. Prémium-aplus. El,
.. Prémium-aplus. El,
.. Prémium-aplus.,...
.. Prémium-aplus.,...
.. Premium-aplus.
{Font-family: Arial, sans-serif; }

.. Premium-aplus,
.. Prémium-aplus. El,
.. Prémium-aplus.,...
.. Prémium-aplus. El,
.. Prémium-aplus. El,
.. Prémium-aplus.,...
.. Prémium-aplus.,...
.. Premium-aplus.
{Font-family: heredar;}

/* Tipo */
.. Premium-aplus. 500 {font-size: 32px; Line-height: 1.2em; font-weight:;}
.. Premium-aplus. 500 {font-size: 26px; Line-height: 1.25em; font-weight:;}
.. Premium-aplus. 1/2 {font-size: 18px; Line-height: 1.25em; font-weight: 500; }
.. Premium-aplus. 1/2/2 {font-size: 20px; Line-height: 1.3em; font-weight: 300; }
.. Premium-aplus. 1/2 { font-size: 16px; Line-height: 1.4em; font-weight: 300; }
.. Premium-aplus. 300 {font-size: 14px; Line-height: 1.4em; font-weight:;}
.. Premium-aplus. 1/2 {font-size: 16px; Line-height: 1.4em; font-weight: 600; }
.. Premium-aplus. 600 {font-size: 14px; Line-height: 1.4em; font-weight:;}

/* Espaciado */
. 1. 2. 1. 2. 1.-{Relleno: 40px; }
. 1. 2. 1. 2. 1. 2.-1. 2. 1.-1. 2. 1.-1. 2. 2. 1.
. 1. 2. 1. 2. 2.-1. 1.-1. 2. 1.-2. 1.
. 1. 2. 1. 2. 1.-1. 1.-1. 2. 1.-1. 2. 1.

/* Mostrar */
.. Prémium-APlus. Aplus-display-table {Display: table; }
.. Prémium-APlus. Aplus-display-table-cell {Display: Table-cell; }
.. Prémium-APlus. Aplus-display-inline-block {Display: inline-block; }

/* Tabla de visualización Aplus con ancho mínimo de 1000px y llena el espacio restante dentro del Padre */
. Aplus-v2. De sktop. Prémium-APlus. Aplus-display-table-ancho {min-ancho: 1000px; ancho: 100%}

/**
* El relleno y el margen para el elemento deben ser 10, 20, 40 o 80 PX. Teniendo EN CUENTA mini 10, pequeño 20, mediano 40, grande 80.
* // **
* Premium-Módulo 12: carrusel de navegación
*/

. 1.-2. 1.-1.-1. Aplus-carrusel-Tarjeta {
Posición: relativa;
Anchura: 100%;
}

. 1.-2. 1.-1.-1. Aplus-carrusel-contenedor {
Posición: relativa;
}

. 1.-2. 1.-1.-1. Aplus-image-carrusel-contenedor {
/* Coincide con la relación de aspecto de la imagen de escritorio cargada a través del editor (1464px x 600px) */
Acolchado-TOP: Calc (600 / 1464*100%); /* ~ 40.983% */
Altura: 0;
}

. 1.-2. 1.-1.-1. Aplus-image-carrusel-container DIV {
Posición: absoluta;
Anchura: 100%;
Altura: 100%;
Superior: 0;
Izquierda: 0;
}

/* Anular estilos AUI. Intenta mal medir las alturas de los toboganes antes de esperar hasta que se carguen las imágenes. */
. 1.-2. 1.-1.-1. A-carrusel-viewport {
¡Altura: 100%! Importante;
}

. 1.-2. 1.-1.-1. Aplus-card-image IMG {
Anchura: 100%;
Altura: automático;
}

. 1.-2. 1.-1.-1. Aplus-card-detalles-envoltorio {
Posición: absoluta;
Superior: 0;
Anchura: 50%;
Altura: 100%;
}

. 1.-2. 1.-1.-1. Aplus-card-detail {
Mostrar: Tabla;
Anchura: 100%;
Altura: 100%
}

. 1.-2. 1.-1.-1. Tarjeta-Descripción {
Texto-alinear: izquierda;
}

HTML [dir = "RTL"] . 1/2/2/1/2/2 ". Tarjeta-Descripción {
Texto-alinear: derecha;
}

. 1.-2. 1.-1.-1. Aplus-table-cell {
Pantalla: Tabla-celda;
Alineación vertical: medio;
}

. 1.-2. 1.-1.-1. Aplus-text-background {
Acolchado: 20px;
}

. 1.-2. 1.-1.-1. Aplus-text-background-color {
Fondo: RGBA (0, 0, 0, 0,5);
}

. 1.-2. 1.-1.-1. Aplus-texto-fondo-color,
. 1.-2. 1.-1.-1. Aplus-texto-fondo-color H1,
. 1.-2. 1.-1.-1. Aplus-texto-fondo-color H5,
. 1.-2. 1.-1.-1. Aplus-texto-fondo-color ol,
. 1.-2. 1.-1.-1. Aplus-texto-fondo-color UL,
. 1.-2. 1.-1.-1. Aplus-texto-fondo-color ol. A-list-artículo,
. 1.-2. 1.-1.-1. Aplus-texto-fondo-color UL. A-list-item {
Color: # FFF;
}

. 1.-2. 1.-1.-1. Descripción {
Acolchado-superior: 20px;
}

/* NAV */
. 1.-2. 1.-1.-1. Aplus-carrusel-Acciones {
Posición: absoluta;
Superior: 20px;
Anchura: 100%;
Alinear texto: Centro;
}

. 1.-2. 1.-1.-1. Aplus-goto-btn {
Pantalla: bloque en línea;
Margen: 7px 10px;
Cursor: puntero;
Borde-radio: 30px;
Borde: 2px sólido #000;
Línea-altura: 2.5em;
Ancho mínimo: 200px;
Color de fondo: # FFF;
Espacio en blanco: Nowrap;
Color: #000;
}

. 1.-2. 1.-1.-1. Aplus-carrusel-índice {
Pantalla: Ninguna;
}

. 1.-2. 1.-1.-1. Aplus-goto-btn.aplus-active {
Borde-color: # FFF;
Color de fondo: #000;
Color: # FFF;
}

/*
* Plantilla de régimen específica css
*/

. 1.-2. 1.-1.-1. Aplus-goto-btn.regimen {
Texto-alinear: izquierda;
}

HTML [dir = "RTL"] . 1/2/2/1/2/2 ". Aplus-goto-btn.regimen {
Texto-alinear: derecha;
}

. 1.-2. 1.-1.-1. Aplus-carousel-actions.regimen {
Texto-alinear: derecha;
Superior: 50%;
Ancho: 250px;
Derecha: 75px;
-Webkit-transform: translateY(-50%);
-Transformación Moz: translateY(-50%);
-Transformación: traducción (-50%);
Transformar: traducir (-50%);
}

HTML [dir = "RTL"] . 1/2/2/1/2/2 ". Aplus-carousel-actions.regimen {
Texto-alinear: izquierda;
Superior: 50%;
Izquierda: 75px;
Derecha: auto;
}

. 1.-2. 1.-1.-1. Aplus-goto-btn.regimen {
Pantalla: bloque en línea;
Margen: 10px 10px;
Cursor: puntero;
Borde-radio: 30px;
Borde: 2px sólido #000;
Línea-altura: 2.5em;
Ancho: 220px;
Color de fondo: # FFF;
Espacio en blanco: Nowrap;
}

. 1.-2. 1.-1.-1. Aplus-goto-btn.regimen.aplus-active {
Borde-color: # FFF;
Color de fondo: #000;
Color: # FFF;
}

. 1.-2. 1.-1.-1. Aplus-carrusel-acciones. Régimen. Aplus-carrusel-índice {
Pantalla: bloque en línea;
Margen-izquierdo: 6px;
Ancho: 16px;
Línea-altura: 26px;
Color: #000;
Alinear texto: Centro;
}

HTML [dir = "RTL"] . 1/2/2/1/2/2 ". Aplus-carrusel-acciones. Régimen. Aplus-carrusel-índice {
Margen-izquierdo: 0px;
Margen-derecho: 6px;
}

. 1.-2. 1.-1.-1. Aplus-goto-btn.regimen.aplus-active. Aplus-carrusel-índice {
Color: # FFF;
}

. 1.-2. 1.-1.-1. Aplus-headline-top.regimen {
Posición: absoluta;
Superior: 0;
Izquierda: 0;
Anchura: 100%;
Color de fondo: #000;
Opacidad: 0,5;
Alinear texto: Centro;
}

. 1.-2. 1.-1.-1. Aplus-headline-top.regimen. Aplus-headline {
Color: # FFF;
Línea-altura: 2em;
}