:raíz {
–Color principal de la marca: azul oscuro: #0B1B4A;
–Énfasis de marca-Oro: #E6B800;
–Color de fondo: #F4F6F9;
–Fondo blanco puro: #FFFFFF;
–Color del texto principal: #222222;
–Color del subtexto: #666666;
}
/* ================= 👇 Nuevo código antidesbordamiento global 👇 ================== */
* {
/* Asegúrese de que el relleno y los bordes de todos los elementos no aumenten el ancho del contenedor */
tamaño de caja: cuadro de borde;
/* Núcleo: cuando se encuentran palabras muy largas (como Parasympathetic) o enlaces largos, los saltos de línea forzados nunca romperán el marco exterior */
envoltura de desbordamiento: palabra de ruptura;
ajuste de palabra: romper palabra;
salto de palabra: salto de palabra;
}
/* ================= 👆 Fin del nuevo código 👆 ================== */
/* — Configuración básica — */
.Contenedor total de la página de destino {
color de fondo: var(–color de fondo);
color: var(–color del texto principal);
margen: 0;
relleno: 2%;
pantalla: flexible;
dirección flexible: columna;
alinear elementos: centro;
ancho: 100%;
/* Doble seguro contra desbordamiento */
desbordamiento-x: oculto;
}
. Contenedor total de la página de destino img {
ancho: 100%;
altura: automático;
mostrar: bloquear;
margen: 2% automático;
radio del borde: 8px;
}
/* — Contenedor principal: Tarjeta adaptable — */
.Tarjeta Adaptable {
color de fondo: var(–fondo blanco puro);
radio del borde: 12px;
relleno: 5%;
sombra de cuadro: 0 4px 15px rgba(11, 27, 74, 0.08);
ancho: 100%;
margen inferior: 5%;
pantalla: flexible;
dirección flexible: columna;
alinear elementos: centro;
alineación de texto: izquierda;
/* 👇 Nuevo: corte forzado de cualquier contenido más allá de la tarjeta */
ancho máximo: 100%;
desbordamiento: oculto;
}
.Centrado en el contenido {
alineación de texto: centro;
ancho: 100%;
pantalla: flexible;
dirección flexible: columna;
alinear elementos: centro;
/* 👇 Recién agregado: si encuentra una larga lista de fórmulas químicas, puede deslizarse horizontalmente dentro de un rango pequeño en lugar de reventar el marco grande */
ancho máximo: 100%;
desbordamiento-x: automático;
}
.Lista vertical {
ancho: 100%;
relleno: 0;
margen: 0;
estilo de lista: ninguno;
pantalla: flexible;
dirección flexible: columna;
brecha: 3%;
}
.Elementos de lista vertical {
ancho: 100%;
relleno: 3%;
color de fondo: var(–color de fondo);
borde izquierdo: 3px solid var(–brand énfasis-gold);
radio del borde: 4px;
}
.Bloque de información {
ancho: 100%;
pantalla: flexible;
dirección flexible: columna;
color de fondo: var(–color de fondo);
borde superior: 4px solid var(–color principal de la marca-azul oscuro);
radio del borde: 8px;
relleno: 5%;
margen inferior: 4%;
/* 👇 Nuevo: evita que las tarjetas internas exploten */
ancho máximo: 100%;
desbordamiento: oculto;
}
/* — Componente de expansión de preguntas frecuentes — */
.expandir contenedor {
ancho: 100%;
color de fondo: var(–fondo blanco puro);
borde: 1px sólido rgba(11, 27, 74, 0.1);
radio del borde: 8px;
margen inferior: 3%;
pantalla: flexible;
dirección flexible: columna;
}
.Ampliar contenedor [abrir] { color-borde: var(–marca énfasis-oro); }
.contraer título {
relleno: 4% 5%;
cursor: puntero;
peso de fuente: negrita;
color: var(–color principal de la marca-azul oscuro);
pantalla: flexible;
justificar-contenido: espacio-entre;
alinear elementos: centro;
ancho: 100%;
}
.contraer contenido {
relleno: 0 5% 5% 5%;
color: var(–color del subtexto);
pantalla: flexible;
dirección flexible: columna;
ancho: 100%;
}
.énfasis dorado { color: var(–énfasis de marca-oro); peso de fuente: negrita; }
.Énfasis en azul oscuro { color: var(–color principal de la marca-azul oscuro); peso de fuente: negrita; }
/* ================= Núcleo: Sistema de animación flotante ================== */
@keyframes flota hacia arriba {
0% {
opacidad: 0;
transformar: traducirY(40px);
}
100% {
Opacidad: 1;
transformar: traducirY(0);
}
}
. El elemento que se va a hacer flotar { opacidad: 0; }
.Ejecutar flotando hacia afuera {animación: flotando hacia arriba 0,8 s cúbico-bezier (0,25, 0,46, 0,45, 0,94) hacia adelante; }
Página de inicio completa: Acezozla® Exon-Max 60 Crema para la erección instantánea
¿Alguna vez has experimentado estos momentos?
Esto no es tu culpa. Tu vitalidad fue robada, pieza a pieza, por un mundo saturado de microplásticos y una sistema médico que










Valoraciones
No hay valoraciones aún.