/* Estilos compartidos por los editores y las paginas legales. */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

.privacy-content {
    color: #313131;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    text-align: justify;
    overflow-wrap: break-word;
}

.privacy-content > * {
    margin: 0 0 1rem;
}

:where(.privacy-content) h1,
:where(.privacy-content) h2,
:where(.privacy-content) h3,
:where(.privacy-content) h4,
:where(.privacy-content) h5,
:where(.privacy-content) h6 {
    color: #00205b;
}

.privacy-content h1:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])) { font-size: 28px; }
.privacy-content h2:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])) { font-size: 22px; }
.privacy-content h3:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])) { font-size: 18px; }
.privacy-content h4:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])),
.privacy-content h5:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])),
.privacy-content h6:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])) { font-size: 16px; }

/* Las líneas que se envuelven comienzan al mismo nivel que el texto. */
.privacy-content ul,
.privacy-content ol {
    list-style-position: outside;
    margin: 0.25rem 0 1rem;
    padding-left: 2.25em;
}

.privacy-content ul { list-style-type: disc; }
.privacy-content ol { list-style-type: decimal; }
.privacy-content ul ul { list-style-type: circle; }
.privacy-content ul ul ul { list-style-type: square; }

.privacy-content li {
    display: list-item;
    margin: 0 0 0.5rem;
    padding: 0;
}

.privacy-content li > p { margin: 0; }
.privacy-content strong { font-weight: 700; }
.privacy-content em { font-style: italic; }

.privacy-content a {
    color: #256eff;
    text-decoration: underline;
}

@media (min-width: 1024px) {
    .privacy-content { font-size: 18px; }
    .privacy-content h1:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])) { font-size: 46px; }
    .privacy-content h2:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])) { font-size: 30px; }
    .privacy-content h3:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])) { font-size: 24px; }
    .privacy-content h4:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])),
    .privacy-content h5:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])),
    .privacy-content h6:not(:where([class*="text-h"], [class*="text-H"], [class*="text-["])) { font-size: 20px; }
}

.privacy-content h1,
.privacy-content h2,
.privacy-content h3,
.privacy-content h4,
.privacy-content h5,
.privacy-content h6 {
    font-weight: 700;
    line-height: 1.2;
    text-align: left !important;
}

.notice-content h2,
.notice-content h3 { text-transform: uppercase; }

.credit-content img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

/* Mantener el icono de check y la sangria en el sistema de remuneraciones. */
.remuneration-content ul { list-style-type: none; }
.remuneration-content ul > li { position: relative; }
.remuneration-content ul > li::before {
    content: "";
    position: absolute;
    left: -2.25em;
    top: 0.15em;
    width: 21px;
    height: 21px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%3E%3Ccircle%20cx%3D%2210.125%22%20cy%3D%2210.5%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%232A6AE8%22%20stroke-width%3D%222.25%22%2F%3E%3Cpath%20d%3D%22M6.375%2011.25%208.625%2013.5%2013.875%208.25%22%20fill%3D%22none%22%20stroke%3D%22%232A6AE8%22%20stroke-width%3D%222.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}