Descripción

.isozero-wrapper {
width: 100%;
max-width: 900px;
margin: 0 auto;
font-family: inherit;
color: #000;
line-height: 1.5;
opacity: 0;
animation: fadeIn 1s ease forwards;
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

/* TÍTULO */
.isozero-title-container {
text-align: center;
width: 100%;
margin-bottom: 30px;
}

.isozero-title {
font-size: 26px;
font-weight: 600;
position: relative;
display: inline-block;
width: auto;
}

.isozero-title:after {
content: «»;
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
height: 2px;
background: #c62828;
}

.isozero-subtitle {
text-align: center;
font-size: 16px;
margin-bottom: 30px;
}

/* IMÁGENES RESPONSIVE – FORZAMOS CON !important POR SHOPIFY */
.img-wrapper {
margin: 40px 0;
}

.isozero-wrapper img.img-desktop {
width: 100%;
height: auto;
display: block !important;
}

.isozero-wrapper img.img-mobile {
width: 100%;
height: auto;
display: none !important;
}

/* Imagen 3: más pequeña en desktop, centrada */
.isozero-wrapper img.img-3-desktop {
width: 70%;
max-width: 500px;
margin: 0 auto;
display: block !important;
}

@media (max-width: 768px) {
.isozero-wrapper img.img-desktop {
display: none !important;
}
.isozero-wrapper img.img-mobile {
display: block !important;
}

.isozero-title {
font-size: 22px;
}
.isozero-subtitle {
font-size: 14px;
}

/* En mobile, la imagen 3 también puede ocupar el ancho completo si procede */
.isozero-wrapper img.img-3-desktop {
width: 100%;
max-width: 100%;
}
}

/* BLOQUE DE TEXTO (JUSTIFICADO + COLOR #77777c) */
.isozero-text-block {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 40px;
font-size: 15px;
color: #77777c;
}

.isozero-text-block div {
flex: 1 1 300px;
text-align: justify;
}

.isozero-text-block b {
font-weight: bold;
color: inherit; /* mantiene el mismo gris que el párrafo */
}

/* LISTA CON CHECKS DORADOS, CENTRADA */
.isozero-list {
margin: 0 auto 40px;
font-size: 15px;
text-align: center;
width: 100%;
}

.isozero-list ul {
display: inline-block;
list-style: none;
padding: 0;
text-align: left;
}

.isozero-list li {
position: relative;
padding-left: 28px;
margin-bottom: 12px;
}

.isozero-list li:before {
content: «»;
position: absolute;
left: 0;
top: 4px;
width: 14px;
height: 14px;
border-left: 3px solid #c1151d;
border-bottom: 3px solid #c1151d;
transform: rotate(-45deg);
}

.isozero-list b {
font-weight: bold;
}

/* FOOTER */
.isozero-footer-text {
text-align: center;
margin: 20px 0 20px;
font-style: italic;
font-size: 18px;
font-weight: 500;
color: #c1151d;
}