@charset "UTF-8";
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEzwdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEzMdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEz8dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "icomoon";
  src: url("../css/fonts/icomoon.ttf?5fd3pb") format("truetype"), url("../css/fonts/icomoon.woff?5fd3pb") format("woff"), url("../css/fonts/icomoon.svg?5fd3pb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=dgtl-icon-], [class*=" dgtl-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--icomoon-size, 16px);
  color: var(--icomoon-font-color, inherit);
}
[class^=dgtl-icon-] .path1, [class*=" dgtl-icon-"] .path1 {
  color: var(--icomoon-background-color, inherit);
  opacity: var(--icomoon-background-opacity, 0.2);
}

.dgtl-icon-tablero-objetivo:before {
  content: "\e938";
}

.dgtl-icon-caja-regalo:before {
  content: "\e939";
}

.dgtl-icon-hora:before {
  content: "\e937";
}

.dgtl-icon-calendario-form:before {
  content: "\e936";
}

.dgtl-icon-check-descarga .path1:before {
  content: "\e932";
}

.dgtl-icon-check-descarga .path2:before {
  content: "\e933";
  margin-left: -1em;
}

.dgtl-icon-facebook-redondo:before {
  content: "\e906";
}

.dgtl-icon-x:before {
  content: "\e934";
}

.dgtl-icon-localizacion:before {
  content: "\e935";
}

.dgtl-icon-dni-redondo .path1:before {
  content: "\e930";
}

.dgtl-icon-dni-redondo .path2:before {
  content: "\e931";
  margin-left: -1em;
}

.dgtl-icon-paginas:before {
  content: "\e92f";
}

.dgtl-icon-estrellas:before {
  content: "\e92d";
}

.dgtl-icon-flecha-exito:before {
  content: "\e92e";
}

.dgtl-icon-flecha-izq:before {
  content: "\ea40";
}

.dgtl-icon-flecha-der:before {
  content: "\ea3c";
}

.dgtl-icon-cerrar-sesion:before {
  content: "\e926";
}

.dgtl-icon-tarjeta-segura .path1:before {
  content: "\e927";
}

.dgtl-icon-tarjeta-segura .path2:before {
  content: "\e928";
  margin-left: -1em;
}

.dgtl-icon-usuario-mas .path1:before {
  content: "\e929";
}

.dgtl-icon-usuario-mas .path2:before {
  content: "\e92a";
  margin-left: -1em;
}

.dgtl-icon-usuario-mas .path3:before {
  content: "\e92b";
  margin-left: -1em;
}

.dgtl-icon-usuario-mas .path4:before {
  content: "\e92c";
  margin-left: -1em;
}

.dgtl-icon-whatsapp:before {
  content: "\e900";
}

.dgtl-icon-usuario:before {
  content: "\e901";
}

.dgtl-icon-usuario-redondo .path1:before {
  content: "\e902";
}

.dgtl-icon-usuario-redondo .path2:before {
  content: "\e903";
  margin-left: -1em;
}

.dgtl-icon-usuario-menos .path1:before {
  content: "\e904";
}

.dgtl-icon-usuario-menos .path2:before {
  content: "\e905";
  margin-left: -1em;
}

.dgtl-icon-tiempo-fuera:before {
  content: "\e907";
}

.dgtl-icon-tarjeta:before {
  content: "\e908";
}

.dgtl-icon-pago:before {
  content: "\e909";
}

.dgtl-icon-notificacion:before {
  content: "\e90a";
}

.dgtl-icon-mostrar:before {
  content: "\e90b";
}

.dgtl-icon-mostrar-no:before {
  content: "\e90c";
}

.dgtl-icon-history:before {
  content: "\e90d";
}

.dgtl-icon-facebook-cuadrado:before {
  content: "\e90e";
}

.dgtl-icon-eye:before {
  content: "\e90f";
}

.dgtl-icon-desplegar-cerrar:before {
  content: "\e910";
}

.dgtl-icon-desplegar-abrir:before {
  content: "\e911";
}

.dgtl-icon-cross:before {
  content: "\e912";
}

.dgtl-icon-checkmark:before {
  content: "\e913";
}

.dgtl-icon-check-redondo .path1:before {
  content: "\e914";
}

.dgtl-icon-check-redondo .path2:before {
  content: "\e915";
  margin-left: -1em;
}

.dgtl-icon-check-redondo-bold .path1:before {
  content: "\e916";
}

.dgtl-icon-check-redondo-bold .path2:before {
  content: "\e917";
  margin-left: -1em;
}

.dgtl-icon-cerrar:before {
  content: "\e918";
}

.dgtl-icon-cerrar-popup:before {
  content: "\e919";
}

.dgtl-icon-casa:before {
  content: "\e91a";
}

.dgtl-icon-casa-redondo .path1:before {
  content: "\e91b";
}

.dgtl-icon-casa-redondo .path2:before {
  content: "\e91c";
  margin-left: -1em;
}

.dgtl-icon-candado:before {
  content: "\e91d";
}

.dgtl-icon-candado-redondo .path1:before {
  content: "\e91e";
}

.dgtl-icon-candado-redondo .path2:before {
  content: "\e91f";
  margin-left: -1em;
}

.dgtl-icon-candado-redondo .path3:before {
  content: "\e920";
  margin-left: -1em;
}

.dgtl-icon-calendario:before {
  content: "\e921";
}

.dgtl-icon-bubble:before {
  content: "\e922";
}

.dgtl-icon-alerta .path1:before {
  content: "\e923";
}

.dgtl-icon-alerta .path2:before {
  content: "\e924";
  margin-left: -1em;
}

.dgtl-icon-alerta-escudo:before {
  content: "\e925";
}

.dgtl-icon-flecha-repetir:before {
  content: "\e984";
}

.dgtl-icon-imagenes:before {
  content: "\e93a";
}

.dgtl-icon-leer-mas:before {
  content: "\e93b";
}

.dgtl-icon-flecha-volver:before {
  content: "\e93d";
}

.dgtl-icon-email-asterisco:before {
  content: "\e93c";
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  word-break: break-word;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
  font-family: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Add the correct table style
 */
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
table td, table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

:root {
  --plantilla: 0;
  --breakpoint: 768px;
  --color-primario: #ffff00;
  --color-secundario: #596368;
  --body-background-color: #F7F7F7;
  --body-background-opacity: 1;
  --body-background-image: none;
  --body-background-image-opacity: rgba(0, 0, 0, 0.3);
  --body-font-size: 16px;
  --body-font-color: #3D3D3F;
  --body-font-family: Roboto, Helvetica Neue, Helvetica, Arial, Nimbus Sans L, sans-serif;
  --body-imagen-width: 0%;
  --contenedor-grid-column: 1 / -1;
  --main-width: min(95%, 1024px);
  --main-gap: 58px;
  --main-flex-wrap: wrap;
  --main-align-items: inherit;
  --main-justify-content: flex-start;
  --cabecera-background: #FFFFFF;
  --cabecera-contenido-text-align: inherit;
  --cabecera-titulo-font-size: 1.25rem;
  --cabecera-margin-top: 0;
  --cabecera-margin-right: 0;
  --cabecera-margin-bottom: 68px;
  --cabecera-margin-left: 0;
  --cabecera-padding: 0;
  --cabecera-sombra: 0px 3px 6px #00000029;
  --cabecera-index: inherit;
  --cabecera-position: inherit;
  --contenido-cabecera-margin-top: 0;
  --contenido-cabecera-margin-right: auto;
  --contenido-cabecera-margin-bottom: 30px;
  --contenido-cabecera-margin-left: auto;
  --contenido-cabecera-imagen-width: 100%;
  --contenido-cabecera-imagen-border-radius: 0px;
  --pie-background: rgba(195, 195, 195, 0.13);
  --pie-font-color: #989898;
  --pie-font-size: 0.75rem;
  --pie-margin-top: 68px;
  --pie-margin-right: 0;
  --pie-margin-bottom: 0;
  --pie-margin-left: 0;
  --pie-padding: 0.3125rem 0.625rem;
  --titulo-copy-display: none;
}
@media all and (max-width: 768px) {
  :root {
    --contenedor-grid-column: 1 / -1;
    --cabecera-margin-bottom: 30px;
    --cabecera-background: none;
    --cabecera-sombra: none;
    --cabecera-margin-top: 30px;
    --cabecera-titulo-display: none;
    --body-imagen-width: 0%;
  }
}
:root {
  --bloque-gap: 22px;
  --bloque-display: flex;
  --bloque-flex-direction: column;
  --bloque-overflow: hidden;
  --bloque-background-color: #FFFFFF;
  --bloque-shadow: 0px 3px 6px #00000029;
  --bloque-margin-top: 0px;
  --bloque-margin-bottom: 0px;
  --bloque-margin-left: 0px;
  --bloque-margin-right: 0px;
  --bloque-padding-top: 33px;
  --bloque-padding-right: 36px;
  --bloque-padding-bottom: 33px;
  --bloque-padding-left: 36px;
  --bloque-border-width: 0px;
  --bloque-border-color: rgba(98,105,118,0.16);
  --bloque-border-radius: 10px;
  --bloque-font-color: #3D3D3F;
  --bloque-imagen-height: 175px;
  --bloque-video-aspect-radio: 56.25%;
  --bloque-check-border-radius: 4px;
  --bloque-check-border-width: 1px;
  --bloque-check-border-color: #ffff00;
  --bloque-check-position-top: 10px;
  --bloque-check-position-bottom: auto;
  --bloque-check-position-left: auto;
  --bloque-check-position-right: 10px;
  --bloque-check-background-color: rgba(255, 255, 255, 0.3);
  --mensaje-background-color: rgba(89, 99, 104, 0.1);
  --mensaje-font-color: #596368;
  --mensaje-text-align: center;
}
@media all and (max-width: 768px) {
  :root {
    --bloque-padding-top: 28px;
    --bloque-padding-right: 20px;
    --bloque-padding-bottom: 28px;
    --bloque-padding-left: 20px;
  }
}
:root {
  --formulario-input-height: 56px;
  --formulario-input-background-color: #FFFFFF;
  --formulario-input-border-color: #E0E0E0;
  --formulario-input-border-width: 1px;
  --formulario-input-border-radius: 4px;
  --formulario-input-font-size: 16px;
  --formulario-input-font-color: #3D3D3F;
  --formulario-input-font-weight: initial;
  --formulario-input-text-transform: normal;
  --formulario-input-padding-top: 10px;
  --formulario-input-padding-right: 10px;
  --formulario-input-padding-bottom: 10px;
  --formulario-input-padding-left: 10px;
  --formulario-input-check-size: 16px;
  --formulario-input-check-background-color: #FFFFFF;
  --formulario-input-check-border-width: 1px;
  --formulario-input-check-border-color: #E0E0E0;
  --formulario-label-font-size: 14px;
  --formulario-label-font-color: #3D3D3F;
  --formulario-label-font-weight: 600;
  --formulario-label-font-transform: uppercase;
  --formulario-label-padding-top: 0;
  --formulario-label-padding-right: 12px;
  --formulario-label-padding-bottom: 0;
  --formulario-label-padding-left: 12px;
  --formulario-label-margin-top: 0;
  --formulario-label-margin-right: 0;
  --formulario-label-margin-bottom: 8px;
  --formulario-label-margin-left: 0;
  --formulario-mensaje-error-margin-top: 3px;
  --formulario-mensaje-error-margin-right: 0;
  --formulario-mensaje-error-margin-bottom: 0;
  --formulario-mensaje-error-margin-left: 0;
  --formulario-mensaje-error-padding-top: 0;
  --formulario-mensaje-error-padding-right: 12px;
  --formulario-mensaje-error-padding-bottom: 0;
  --formulario-mensaje-error-padding-left: 12px;
  --acordeon-font-color: #3D3D3F;
  --acordeon-icono-abrir: '\2795';
  --acordeon-icono-cerrar: '\2796';
  --pagos-margin-top: 0px;
  --pagos-margin-right: 0px;
  --pagos-margin-bottom: 22px;
  --pagos-margin-left: 0px;
  --pagos-opciones-gap: 0px;
  --pagos-opciones-button-justify-content: center;
  --pagos-opciones-button-background-color: #FFFFFF;
  --pagos-opciones-button-font-color: #00000099;
  --pagos-opciones-button-border-width: 1px;
  --pagos-opciones-button-border-radius: 10px;
  --pagos-opciones-button-border-color: rgba(255, 255, 0, 0.4);
  --pagos-opciones-button-icon-display: none;
  --pagos-opciones-button-icon-size: 15px;
  --pagos-opciones-button-icon-border-width: 1px;
  --pagos-opciones-button-icon-border-color: #DADBDD;
  --pagos-opciones-button-activo-background-color: rgba(255, 255, 0, 0.1);
  --pagos-opciones-button-activo-border-color: rgba(255, 255, 0, 0.4);
  --pagos-contenidos-sombra: 0px 3px 6px #00000029;
  --pagos-contenidos-border-radius: 10px;
  --pagos-contenidos-padding-top: 25px;
  --pagos-contenidos-padding-right: 13px;
  --pagos-contenidos-padding-bottom: 25px;
  --pagos-contenidos-padding-left: 13px;
  --pagos-contenidos-lista-border-color: transparent;
  --pagos-contenidos-lista-border-width: 2px;
  --pagos-contenidos-lista-border-radius: 4px;
  --pagos-contenidos-lista-background-color: #FFFFFF;
  --pagos-contenidos-lista-sombra: 0px 3px 6px #00000029;
  --pagos-contenidos-background-color: #FFFFFF;
  --pagos-contenidos-margin-top: 0px;
  --pagos-contenidos-margin-right: calc(var(--pagos-contenidos-padding-right) * -1);
  --pagos-contenidos-margin-bottom: 0px;
  --pagos-contenidos-margin-left: calc(var(--pagos-contenidos-padding-left) * -1);
  --pasos-border: 1px solid #0000001F;
  --pasos-border-radius: 10px 10px 0 0;
  --pasos-margin-bottom: 0px;
  --paso-background: #FFFF;
  --paso-font-size: 0.875rem;
  --paso-font-color: #BCBCBF;
  --paso-text-transform: uppercase;
  --paso-font-weight: 400;
  --paso-padding: 12px;
  --paso-contador-background: white;
  --paso-contador-font-color: #BCBCBF;
  --paso-contador-font-size: 1.5625rem;
  --paso-contador-font-weight: normal;
  --paso-icono-background-color: #596368;
  --importe-size: 91px;
  --importe-background: white;
  --importe-font-size: 30px;
  --importe-font-color: #3D3D3F;
  --importe-border-width: 0px;
  --importe-border-color: #282A362B;
  --importe-border-radius: 4px;
  --importe-sombra: 0px 3px 6px #00000029;
  --importe-cuotas-margin-top: 46px;
  --importe-cuotas-margin-bottom: 40px;
  --importe-icon-display: none;
  --importe-icon-size: 8px;
  --importe-icon-border-width: 2px;
  --importe-icon-border-color: #282A362B;
  --importe-icon-background: white;
  --importe-destacado-display: block;
  --importe-destacado-font-color: #ffff00;
  --importe-destacado-background: rgba(255, 255, 0, 0.1);
  --importe-destacado-border-color: transparent;
  --importe-seleccionado-border-color: #ffff00;
  --importe-seleccionado-font-color: #ffff00;
  --importe-seleccionado-icon-border-width: 2px;
  --importe-seleccionado-border-width: 2px;
  --multistep-paso-size: 32px;
  --multistep-paso-color: #e5e5e5;
  --multistep-paso-font-size: 16px;
  --multistep-paso-font-color: #C6C6C6;
  --multistep-paso-border-width: 0px;
  --multistep-paso-border-radius: 50%;
  --multistep-paso-border-color: #e5e5e5;
  --multistep-paso-punto-display: block;
  --multistep-paso-linea-icon: '';
  --multistep-paso-linea-height: 2px;
  --multistep-paso-linea-color: #DBDBDB;
  --multistep-paso-activo-color: #596368;
  --multistep-paso-activo-font-color: #FFFFFF;
  --multistep-paso-activo-border-color: #596368;
  --multistep-paso-activo-scale: 1.36;
  --popup-haztesocio-border-radius: 10px;
  --popup-haztesocio-background-color: #596368;
  --popup-haztesocio-font-color: #FFFFFF;
  --popup-haztesocio-titulo-font-color: #FFFFFF;
  --popup-haztesocio-border-radius: 10px;
  --popup-haztesocio-sombra: 0px 1px 4px 0 rgba(0, 0, 0, 0.5);
  --popup-haztesocio-icon-background-color: #FFFFFF;
  --popup-haztesocio-icon-color: #596368;
  --modal-padding-top: 28px;
  --modal-padding-right: 10px;
  --modal-padding-bottom: 28px;
  --modal-padding-left: 10px;
  --modal-icon-font-color: #FFFFFF;
  --modal-icon-size: 24px;
  --modal-icon-margin-top: 0px;
  --modal-icon-margin-right: 0px;
  --modal-icon-margin-bottom: 31px;
  --modal-icon-margin-left: auto;
  --firmas-padding-top: 0px;
  --firmas-padding-right: 0px;
  --firmas-padding-bottom: 0px;
  --firmas-padding-right: 0px;
  --firmas-margin-top: 0px;
  --firmas-margin-right: 0px;
  --firmas-margin-bottom: 0px;
  --firmas-margin-right: 0px;
  --firmas-font-color: #707070;
  --firmas-icono-font-color: #FFFFFF;
  --contador-margin-top: 0px;
  --contador-margin-left: 0px;
  --contador-margin-bottom: 0px;
  --contador-margin-right: 0px;
  --contador-padding-top: 0px;
  --contador-padding-right: 0px;
  --contador-padding-bottom: 0px;
  --contador-padding-left: 0px;
  --contador-font-color: #596368;
  --contador-background-color: transparent;
  --contador-border-radius: 0px;
  --contador-font-size: 24px;
  --contador-texto-font-size: 14px;
  --contador-texto-align: inherit;
  --contador-tooltip-display: grid;
  --contador-tooltip-background-color: rgba(89, 99, 104, 0.1);
  --contador-tooltip-margin-top: 12px;
  --contador-tooltip-margin-right: calc(var(--bloque-padding-right, 0px) * -0.5);
  --contador-tooltip-margin-bottom: 0;
  --contador-tooltip-margin-left: calc(var(--bloque-padding-left, 0px) * -0.5);
  --boton-background-color: #ffff00;
  --boton-width: auto;
  --boton-min-height: 48px;
  --boton-font-size: 16px;
  --boton-font-color: #FFFFFF;
  --boton-text-transform: normal;
  --boton-border-width: 2px;
  --boton-border-style: solid;
  --boton-border-color: #ffff00;
  --boton-border-radius: 4px;
  --boton-sombra: 0px 10px 15px -3px rgba(111, 73, 73, 0.1);
  --boton-padding-vertical: 10px;
  --boton-padding-horizontal: 20px;
  --boton-icono-width: 18px;
  --boton-icono-font-family: -apple-system;
  --boton-icono-cargando-border-radius: 0;
  --boton-icono-hover-default-der: '\276F';
  --boton-icono-hover-default-izq: '\276E';
}

.fila {
  --gap: 12px;
  display: inline-flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  width: calc(100% + var(--gap));
}
.fila > * {
  margin: var(--gap) 0 0 var(--gap);
}
.fila .columna {
  flex: 1;
}
.fila .columna-auto {
  flex: 0 0 auto;
}
.fila .columna-1 {
  flex: 0 0 calc(8.3333333333% - var(--gap));
}
.fila .columna-2 {
  flex: 0 0 calc(16.6666666667% - var(--gap));
}
.fila .columna-3 {
  flex: 0 0 calc(25% - var(--gap));
}
.fila .columna-4 {
  flex: 0 0 calc(33.3333333333% - var(--gap));
}
.fila .columna-5 {
  flex: 0 0 calc(41.6666666667% - var(--gap));
}
.fila .columna-6 {
  flex: 0 0 calc(50% - var(--gap));
}
.fila .columna-7 {
  flex: 0 0 calc(58.3333333333% - var(--gap));
}
.fila .columna-8 {
  flex: 0 0 calc(66.6666666667% - var(--gap));
}
.fila .columna-9 {
  flex: 0 0 calc(75% - var(--gap));
}
.fila .columna-10 {
  flex: 0 0 calc(83.3333333333% - var(--gap));
}
.fila .columna-11 {
  flex: 0 0 calc(91.6666666667% - var(--gap));
}
.fila .columna-12 {
  flex: 0 0 calc(100% - var(--gap));
}
.fila .clearfix {
  flex: 100%;
  margin: 0;
}

.modulo.columna-75-25, .modulo.columna-100, .modulo.columna-25-75, .modulo.columna-50-50 {
  display: grid;
  grid-template-rows: auto;
  gap: 42px 21px;
}
@media all and (max-width: 540px) {
  .modulo.columna-75-25:not(.columna-no-responsiva), .modulo.columna-100:not(.columna-no-responsiva), .modulo.columna-25-75:not(.columna-no-responsiva), .modulo.columna-50-50:not(.columna-no-responsiva) {
    grid-template-columns: 1fr !important;
  }
}
.modulo.columna-100 {
  grid-template-columns: 1fr;
}
.modulo.columna-50-50 {
  grid-template-columns: 1fr 1fr;
}
.modulo.columna-75-25 {
  grid-template-columns: 3fr 1fr;
}
.modulo.columna-25-75 {
  grid-template-columns: 1fr 3fr;
}

h1, h2, h3, h4 {
  margin-top: 0;
}

p, div, li {
  margin-top: 0;
  line-height: 22px;
}

h1, .titulo-lg {
  font-size: 1.8125rem;
  line-height: 39px;
  margin-bottom: 39px;
}
@media all and (max-width: 768px) {
  h1, .titulo-lg {
    font-size: 1.5rem;
    line-height: 32px;
    margin-bottom: 34px;
  }
}

h2, .titulo-md {
  font-size: 1.5rem;
  line-height: 34px;
  margin-bottom: 34px;
}

h3, .titulo-sm {
  font-size: 1.375rem;
  line-height: 29px;
  margin-bottom: 32px;
}

h4, .titulo-xs {
  font-size: 1.25rem;
  line-height: 26px;
  margin-bottom: 30px;
}

p {
  margin: 0 0 21px 0;
}

li {
  margin: 0 0 21px 0;
}

a {
  color: #ffff00;
  text-decoration: none;
}

.texto-lg {
  font-size: 17px;
}
.texto-md {
  font-size: 16px;
}
.texto-sm {
  font-size: 14px;
  margin-bottom: 10px;
}
.texto-nowrap {
  white-space: nowrap;
}
.texto-politica {
  display: inline-block;
  font-size: 12px;
  color: #989898;
  line-height: 1.5;
}
.texto-politica a {
  color: inherit;
  font-weight: 600;
}

.switch {
  --switch-input-width: 45px;
  --switch-input-height: 26px;
  position: relative;
  display: inline-block;
  width: var(--switch-input-width);
  height: var(--switch-input-height);
}
.switch > input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch > span {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.switch > span::before {
  position: absolute;
  content: "";
  height: calc(var(--switch-input-height) - 4px);
  width: calc(var(--switch-input-height) - 4px);
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.switch input:checked + span {
  background-color: #ffff00;
}
.switch input:checked + span::before {
  -webkit-transform: translateX(calc(var(--switch-input-width) - (var(--switch-input-height) - 4px) - 4px));
  -ms-transform: translateX(calc(var(--switch-input-width) - (var(--switch-input-height) - 4px) - 4px));
  transform: translateX(calc(var(--switch-input-width) - (var(--switch-input-height) - 4px) - 4px));
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

* {
  box-sizing: border-box;
}

:last-child {
  margin-bottom: 0;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--body-font-family);
}

body {
  display: block;
  height: auto;
  background-color: var(--body-background-color);
  font-size: var(--body-font-size, 16px);
  color: var(--body-font-color);
  line-height: 1.2;
}
body[img-fondo=true] {
  --body-imagen-width: 100%;
  --pie-background: rgba(195,195,195,0.5);
  --pie-font-color: #FFFFFF;
}
@media all and (max-width: 768px) {
  body[img-fondo=true] {
    --body-imagen-width: 0%;
    --contenedor-grid-column: 1 / -1;
    --pie-background: rgba(#C3C3C3, 0.13);
    --pie-font-color: #989898;
    --titulo-copy-display: block;
  }
}
body .main {
  display: flex;
  flex-wrap: var(--main-flex-wrap);
  margin: 0 auto;
  gap: var(--main-gap, 0px);
  width: var(--main-width);
  align-items: var(--main-align-items);
  justify-content: var(--main-justify-content);
}
body .main-1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(768px - 1rem)), 1fr));
}
body .main-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(384px - 1rem)), 1fr));
}
body .main-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(341.3333333333px - 1rem)), 1fr));
}
body .main-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(256px - 1rem)), 1fr));
}
body .main-5 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(204.8px - 1rem)), 1fr));
}
body .main-6 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(170.6666666667px - 1rem)), 1fr));
}
@media all and (max-width: 800px) {
  body .main > div:empty {
    display: none;
  }
}
body .contenedor {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr auto;
}
body .contenedor::before {
  content: "";
  display: block;
  width: var(--body-imagen-width, 100%);
  height: 100%;
  z-index: -1;
  background-image: linear-gradient(to right, var(--body-background-image-opacity), var(--body-background-image-opacity)), var(--body-background-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0px;
  right: 0px;
}
body .contenedor .cabecera, body .contenedor .contenido, body .contenedor .pie {
  grid-column: var(--contenedor-grid-column);
}
body .contenedor-fijo {
  position: sticky;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
}
body .contenedor-testimonio {
  --main-gap: 15px;
  --main-width: min(95%, calc(1024px + 150px));
  padding: 34px 0 29px 0;
  color: #FFFFFF;
  background-color: #596368;
}
body .contenedor-testimonio .main {
  grid-template-columns: auto 1fr auto;
}
body .contenedor-testimonio img {
  object-fit: cover;
  border-radius: 50%;
}
body .cabecera {
  --main-gap: 5px;
  --main-align-items: center;
  --main-justify-content: space-between;
  --main-flex-wrap: nowrap;
  background: var(--cabecera-background);
  margin-top: var(--cabecera-margin-top);
  margin-right: var(--cabecera-margin-right);
  margin-bottom: var(--cabecera-margin-bottom);
  margin-left: var(--cabecera-margin-left);
  padding: var(--cabecera-padding);
  box-shadow: var(--cabecera-sombra);
  position: var(--cabecera-position);
  top: 0;
  z-index: var(--cabecera-index);
}
body .cabecera-logo {
  flex: 0 1 auto;
}
body .cabecera-logo img {
  display: block;
  max-width: 100%;
  max-height: 80px;
}
@media all and (max-width: 768px) {
  body .cabecera-logo img {
    max-height: 70px;
  }
}
body .cabecera-contenido {
  flex: 1 1 auto;
  max-width: 60%;
  text-align: var(--cabecera-contenido-text-align, left);
}
body .cabecera-contenido *:not(:visible) {
  display: none;
}
body .cabecera-titulo {
  display: var(--cabecera-titulo-display);
  font-size: var(--cabecera-titulo-font-size);
  line-height: 1.2;
  margin: 0;
}
@media all and (max-width: 768px) {
  body .cabecera {
    --main-justify-content: space-around;
  }
  body .cabecera-contenido {
    display: none;
  }
}
body .contenido-cabecera {
  margin-top: var(--contenido-cabecera-margin-top);
  margin-right: var(--contenido-cabecera-margin-right);
  margin-bottom: var(--contenido-cabecera-margin-bottom);
  margin-left: var(--contenido-cabecera-margin-left);
  position: relative;
  z-index: 0;
}
body .contenido-cabecera__imagen::after, body .contenido-cabecera__video::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body .contenido-cabecera__imagen {
  width: var(--contenido-cabecera-imagen-width);
  color: #FFFFFF;
  border-radius: var(--contenido-cabecera-imagen-border-radius);
  overflow: hidden;
  padding: 50px 0;
}
body .contenido-cabecera__imagen::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: var(--body-background-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
}
body .contenido-cabecera__video {
  width: 100vw;
  height: 100%;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
body .contenido-cabecera__video iframe {
  width: 100vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (min-aspect-ratio: 16/9) {
  body .contenido-cabecera__video iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  body .contenido-cabecera__video iframe {
    width: 177.78vh;
  }
}
body .contenido-cabecera__video + .main {
  color: #FFFFFF;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
body .contenido-cabecera__video + .main .modulo-redes_sociales .bloque {
  --bloque-background-color: transparent;
  align-items: initial;
}
body .contenido-cabecera__video + .main .modulo-redes_sociales .bloque .fila {
  justify-content: initial;
}
body .contenido-cabecera .modulo > div {
  flex-grow: 0;
}
body .contenido-cabecera h1 {
  margin-bottom: 10px;
}
body .contenido-cabecera h1:only-child {
  margin: 0;
}
body .contenido-cabecera h1 + .boton, body[id^=pagina] .contenido-cabecera h1 + a.button {
  text-align: left;
}
body .contenido-cabecera + .main {
  --main-gap: 48px;
}
@media all and (max-width: 768px) {
  body .contenido-cabecera {
    margin-top: 0;
  }
  body .contenido-cabecera__texto, body .contenido-cabecera__modular {
    padding-top: 0;
  }
  body .contenido-cabecera + .main {
    --main-gap: 35px;
  }
}
body .contenido-estirar {
  margin-left: calc((100vw - 100%) * -0.5);
  margin-right: calc((100vw - 100%) * -0.5);
  width: calc(100% + 100vw - 100%);
}
body .contenido-estirar > .main {
  width: min(95%, 1024px);
  margin: auto;
  position: relative;
  z-index: 2;
}
body .pie {
  min-height: 30px;
  background: var(--pie-background);
  color: var(--pie-font-color);
  font-size: var(--pie-font-size);
  margin-top: var(--pie-margin-top);
  margin-right: var(--pie-margin-right);
  margin-bottom: var(--pie-margin-bottom);
  margin-left: var(--pie-margin-left);
  padding: var(--pie-padding);
}
body .pie * {
  color: inherit;
  font-size: inherit;
}
body .pie *:first-child {
  margin-top: 0;
}

.ocultar {
  display: none;
}

.cerrar {
  cursor: pointer;
}

.titulo-copy {
  display: var(--titulo-copy-display, block);
}

.dgtl-icon-check-redondo {
  --icomoon-size: 54px;
}
.dgtl-icon-check-redondo-bold {
  --icomoon-size: 26px;
}

.dgtl-icon-alerta {
  --icomoon-size: 26px;
}

.dgtl-icon-check-descarga {
  --icomoon-size: 32px;
}

.bloque {
  display: var(--bloque-display);
  flex-direction: var(--bloque-flex-direction);
  color: var(--bloque-font-color);
  background-color: var(--bloque-background-color);
  box-shadow: var(--bloque-shadow);
  border-radius: var(--bloque-border-radius);
  overflow: var(--bloque-overflow);
  outline-width: var(--bloque-border-width);
  outline-style: solid;
  outline-color: var(--bloque-border-color);
  margin-top: var(--bloque-margin-top);
  margin-right: var(--bloque-margin-right);
  margin-bottom: var(--bloque-margin-bottom);
  margin-left: var(--bloque-margin-left);
}
.bloque + .bloque {
  --bloque-margin-top: var(--bloque-gap);
}
.bloque-cabecera + :not(.bloque-cabecera, .bloque-imagen), .bloque-contenido + :not(.bloque-contenido, .bloque-imagen), .bloque-pie + :not(.bloque-pie, .bloque-imagen) {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(98, 105, 118, 0.16);
}
.bloque-cabecera + .bloque-cabecera, .bloque-contenido + .bloque-contenido, .bloque-pie + .bloque-pie {
  --bloque-padding-top: 0;
}
.bloque-cabecera, .bloque-contenido, .bloque-pie {
  padding-top: var(--bloque-padding-top);
  padding-right: var(--bloque-padding-right);
  padding-bottom: var(--bloque-padding-bottom);
  padding-left: var(--bloque-padding-left);
}
.bloque-cabecera > :empty, .bloque-contenido > :empty, .bloque-pie > :empty {
  display: none;
}
.bloque-cabecera > :first-child:not(.fila), .bloque-contenido > :first-child:not(.fila), .bloque-pie > :first-child:not(.fila) {
  margin-top: 0;
}
.bloque-cabecera > :last-child:not(.fila), .bloque-contenido > :last-child:not(.fila), .bloque-pie > :last-child:not(.fila) {
  margin-bottom: 0;
}
.bloque-imagen {
  width: 100%;
  overflow: hidden;
}
.bloque-imagen img {
  display: block;
  width: 100%;
  max-height: var(--bloque-imagen-height);
  object-fit: cover;
}
.bloque[img-fondo=true] .bloque-imagen {
  display: none;
}
@media all and (max-width: 768px) {
  .bloque[img-fondo=true] .bloque-imagen {
    display: block;
  }
}
.bloque-video {
  display: block;
  width: 100%;
  position: relative;
  padding: var(--bloque-video-aspect-radio) 0 0 0;
  overflow: hidden;
}
.bloque-video iframe, .bloque-video embed, .bloque-video object {
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 4px);
  height: calc(100% + 2px);
  border: 0;
  margin: -1px -2px;
}
.bloque__check {
  position: relative;
}
.bloque__check::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: var(--bloque-check-background-color);
  box-shadow: inset 0 0 0 1px rgb(255, 255, 255);
  border: var(--bloque-check-border-width) solid var(--bloque-check-border-color);
  border-radius: var(--bloque-check-border-radius);
  position: absolute;
  top: var(--bloque-check-position-top);
  right: var(--bloque-check-position-right);
  bottom: var(--bloque-check-position-bottom);
  left: var(--bloque-check-position-left);
  z-index: 2;
}
.bloque .bl-titulo {
  margin: 0 0 1rem;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.bloque .bl-copyright {
  display: var(--bloque-copyright-display, flex);
  gap: 10px;
  margin: 20px 0 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1607843137);
  padding: 14px 0px;
}
.bloque .bl-copyright img {
  flex: 0 0 auto;
  object-fit: contain;
  border-radius: 50%;
  border: 1px solid #DBDBDB;
}
.bloque .bl-copyright div {
  color: #9B9B9B;
  font-size: 14px;
}

.mensaje, .mensaje-ok, .mensaje-ko {
  color: var(--mensaje-font-color);
  text-align: var(--mensaje-text-align);
}
.mensaje[class^=bloque-], .mensaje-ok[class^=bloque-], .mensaje-ko[class^=bloque-] {
  background-color: var(--mensaje-background-color);
  border-top-width: 0px;
}
.mensaje[class^=bloque-] + [class^=bloque-], .mensaje-ok[class^=bloque-] + [class^=bloque-], .mensaje-ko[class^=bloque-] + [class^=bloque-] {
  border-top-width: 0px;
  --bloque-padding-top: inherit;
}
.mensaje [class^=dgtl-icon], .mensaje-ok [class^=dgtl-icon], .mensaje-ko [class^=dgtl-icon] {
  --icomoon-background-color: #FFFFFF;
  --icomoon-background-opacity: 1;
  vertical-align: middle;
}
.mensaje [class^=dgtl-icon] + strong, .mensaje-ok [class^=dgtl-icon] + strong, .mensaje-ko [class^=dgtl-icon] + strong {
  margin-left: 5px;
}
.mensaje h3, .mensaje-ok h3, .mensaje-ko h3 {
  margin: 10px 0 5px 0;
}
.mensaje h3 small, .mensaje-ok h3 small, .mensaje-ko h3 small {
  font-weight: normal;
  display: block;
  font-size: initial;
}
.mensaje-ok {
  --mensaje-background-color: #DAF4DA;
  --mensaje-font-color: #00B300;
}
.mensaje-ko {
  --mensaje-background-color: #fbc7c7;
  --mensaje-font-color: #ff0000;
}
.formulario input:not([type=radio], [type=checkbox]), .formulario select, .formulario textarea, .formulario .campo .campo-input {
  display: block;
  width: 100%;
  min-height: var(--formulario-input-height);
  color: var(--formulario-input-font-color);
  font-size: var(--formulario-input-font-size);
  font-weight: var(--formulario-input-font-weight);
  text-transform: var(--formulario-input-text-transform);
  border-width: var(--formulario-input-border-width);
  border-style: solid;
  border-color: var(--formulario-input-border-color);
  border-radius: var(--formulario-input-border-radius);
  padding-top: var(--formulario-input-padding-top);
  padding-right: var(--formulario-input-padding-right);
  padding-bottom: var(--formulario-input-padding-bottom);
  padding-left: var(--formulario-input-padding-left);
  background-color: var(--formulario-input-background-color);
  background-position: right calc(var(--formulario-input-padding-right) - var(--formulario-input-border-width)) center;
  background-image: var(--formulario-input-icon, none);
  background-repeat: no-repeat;
  outline: none;
  appearance: none;
  line-height: 1.2;
  -webkit-appearance: none;
}
.formulario input:not([type=radio], [type=checkbox])::placeholder, .formulario select::placeholder, .formulario textarea::placeholder, .formulario .campo .campo-input::placeholder {
  font-weight: normal;
}
.formulario input:not([type=radio], [type=checkbox]):focus, .formulario select:focus, .formulario textarea:focus, .formulario .campo .campo-input:focus {
  box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.08);
}
.formulario input:not([type=radio], [type=checkbox]) + .mostrar_pass, .formulario select + .mostrar_pass, .formulario textarea + .mostrar_pass, .formulario .campo .campo-input + .mostrar_pass {
  position: absolute;
  right: 10px;
  top: 50%;
  width: min-content;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 25px;
  transform: translateY(-50%);
  user-select: none;
  cursor: pointer;
}
.formulario input:not([type=radio], [type=checkbox]) + .mostrar_pass.activo, .formulario select + .mostrar_pass.activo, .formulario textarea + .mostrar_pass.activo, .formulario .campo .campo-input + .mostrar_pass.activo {
  color: #ffff00;
}
.formulario input[type=radio], .formulario input[type=checkbox] {
  display: inline-block;
  width: var(--formulario-input-check-size);
  height: var(--formulario-input-check-size);
  appearance: none;
  border-radius: 50%;
  border-width: var(--formulario-input-check-border-width);
  border-style: solid;
  border-color: var(--formulario-input-check-border-color);
  background-color: var(--formulario-input-check-background-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}
.formulario input[type=radio]:checked, .formulario input[type=checkbox]:checked {
  --formulario-input-check-background-color: #ffff00;
  --formulario-input-check-border-color: #ffff00;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}
.formulario select {
  line-height: calc(var(--formulario-input-height) - var(--formulario-input-padding-bottom) - var(--formulario-input-padding-top));
  background-image: var(--formulario-input-icon, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d9dbde' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  background-size: 16px 12px;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
}
.formulario textarea {
  resize: vertical;
}
.formulario textarea[cols] {
  height: auto;
}
.formulario .valida-campo {
  position: relative;
}
.formulario .valida-campo::after {
  content: "";
  display: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: white;
  background-position: center;
  background-image: var(--formulario-input-icon, none);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: var(--formulario-input-padding-right);
  transform: translateY(-50%);
}
.formulario .campo-label {
  display: inline-block;
  font-size: var(--formulario-label-font-size);
  text-transform: var(--formulario-label-font-transform);
  font-weight: var(--formulario-label-font-weight);
  line-height: 1.2;
  letter-spacing: 0.13px;
  padding-top: var(--formulario-label-padding-top);
  padding-right: var(--formulario-label-padding-right);
  padding-bottom: var(--formulario-label-padding-bottom);
  padding-left: var(--formulario-label-padding-left);
  margin-top: var(--formulario-label-margin-top);
  margin-right: var(--formulario-label-margin-right);
  margin-bottom: var(--formulario-label-margin-bottom);
  margin-left: var(--formulario-label-margin-left);
}
.formulario .campo-check {
  display: flex;
  gap: 8px;
  position: relative;
  padding-left: 1.75rem;
}
.formulario .campo-check ~ .campo-mensaje-error {
  padding: 0;
}
.formulario .campo-check input {
  position: absolute;
  left: 0;
  top: -1px;
}
.formulario .campo-lista-input {
  margin: 10px 0 20px 0;
}
.formulario .campo-lista-input label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 15px;
  border: var(--formulario-input-border-width) solid var(--formulario-input-border-color);
  border-radius: var(--formulario-input-border-radius);
  background-color: var(--formulario-input-background-color);
  user-select: none;
}
.formulario .campo-lista-input label input {
  flex-shrink: 0;
}
.formulario .campo-lista-input label.activo:not(.error) {
  --formulario-input-border-color: #ffff00;
  --formulario-input-background-color: rgba(255, 255, 0, 0.2);
}
.formulario .campo-lista-input label.desactivado {
  color: #919191;
  user-select: none;
  pointer-events: none;
}
.formulario .campo-lista-input label.desactivado:not(.activo) {
  --formulario-input-border-width: 0px;
  --formulario-input-check-border-width: 0px;
  --formulario-input-check-background-color: none;
}
.formulario .campo-lista-input label.error {
  --formulario-input-background-color: #fbc7c7;
  --formulario-input-border-color: #ff0000;
}
.formulario .campo-lista-input label.error:not(.activo) {
  --formulario-input-check-border-color: #ff0000;
}
.formulario .campo-lista-input label .eliminar_metodo_pago {
  --boton-font-size: 12px;
  --boton-padding-horizontal: 0px;
  display: block;
  font-weight: initial;
  pointer-events: all;
}
.formulario .campo-lista-input label > div {
  flex-grow: 999;
}
.formulario .campo-lista-input label + label {
  margin-top: 10px;
}
.formulario .campo-mensaje-error {
  display: block;
  color: var(--formulario-error-color, inherit);
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.4px;
  padding-top: var(--formulario-mensaje-error-padding-top);
  padding-right: var(--formulario-mensaje-error-padding-right);
  padding-bottom: var(--formulario-mensaje-error-padding-bottom);
  padding-left: var(--formulario-mensaje-error-padding-left);
  margin-top: var(--formulario-mensaje-error-margin-top);
  margin-right: var(--formulario-mensaje-error-margin-right);
  margin-bottom: var(--formulario-mensaje-error-margin-bottom);
  margin-left: var(--formulario-mensaje-error-margin-left);
  opacity: var(--formulario-error-opacity, 0);
}
.formulario .campo.ok {
  --formulario-input-icon: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18.3' enable-background='new 0 0 18 18.3' xml:space='preserve' width='18px' height='18px'%3E%3Cpath fill='%2308C700' d='M9,0.1c-5,0-9,4-9,9c0,5,4,9,9,9s9-4,9-9C18,4.2,14,0.1,9,0.1z M14,7.6l-5.2,5.2c-0.3,0.3-0.7,0.4-1.1,0.4 s-0.8-0.1-1.1-0.4L4,10.3C3.5,9.7,3.5,8.7,4,8.1s1.5-0.6,2.1,0l1.5,1.5l4.2-4.2c0.6-0.6,1.5-0.6,2.1,0C14.5,6.1,14.5,7,14,7.6z'/%3E%3C/svg%3E");
}
.formulario .campo.ok .valida-campo::after {
  display: inline-block;
}
.formulario .campo.error {
  --formulario-input-icon: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18.3' enable-background='new 0 0 18 18.3' xml:space='preserve' width='18px' height='18px'%3E%3Cpath fill='%23FF002E' d='M9,0C4,0,0,4,0,9s4,9,9,9s9-4,9-9S14,0,9,0z M10.5,3.5l-0.3,7.9H7.6L7.4,3.5H10.5z M10.1,15.2 c-0.3,0.3-0.7,0.4-1.2,0.4c-0.5,0-0.8-0.1-1.1-0.4c-0.3-0.3-0.5-0.7-0.5-1.1s0.2-0.8,0.5-1.1c0.6-0.6,1.7-0.6,2.3,0 c0.3,0.3,0.5,0.7,0.5,1.1C10.6,14.5,10.4,14.9,10.1,15.2z'/%3E%3C/svg%3E");
  --formulario-error-color: red;
  --formulario-error-opacity: 1;
}
.formulario .campo.error .valida-campo::after {
  display: inline-block;
}
.formulario .campo.ok select, .formulario .campo.error select {
  background-size: auto;
}
.formulario .campo.ok .mostrar_pass, .formulario .campo.error .mostrar_pass {
  right: 35px;
}
.formulario .campo + [class^=campo] {
  margin-top: 5px;
}
@media all and (max-width: 768px) {
  .formulario .campo.columna-6#div_telefono, .formulario .campo.columna-6#div_dni, .formulario .campo.columna-6#div_cp, .formulario .campo.columna-6#div_provincia {
    margin-top: 5px;
    flex: 0 0 calc(100% - var(--gap));
  }
  .formulario .campo.columna-6#div_telefono > .valida-campo, .formulario .campo.columna-6#div_telefono > input, .formulario .campo.columna-6#div_telefono > select, .formulario .campo.columna-6#div_dni > .valida-campo, .formulario .campo.columna-6#div_dni > input, .formulario .campo.columna-6#div_dni > select, .formulario .campo.columna-6#div_cp > .valida-campo, .formulario .campo.columna-6#div_cp > input, .formulario .campo.columna-6#div_cp > select, .formulario .campo.columna-6#div_provincia > .valida-campo, .formulario .campo.columna-6#div_provincia > input, .formulario .campo.columna-6#div_provincia > select {
    max-width: 66%;
  }
}
.formulario .label-enlace, .formulario .label-descripcion {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  text-transform: none;
  font-weight: normal;
  display: table;
  margin-left: auto;
}
.formulario .label-enlace {
  cursor: pointer;
  color: #ffff00;
  user-select: none;
}
.formulario .label-enlace:hover {
  text-decoration: underline;
}
.formulario .label-descripcion {
  color: inherit;
}

#div_acepto_politica, #div_acepto_politica_multistep, #div_acepto_comunicaciones {
  --formulario-input-check-border-color: #ffff00;
  --formulario-input-check-size: 1.3rem;
  --formulario-input-check-border-width: 2px;
  line-height: 1.5;
}
#div_acepto_politica[data-co=true], #div_acepto_politica_multistep[data-co=true], #div_acepto_comunicaciones[data-co=true] {
  background: #F8F8F8;
  padding: 12px 11px 12px 14px;
  border-radius: var(--formulario-input-border-radius);
  margin-top: 10px;
}
#div_acepto_politica[data-co=true].error, #div_acepto_politica_multistep[data-co=true].error, #div_acepto_comunicaciones[data-co=true].error {
  background-color: #FFEBEB;
  --formulario-input-check-border-color: var(--formulario-error-color);
}
#div_acepto_politica .campo-mensaje-error.valida-campo, #div_acepto_politica_multistep .campo-mensaje-error.valida-campo, #div_acepto_comunicaciones .campo-mensaje-error.valida-campo {
  --formulario-input-padding-right: 4px;
  background-position: right 0 center;
}

#slider {
  display: block;
  white-space: nowrap;
}
#slider .slide {
  width: 100%;
  vertical-align: top;
  white-space: initial;
  display: none;
}

.boton, body[id^=pagina] a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 5px;
  position: relative;
  min-width: min(260px, 50%);
  text-transform: var(--boton-text-transform);
  background-color: var(--boton-background-color);
  font-size: var(--boton-font-size);
  font-weight: bold;
  color: var(--boton-font-color);
  border-width: var(--boton-border-width);
  border-style: solid;
  border-color: var(--boton-border-color);
  border-radius: var(--boton-border-radius);
  padding: var(--boton-padding-vertical) var(--boton-padding-horizontal);
  box-shadow: var(--boton-sombra);
  cursor: pointer;
  /** Establecer altura mínima (opcional) **/
  min-height: var(--boton-min-height, auto);
}
.boton.ancho-completo, body[id^=pagina] a.ancho-completo.button {
  flex-grow: 999;
  width: 100%;
}
.boton-formulario {
  display: flex;
  margin-top: 34px;
}
.boton-formulario .fila {
  flex-direction: column-reverse;
}
.boton.fb, body[id^=pagina] a.fb.button, .boton.tw, body[id^=pagina] a.tw.button, .boton.wa, body[id^=pagina] a.wa.button {
  --boton-font-color: $color_boton_rrss;
}
.boton.fb .boton__txt, body[id^=pagina] a.fb.button .boton__txt, .boton.tw .boton__txt, body[id^=pagina] a.tw.button .boton__txt, .boton.wa .boton__txt, body[id^=pagina] a.wa.button .boton__txt {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.boton.fb, body[id^=pagina] a.fb.button {
  --boton-background-color: map-get($color_background_rrss, facebook);
  --boton-border-color: map-get($color_background_rrss, facebook);
}
.boton.wa, body[id^=pagina] a.wa.button {
  --boton-background-color: map-get($color_background_rrss, whatsapp);
  --boton-border-color: map-get($color_background_rrss, whatsapp);
}
.boton.tw, body[id^=pagina] a.tw.button {
  --boton-background-color: map-get($color_background_rrss, twitter);
  --boton-border-color: map-get($color_background_rrss, twitter);
}
.boton__txt, .boton__icon {
  transition: transform 0.5s, margin 0.5s, left 0.5s, right 0.5s, opacity 0.3s;
}
.boton.blanco, body[id^=pagina] a.blanco.button {
  --boton-border-color: var(--boton-blanco-border-color, inherit);
  --boton-font-color: var(--boton-blanco-font-color, var(--boton-border-color));
  --boton-background-color: transparent ;
}
.boton.blanco-completo, body[id^=pagina] a.blanco-completo.button {
  --boton-border-color: var(--boton-blanco-completo-border-color, inherit);
  --boton-font-color: var(--boton-blanco-completo-font-color, var(--boton-border-color));
  --boton-background-color: transparent ;
}
.boton.txt, body[id^=pagina] a.txt.button {
  --boton-border-width: 0;
  --boton-background-color: transparent;
  --boton-font-color: var(--boton-txt-font-color, var(--boton-border-color));
  --boton-sombra: none;
  --boton-padding-vertical: 0;
  min-height: auto;
}

.btn-hover-der,
.btn-hover-izq {
  overflow: hidden;
}

.btn-hover-der .boton__txt,
.btn-hover-izq .boton__txt {
  display: block;
}

.btn-hover-der .boton__txt {
  margin-right: var(--boton-icono-width); /* El width del tamaño que el icono */
  transform: translateX(calc(var(--boton-icono-width) / 2)); /* La mitad del width del icono */
}

.btn-hover-izq .boton__txt {
  margin-left: var(--boton-icono-width); /* El width del tamaño que el icono */
  transform: translateX(calc(var(--boton-icono-width) / 2 * -1)); /* La mitad del width del icono */
}

.btn-hover-der .boton__icon,
.btn-hover-izq .boton__icon {
  display: inline-block;
  width: var(--boton-icono-width);
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.btn-hover-der .boton__icon {
  text-align: right;
  right: -50%;
}

.btn-hover-izq .boton__icon {
  text-align: left;
  left: -50%;
}

.btn-icon-der, .btn-hover-der .boton__icon:empty, .btn-icon-izq, .btn-hover-izq .boton__icon:empty {
  display: block;
  font-family: var(--boton-icono-font-family);
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.2;
}
.btn-icon-der::before, .btn-hover-der .boton__icon:empty::before {
  content: var(--boton-icono-hover-default-der);
}
.btn-icon-izq::before, .btn-hover-izq .boton__icon:empty::before {
  content: var(--boton-icono-hover-default-izq);
}

.btn-hover-der:hover .boton__txt,
.btn-hover-izq:hover .boton__txt {
  transform: translateX(0);
}

.btn-hover-der:hover .boton__icon {
  right: var(--boton-padding-horizontal);
  opacity: 1;
}

.btn-hover-izq:hover .boton__icon {
  left: var(--boton-padding-horizontal);
  opacity: 1;
}

.cargando {
  display: none;
  height: calc(var(--boton-font-size) * 1.2);
  white-space: nowrap;
}

.boton:disabled .cargando, body[id^=pagina] a.button:disabled .cargando {
  display: block;
  height: calc(100% - 10px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.boton:disabled .cargando ~ *, body[id^=pagina] a.button:disabled .cargando ~ * {
  color: transparent;
}

.cargando > div {
  display: inline-block;
  width: 4px;
  height: 100%;
  border-radius: var(--boton-icono-cargando-border-radius, 0px);
  background-color: var(--boton-font-color);
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.cargando .b1 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.cargando .b2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.cargando .b3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.cargando .b4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.cargando .b5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
#bt_sig.boton, body[id^=pagina] a#bt_sig.button {
  min-height: 48px;
  margin-left: auto;
}

#bt_sig_codice_fiscale.boton, body[id^=pagina] a#bt_sig_codice_fiscale.button {
  min-height: 48px;
  margin-left: auto;
}

#cta-pregunta {
  display: none;
  justify-content: center;
}
#cta-pregunta .boton:disabled, #cta-pregunta body[id^=pagina] a.button:disabled, body[id^=pagina] #cta-pregunta a.button:disabled {
  --boton-background-color: #BFBFBF;
  --boton-border-color: #BFBFBF;
  --boton-font-color: #3D3D3F !important;
  z-index: 1;
}
#cta-registro {
  display: none;
}
#cta-registro .boton, #cta-registro body[id^=pagina] a.button, body[id^=pagina] #cta-registro a.button {
  margin-top: 20px;
}
@media all and (max-width: 768px) {
  #cta-registro {
    display: flex;
    position: sticky;
    bottom: 2rem;
    justify-content: flex-end;
  }
  #cta-pregunta {
    display: flex;
  }
}
@media all and (max-width: 480px) {
  #cta-boton {
    display: flex;
    position: sticky;
    bottom: 2rem;
    justify-content: flex-end;
  }
}

.pasos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  counter-reset: step;
  border-radius: var(--pasos-border-radius);
  overflow: hidden;
  border-bottom: var(--pasos-border);
  margin-bottom: var(--pasos-margin-bottom);
}
.pasos .paso {
  counter-increment: step;
  position: relative;
  padding: var(--paso-padding);
  font-size: var(--paso-font-size);
  color: var(--paso-font-color);
  background-color: var(--paso-background);
  line-height: 1.2;
}
.pasos .paso:not(:last-child)::after {
  content: "";
  display: grid;
  place-items: center;
  width: 15.7px;
  height: 100%;
  background-color: var(--paso-icono-background-color);
  position: absolute;
  top: 0;
  right: -15px;
  z-index: 1;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 100% 50%, 0% 0%);
}
.pasos .paso:not(:last-child).paso__activo::after {
  clip-path: polygon(100% 50%, 100% 50%, 100% 50%, 0 100%, 0% 50%, 0 0);
}
.pasos .paso span {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  text-transform: var(--paso-text-transform);
  font-weight: var(--paso-font-weight);
  height: 100%;
}
.pasos .paso span::before {
  content: counter(step);
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-color: var(--paso-contador-background);
  font-size: var(--paso-contador-font-size);
  font-weight: var(--paso-contador-font-weight);
  color: var(--paso-contador-font-color);
}

.pasos .paso__activo {
  --paso-background: #596368;
  --paso-font-color: #FFFFFF;
  --paso-contador-background: #596368;
  --paso-contador-font-color: white;
  --paso-font-weight: 600;
}

#importes > .campo-label {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
  margin-bottom: 20px;
}

#importes .cuotas {
  margin-top: var(--importe-cuotas-margin-top);
  margin-bottom: var(--importe-cuotas-margin-bottom);
}

#importes .cuotas > div {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: flex-end;
}

#importes .cuotas .boton, #importes .cuotas body[id^=pagina] a.button, body[id^=pagina] #importes .cuotas a.button {
  min-width: auto;
  --boton-font-color: var(--importe-font-color);
  --boton-font-size: var(--importe-font-size);
  --boton-background-color: var(--importe-background);
  --boton-padding-vertical: 0;
  --boton-padding-horizontal: 0;
  --boton-border-width: 0;
  --boton-border-radius: var(--importe-border-radius);
  --boton-border-color: var(--importe-border-color);
  --boton-sombra: var(--importe-sombra);
  flex: 1;
  flex-direction: column;
  height: var(--importe-size, unset);
  justify-content: center;
  font-weight: 500;
  position: relative;
  outline: var(--importe-border-width) solid var(--importe-border-color);
}
#importes .cuotas .boton .cantidad-al-mes, #importes .cuotas body[id^=pagina] a.button .cantidad-al-mes, body[id^=pagina] #importes .cuotas a.button .cantidad-al-mes {
  font-size: 14px;
  font-weight: 400;
  line-height: 0.5;
}

#importes .cuotas .boton::before, #importes .cuotas body[id^=pagina] a.button::before, body[id^=pagina] #importes .cuotas a.button::before {
  content: "";
  display: var(--importe-icon-display);
  width: var(--importe-icon-size);
  height: var(--importe-icon-size);
  background-color: var(--importe-icon-background);
  outline: var(--importe-icon-border-width) solid var(--importe-border-color);
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
}

#importes .cuotas .boton.activo, #importes .cuotas body[id^=pagina] a.activo.button, body[id^=pagina] #importes .cuotas a.activo.button {
  --importe-border-color: var(--importe-seleccionado-border-color);
  --importe-font-color: var(--importe-seleccionado-font-color);
  --importe-border-width: var(--importe-seleccionado-border-width);
  --boton-font-color: var(--importe-seleccionado-font-color);
  --importe-icon-border-width: var(--importe-seleccionado-icon-border-width);
  --importe-sombra: none;
}

#importes .cuotas .descripcion_cuota {
  display: inline-block;
  border: 0px solid var(--importe-border-color);
  border-radius: 2rem;
  padding: 3px 15px;
  font-size: 14px;
  text-align: center;
  color: var(--importe-font-color);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 22px;
  background-color: #F4F4F4;
}

#importes .cuotas .boton.destacar, #importes .cuotas body[id^=pagina] a.destacar.button, body[id^=pagina] #importes .cuotas a.destacar.button {
  position: relative;
  z-index: 0;
}

#importes .cuotas .boton.destacar span, #importes .cuotas body[id^=pagina] a.destacar.button span, body[id^=pagina] #importes .cuotas a.destacar.button span {
  display: var(--importe-destacado-display);
  background-color: var(--importe-destacado-background);
  color: var(--importe-destacado-font-color);
  font-size: 12px;
  font-weight: 300;
  border-width: var(--importe-seleccionado-border-width) var(--importe-seleccionado-border-width) 0 var(--importe-seleccionado-border-width);
  border-style: solid;
  border-color: var(--importe-destacado-border-color);
  border-radius: var(--importe-border-radius) var(--importe-border-radius) 0 0;
  padding: 3px 3px 4px 3px;
  width: 100%;
  position: absolute;
  bottom: 100%;
  z-index: -1;
}

.pagos {
  display: block;
  margin-top: var(--pagos-margin-top);
  margin-right: var(--pagos-margin-right);
  margin-bottom: var(--pagos-margin-bottom);
  margin-left: var(--pagos-margin-left);
}
.pagos-opciones {
  display: flex;
  justify-content: center;
  grid-auto-rows: auto;
  margin-bottom: 28px;
  margin-top: 20px;
  gap: var(--pagos-opciones-gap);
}
.pagos-opciones button {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: var(--pagos-opciones-button-justify-content);
  gap: 14px;
  background-color: #FFFFFF;
  color: var(--pagos-opciones-button-font-color);
  border-radius: var(--pagos-opciones-button-border-radius);
  border: 0px;
  outline-width: var(--pagos-opciones-button-border-width);
  outline-style: solid;
  outline-color: var(--pagos-opciones-button-border-color);
  outline-offset: -0.5px;
  padding: 8px 9px;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
.pagos-opciones button:not(:last-of-type) {
  border-top-right-radius: var(--pagos-opciones-button-border-x-radius, 0);
  border-bottom-right-radius: var(--pagos-opciones-button-border-x-radius, 0);
}
.pagos-opciones button:not(:first-of-type) {
  border-top-left-radius: var(--pagos-opciones-button-border-x-radius, 0);
  border-bottom-left-radius: var(--pagos-opciones-button-border-x-radius, 0);
}
.pagos-opciones button.activo {
  --pagos-opciones-button-border-width: 1px;
  --pagos-opciones-button-icon-border-color: #ffff00;
  --pagos-opciones-button-icon-border-width: 4px;
  --pagos-opciones-button-font-color: #ffff00;
  background-color: var(--pagos-opciones-button-activo-background-color);
  outline-color: var(--pagos-opciones-button-activo-border-color);
  z-index: 2;
}
.pagos-opciones button::before {
  flex: 0 0 auto;
  content: "";
  display: var(--pagos-opciones-button-icon-display, none);
  width: var(--pagos-opciones-button-icon-size);
  height: var(--pagos-opciones-button-icon-size);
  outline: var(--pagos-opciones-button-icon-border-width) solid var(--pagos-opciones-button-icon-border-color);
  outline-offset: calc(var(--pagos-opciones-button-icon-border-width) * -1);
  border-radius: 50%;
}
@media all and (max-width: 768px) {
  .pagos-opciones button {
    gap: 3px;
  }
}
.pagos-contenidos {
  --icomoon-font-color: #596368;
  display: block;
  position: relative;
  z-index: 1;
  padding-top: var(--pagos-contenidos-padding-top);
  padding-right: var(--pagos-contenidos-padding-right);
  padding-bottom: var(--pagos-contenidos-padding-bottom);
  padding-left: var(--pagos-contenidos-padding-left);
  margin-top: var(--pagos-contenidos-margin-top);
  margin-right: var(--pagos-contenidos-margin-right);
  margin-bottom: var(--pagos-contenidos-margin-bottom);
  margin-left: var(--pagos-contenidos-margin-left);
  background-color: var(--pagos-contenidos-background-color);
  border-radius: var(--pagos-contenidos-border-radius);
  box-shadow: var(--pagos-contenidos-sombra);
}
.pagos .campo-lista-input {
  margin: 10px 0 20px 0;
  --formulario-input-border-width: var(--pagos-contenidos-lista-border-width);
  --formulario-input-check-border-width: var(--pagos-contenidos-lista-border-width);
  --formulario-input-border-color: var(--pagos-contenidos-lista-border-color);
  --formulario-input-background-color: var(--pagos-contenidos-lista-background-color);
  --formulario-input-border-radius: var(--pagos-contenidos-lista-border-radius);
  --icomoon-font-color: #ffff00;
}
.pagos .campo-lista-input label {
  box-shadow: var(--pagos-contenidos-lista-sombra);
}
.pagos .campo-lista-input label.activo:not(.error) {
  --formulario-input-border-color: #ffff00 !important;
  --formulario-input-background-color: rgba(255, 255, 0, 0.2) !important;
}
.pagos .campo-lista-input label.error {
  --icomoon-font-color: #ff0000;
}
.pagos .campo-lista-input label.desactivado {
  --icomoon-font-color: #919191;
}
.pagos .campo-lista-input.aumento-cuota label {
  gap: 20px;
}
.pagos .campo-lista-input.aumento-cuota label > div {
  font-size: var(--importe-font-size);
  font-weight: 500;
}

.firmas {
  padding-top: var(--firmas-padding-top);
  padding-right: var(--firmas-padding-right);
  padding-bottom: var(--firmas-padding-bottom);
  padding-left: var(--firmas-padding-left);
  margin-top: var(--firmas-margin-top);
  margin-right: var(--firmas-margin-right);
  margin-bottom: var(--firmas-margin-bottom);
  margin-left: var(--firmas-margin-left);
}
.firmas ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.firmas ul li {
  display: inline-flex;
  margin: 0;
  align-items: center;
  color: var(--firmas-font-color);
  gap: 10px;
  transition: transform 0.6s;
  background-color: var(--firmas-background-color, initial);
}
.firmas ul li div {
  flex-shrink: 0;
  align-self: flex-start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--firmas-icono-font-color);
  border-radius: 50%;
  background-color: var(--firmas-icono-background-color, initial);
}
.firmas ul li:nth-of-type(1) {
  transform: translate(0px, 0px);
  z-index: 0;
}
.firmas ul li:nth-of-type(2) {
  transform: translate(20px, 0px);
  z-index: 1;
}
.firmas ul li:nth-of-type(3) {
  transform: translate(40px, 0px);
  z-index: 2;
}
.firmas ul li:nth-of-type(4) {
  transform: translate(60px, 0px);
  z-index: 3;
}
.firmas ul li:nth-of-type(5) {
  transform: translate(80px, 0px);
  z-index: 4;
}
.firmas ul li:nth-of-type(6) {
  transform: translate(100px, 0px);
  z-index: 5;
}
.firmas ul li:nth-of-type(7) {
  transform: translate(120px, 0px);
  z-index: 6;
}
.firmas ul li:nth-of-type(8) {
  transform: translate(140px, 0px);
  z-index: 7;
}
.firmas ul li:nth-of-type(9) {
  transform: translate(160px, 0px);
  z-index: 8;
}
.firmas ul li:nth-of-type(10) {
  transform: translate(180px, 0px);
  z-index: 9;
}
.firmas ul li:nth-of-type(11) {
  transform: translate(200px, 0px);
  z-index: 10;
}
.firmas[tema="0"] {
  --firmas-font-color: #FFFFFF;
  --firmas-background-color: rgba(0, 0, 0, 0.4);
  --firmas-icono-font-color: #FFFFFF;
  --firmas-icono-background-color: #B5B5B5;
}
.firmas[tema="0"] ul {
  display: inline-flex;
  width: 100%;
  gap: 8px;
}
.firmas[tema="0"] ul li {
  border-radius: 30px;
  padding-right: 8px;
}
.firmas[tema="0"] ul li:not(:first-child) {
  opacity: 0.4;
}
@media all and (max-width: 540px) {
  .firmas[tema="0"] ul li {
    width: 100% !important;
    transform: translate(0px);
  }
}
.firmas[tema="1"] ul li:not(:last-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.firmas[tema="1"] ul li:not(:last-child) span {
  opacity: 0;
}
.firmas[tema="1"] ul li:nth-of-type(1) {
  width: calc(100% - 0px);
}
.firmas[tema="1"] ul li:nth-of-type(2) {
  width: calc(100% - 20px);
}
.firmas[tema="1"] ul li:nth-of-type(3) {
  width: calc(100% - 40px);
}
.firmas[tema="1"] ul li:nth-of-type(4) {
  width: calc(100% - 60px);
}
.firmas[tema="1"] ul li:nth-of-type(5) {
  width: calc(100% - 80px);
}
.firmas[tema="1"] ul li:nth-of-type(6) {
  width: calc(100% - 100px);
}
.firmas[tema="1"] ul li:nth-of-type(7) {
  width: calc(100% - 120px);
}
.firmas[tema="1"] ul li:nth-of-type(8) {
  width: calc(100% - 140px);
}
.firmas[tema="1"] ul li:nth-of-type(9) {
  width: calc(100% - 160px);
}
.firmas[tema="1"] ul li:nth-of-type(10) {
  width: calc(100% - 180px);
}
.firmas[tema="1"] ul li:nth-of-type(11) {
  width: calc(100% - 200px);
}
.firmas[tema="2"] ul li {
  transform: translate(0px);
  color: #3D3D3F;
  font-weight: 300;
}
.firmas[tema="2"] ul li span {
  font-size: 14px;
}
.firmas[tema="2"] ul li span b {
  background-color: rgba(89, 99, 104, 0.2);
  padding: 0px 6px;
  border-radius: 10px;
  margin-right: 5px;
}

.contador {
  display: inline-block;
  width: 100%;
  margin-top: var(--contador-margin-top);
  margin-right: var(--contador-margin-right);
  margin-bottom: var(--contador-margin-bottom);
  margin-left: var(--contador-margin-left);
}
.contador-contenido {
  background-color: var(--contador-background-color);
  color: var(--contador-font-color);
  border-radius: var(--contador-border-radius);
  text-align: var(--contador-texto-align);
  padding-top: var(--contador-padding-top);
  padding-right: var(--contador-padding-right);
  padding-bottom: var(--contador-padding-bottom);
  padding-left: var(--contador-padding-left);
}
.contador .odometer {
  font-size: var(--contador-font-size);
  font-weight: bold;
}
.contador .odometer.hidden, .contador .odometer.hidden + .odometer-texto {
  display: none;
}
.contador .odometer.hidden ~ .contador-tooltip {
  --contador-tooltip-margin-top: 0px;
}
.contador .odometer.hidden ~ .contador-tooltip::before {
  content: none;
}
.contador .odometer-texto {
  font-size: var(--contador-texto-font-size);
}
.contador .firmas {
  --firmas-margin-left: -20px;
  --firmas-margin-right: -20px;
  --firmas-padding-top: 20px;
  --firmas-padding-left: 20px;
  --firmas-padding-right: 20px;
  grid-column: span 2;
}
.contador .firmas[tema="2"] ul {
  align-items: center;
}
.contador-tooltip {
  text-align: left;
  display: var(--contador-tooltip-display, grid);
  background-color: var(--contador-tooltip-background-color);
  grid-template-columns: auto 1fr;
  grid-auto-rows: auto;
  gap: 20px;
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #3D3D3F;
  margin-top: var(--contador-tooltip-margin-top);
  margin-right: var(--contador-tooltip-margin-right);
  margin-bottom: var(--contador-tooltip-margin-bottom);
  margin-left: var(--contador-tooltip-margin-left);
}
.contador-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 15%;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent var(--contador-tooltip-background-color) transparent;
}
.contador-tooltip .firmas:not(:only-child) {
  border-top: 1px solid rgba(112, 112, 112, 0.0745098039);
}
.contador-tooltip .firmas:only-child {
  --firmas-padding-top: 0px;
}
.contador-tooltip h3 {
  margin-bottom: 18px;
}

.multistep-pasos {
  counter-reset: steps;
  display: flex;
  flex-wrap: nowrap;
}
.multistep-pasos .paso {
  counter-increment: steps;
  list-style: none;
  line-height: 0;
  position: relative;
}
.multistep-pasos .paso:not(:last-of-type) {
  flex: 1 1 0;
}
.multistep-pasos .paso:not(:last-of-type)::after {
  content: var(--multistep-paso-linea-icon);
  display: block;
  width: calc(100% - var(--multistep-paso-size));
  height: var(--multistep-paso-linea-height);
  font-size: 1.5rem;
  text-align: center;
  color: var(--multistep-paso-activo-color);
  background-color: var(--multistep-paso-activo-color);
  position: absolute;
  left: var(--multistep-paso-size);
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.multistep-pasos .paso span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.multistep-pasos .paso span::before {
  content: counter(steps);
  font-family: "Helvetica";
  display: grid;
  width: var(--multistep-paso-size, 0px);
  height: var(--multistep-paso-size, 0px);
  font-size: var(--multistep-paso-font-size);
  color: var(--multistep-paso-activo-font-color);
  background-color: #FFFFFF;
  border-width: var(--multistep-paso-border-width);
  border-style: solid;
  border-color: var(--multistep-paso-activo-border-color);
  border-radius: var(--multistep-paso-border-radius);
  place-items: center;
  box-shadow: inset 0px 0px 0px 200px var(--multistep-paso-activo-color);
  transition: scale 0.3s ease, background-image 0.6s ease;
}
.multistep-pasos .paso.activo span::before {
  scale: var(--multistep-paso-activo-scale);
}
.multistep-pasos .paso.activo span::after {
  content: "";
  display: var(--multistep-paso-punto-display, none);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--multistep-paso-activo-color);
  position: absolute;
  bottom: -21.76px;
  left: 50%;
  transform: translateX(-50%);
}
.multistep-pasos .paso.activo ~ .paso span::before {
  color: var(--multistep-paso-font-color);
  background-color: var(--multistep-paso-color);
  border-width: var(--multistep-paso-border-width);
  border-style: solid;
  border-color: var(--multistep-paso-border-color);
  box-shadow: none;
}
.multistep-pasos .paso.activo ~ .paso::after {
  color: var(--multistep-paso-linea-color);
  background-color: var(--multistep-paso-linea-color);
}
.multistep-pasos .paso.activo::after {
  color: var(--multistep-paso-linea-color);
  background-color: var(--multistep-paso-linea-color);
}
.multistep-pasos .paso:not(.activo, .activo ~ .paso) span::before {
  content: "\e915";
  font-family: "icomoon";
  font-size: 30px;
}
.multistep-contenido section {
  display: none;
}
.multistep-contenido .boton.blanco, .multistep-contenido body[id^=pagina] a.blanco.button, body[id^=pagina] .multistep-contenido a.blanco.button {
  --boton-border-color: #ffff00;
  --boton-font-color: #ffff00;
}
.multistep-contenido .boton.txt, .multistep-contenido body[id^=pagina] a.txt.button, body[id^=pagina] .multistep-contenido a.txt.button {
  --boton-font-color: #ffff00;
  margin-top: 30px;
}
.multistep .boton-formulario {
  display: block;
}
.multistep .boton-formulario .fila {
  flex-direction: column;
}
.multistep .boton-formulario .boton.txt, .multistep .boton-formulario body[id^=pagina] a.txt.button, body[id^=pagina] .multistep .boton-formulario a.txt.button {
  gap: 3%;
  padding: 0;
}

.modal, body[id^=perfil] #notificacion-socio.confirmacion, body[id^=login] #notificacion-socio.confirmacion {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  margin: 0px;
  border: 0px;
  border-radius: 0;
  padding-top: var(--modal-padding-top);
  padding-right: var(--modal-padding-right);
  padding-bottom: var(--modal-padding-bottom);
  padding-left: var(--modal-padding-left);
  position: var(--modal-position, fixed);
  top: 0px;
  left: 0px;
  overflow: auto;
  z-index: 10;
}
.modal .bloque, body[id^=perfil] #notificacion-socio.confirmacion .bloque, body[id^=login] #notificacion-socio.confirmacion .bloque {
  --bloque-padding-top: 33px;
  --bloque-padding-right: 33px;
  --bloque-padding-bottom: 33px;
  --bloque-padding-left: 33px;
}
.modal .dgtl-icon-cerrar, body[id^=perfil] #notificacion-socio.confirmacion .dgtl-icon-cerrar, body[id^=login] #notificacion-socio.confirmacion .dgtl-icon-cerrar {
  display: inline-block;
  color: var(--modal-icon-font-color);
  font-size: var(--modal-icon-size);
  cursor: pointer;
  margin-top: var(--modal-icon-margin-top);
  margin-right: var(--modal-icon-margin-right);
  margin-bottom: var(--modal-icon-margin-bottom);
  margin-left: var(--modal-icon-margin-left);
}
.modal__cookies {
  --modal-position: static;
  --main-width: min(100%, 1024px);
  --modal-padding-top: 20px;
  --modal-padding-right: 40px;
  --modal-padding-bottom: 20px;
  --modal-padding-left: 40px;
  color: #FFFFFF;
  height: auto;
  font-weight: 300;
  font-size: 14px;
}
.modal__cookies .main {
  position: relative;
}
@media all and (max-width: 768px) {
  .modal__cookies .main > .fila .columna-3 {
    flex: 0 0 calc(100% - var(--gap, 12px));
  }
}
.modal__cookies .dgtl-icon-cerrar {
  --modal-icon-margin-top: 0;
  --modal-icon-margin-right: 0;
  --modal-icon-margin-bottom: 0;
  --modal-icon-margin-left: 0;
  --modal-icon-size: 16px;
  line-height: 1.2;
  position: absolute;
  top: 0;
  right: calc(100% + 12px);
  cursor: pointer;
}
.modal__cookies .dgtl-icon-cerrar-popup {
  cursor: pointer;
  --icomoon-size: var(--modal-icon-size);
}
.modal__cookies a {
  color: #ffff00;
}
.modal__cookies .boton, .modal__cookies body[id^=pagina] a.button, body[id^=pagina] .modal__cookies a.button {
  --boton-border-width: 0px;
  --boton-background-color: #ffff00;
  --boton-border-color: #ffff00;
  --boton-font-color: #FFFFFF;
}
.modal__cookies .boton.blanco, .modal__cookies body[id^=pagina] a.blanco.button, body[id^=pagina] .modal__cookies a.blanco.button {
  --boton-background-color: rgba(255, 255, 0, 0.58);
  --boton-font-color: #FFF;
}
.modal#popup_politica_cookies {
  --bloque-padding-top: 33px;
  --bloque-padding-right: 33px;
  --bloque-padding-bottom: 33px;
  --bloque-padding-left: 33px;
  --bloque-font-color: #3D3D3F;
}
.modal#popup_politica_cookies h1 {
  margin-bottom: 20px;
  line-height: 22px;
}
.modal#popup_politica_cookies h1 + div {
  max-height: 389px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -20px;
  padding-right: 20px;
}
.modal#popup_politica_cookies h1 + div::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.modal#popup_politica_cookies h1 + div::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media all and (max-width: 768px) {
  .modal#popup_politica_cookies h1 + div {
    max-height: 45vh;
  }
}
.modal#popup_politica_cookies p, .modal#popup_politica_cookies table {
  font-size: 14px;
}
.modal#popup_politica_cookies h4 {
  line-height: 22px;
  margin-bottom: 21px;
}
.modal#popup_politica_cookies .boton, .modal#popup_politica_cookies body[id^=pagina] a.button, body[id^=pagina] .modal#popup_politica_cookies a.button {
  min-width: auto;
}
.modal#popup_politica_cookies .boton.blanco, .modal#popup_politica_cookies body[id^=pagina] a.blanco.button, body[id^=pagina] .modal#popup_politica_cookies a.blanco.button {
  border-color: #DEDEDE;
}
.modal#popup_politica_cookies > div {
  max-width: 790px;
  margin: 0 auto;
  background: transparent;
}
.modal#popup_politica_cookies div[class*=cookie_] {
  width: calc(100% - var(--gap));
}
.modal#popup_politica_cookies div[class*=cookie_] > div:first-child {
  text-align: center;
  display: inline-table;
  float: right;
  width: 120px;
  height: min(100%, 100px);
}
.modal#popup_politica_cookies div[class*=cookie_] > div:first-child > div {
  display: inline-block;
  border-radius: 22px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  padding: 0px 15px;
}
@media all and (max-width: 768px) {
  .modal#popup_politica_cookies div[class*=cookie_] > div:first-child {
    height: auto;
    width: auto;
  }
}
.modal#popup_politica_cookies .accordion.activo + .panel, .modal#popup_politica_cookies .acordeon.activo + .panel {
  overflow-y: hidden;
  overflow-x: auto;
}
@media all and (max-width: 768px) {
  .modal#popup_politica_cookies .boton, .modal#popup_politica_cookies body[id^=pagina] a.button, body[id^=pagina] .modal#popup_politica_cookies a.button {
    flex: 0 0 calc(100% - var(--gap));
  }
}

.acordeon, .accordion {
  border-radius: 10px;
  padding: 5px 20px;
  position: relative;
  cursor: pointer;
  color: var(--acordeon-font-color);
  margin: 0;
}
.acordeon::before, .accordion::before {
  content: var(--acordeon-icono-abrir);
  font-family: "icomoon" !important;
  font-size: var(--acordeon-icono-size, inherit);
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  padding-bottom: 5px;
}
.acordeon + .panel, .accordion + .panel {
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.15s;
}
.acordeon .fila, .accordion .fila {
  align-items: center;
}
.acordeon.activo::before, .accordion.activo::before {
  content: var(--acordeon-icono-cerrar);
}
.acordeon.activo + .panel, .accordion.activo + .panel {
  transition: all 0.35s;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  max-height: 9999px;
  padding: var(--acordeon-panel-padding, 0px);
}

.insignia {
  font-size: 0.875em;
  border-radius: 50rem;
  border: 0px;
  background-color: #ffff00;
  outline: none;
  user-select: none;
  color: #FFFFFF;
  padding: 0.35em 0.65em;
}
.insignia-error {
  background-color: #fbc7c7;
  color: #ff0000;
}
.insignia-ok {
  background-color: #DAF4DA;
  color: #00B300;
}
.insignia-claro {
  background-color: transparent;
  color: #3D3D3F;
}
.insignia__contador {
  font-size: 10px;
  color: #FFF;
  background-color: red;
  padding: 3px 6px;
  border-radius: 100%;
  margin-right: 3px;
  vertical-align: bottom;
  display: inline;
}

.desplazar-izq {
  float: left;
}
.desplazar-der {
  float: right;
}
.desplazar-izq.insignia, .desplazar-der.insignia {
  margin: -0.35em -0.65em;
}

body[id^=haztesocio], body[id^=desgravacion-fiscal] {
  --pagos-margin-top: 28px;
}
body[id^=haztesocio] .dgtl-icon-dni-redondo, body[id^=desgravacion-fiscal] .dgtl-icon-dni-redondo {
  --icomoon-size: 39px;
  --icomoon-font-color: #919191;
  --icomoon-background-opacity: 0.1;
}
body[id^=haztesocio].pago .titulo-copy, body[id^=desgravacion-fiscal].pago .titulo-copy {
  display: none;
}
body[id^=haztesocio] .bloque[img-fondo=true], body[id^=desgravacion-fiscal] .bloque[img-fondo=true] {
  --bloque-imagen-height: 215px;
}
body[id^=haztesocio] .texto-legal-form-socio, body[id^=desgravacion-fiscal] .texto-legal-form-socio {
  font-size: 12px;
  margin-top: 1rem;
  color: #989898;
  line-height: 1;
}
body[id^=haztesocio] .texto-legal-form-socio a, body[id^=desgravacion-fiscal] .texto-legal-form-socio a {
  font-weight: 600;
}
body[id^=haztesocio] .gif.animacion, body[id^=desgravacion-fiscal] .gif.animacion {
  display: flex;
  height: 33rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body[id^=haztesocio] .texto-gif, body[id^=desgravacion-fiscal] .texto-gif {
  color: #BCBCBF;
  font-weight: bold;
}
body[id^=haztesocio] .testimonio .contenedor-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio {
  position: relative;
}
body[id^=haztesocio] .testimonio .contenedor-testimonio .chat-icon, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .chat-icon {
  display: none;
  position: relative;
  background: white;
  border-radius: 2px;
  padding: 9px 9px;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
}
body[id^=haztesocio] .testimonio .contenedor-testimonio .chat-icon::before, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .chat-icon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: white;
}
body[id^=haztesocio] .testimonio .contenedor-testimonio .chat-icon .dots, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .chat-icon .dots {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
}
body[id^=haztesocio] .testimonio .contenedor-testimonio .chat-icon .dot, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .chat-icon .dot {
  width: 3px;
  height: 3px;
  background: black;
  border-radius: 50%;
}
body[id^=haztesocio] .testimonio .ocultarHaciaAbajo, body[id^=desgravacion-fiscal] .testimonio .ocultarHaciaAbajo {
  animation: ocultarHaciaAbajo 2s forwards !important;
}
body[id^=haztesocio] .testimonio .ocultarHaciaArriba, body[id^=desgravacion-fiscal] .testimonio .ocultarHaciaArriba {
  animation: ocultarHaciaArriba 2s forwards !important;
}
@media (min-width: 1200px) {
  body[id^=haztesocio] .testimonio, body[id^=desgravacion-fiscal] .testimonio {
    transform: translateX(-25%);
  }
}
@media (min-width: 830px) {
  body[id^=haztesocio] .testimonio, body[id^=desgravacion-fiscal] .testimonio {
    display: inline-block;
    position: sticky;
    bottom: 0px;
    margin-top: auto;
    overflow: clip;
    transform: translateX(-5%);
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio {
    margin: 50px 10px;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .imagen-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .imagen-testimonio {
    overflow: clip;
    max-height: 0px;
    animation-delay: 1.5s;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-name: expandir;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .chat-icon, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .chat-icon {
    top: -12px;
    rotate: 0deg;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-name: rebotar;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .texto-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .texto-testimonio {
    overflow: clip;
    max-height: 0px;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: expandir;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio {
    transform: translate3d(0, calc(100% + 50px), 0);
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: subirTestimonio;
  }
}
@media (max-width: 769px), (min-width: 831px) {
  body[id^=haztesocio] .testimonio .contenedor-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1607843137);
    border-radius: 10px;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .main, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .main {
    grid-template-columns: 1fr auto;
    width: 85%;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .main .cerrar, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .main .cerrar {
    font-size: 12px;
    align-self: flex-start;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .main > div:first-child, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .main > div:first-child {
    position: absolute;
    bottom: -45px;
    right: 20px;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .chat-icon, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .chat-icon {
    display: inline-block;
    transform: translateX(-12px);
  }
}
@media (max-width: 769px) {
  body[id^=haztesocio] .testimonio .contenedor-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio {
    position: relative;
    width: 95%;
    margin: 2.5% auto auto auto;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .imagen-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .imagen-testimonio {
    transform: translate3d(0, 50px, 0);
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-name: bajarImg;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .chat-icon, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .chat-icon {
    bottom: -12px;
    rotate: 180deg;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: rebotar;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio .texto-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio .texto-testimonio {
    overflow: clip;
    max-height: 0px;
    animation-delay: 0.5s;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-name: expandir;
  }
  body[id^=haztesocio] .testimonio .contenedor-testimonio, body[id^=desgravacion-fiscal] .testimonio .contenedor-testimonio {
    transform: translate3d(0, calc(-100% - 150px), 0);
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-name: bajarTestimonio;
  }
}
@keyframes subirTestimonio {
  0% {
    transform: translate3d(0, calc(100% + 50px), 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bajarTestimonio {
  0% {
    transform: translate3d(0, calc(-100% - 150px), 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bajarImg {
  0% {
    transform: translate3d(0, 50px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bajar {
  0% {
    transform: translate3d(0, calc(-100% - 50px), 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes expandir {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 700px;
  }
}
@keyframes rebotar {
  0% {
    transform: translateY(-24px);
  }
  25% {
    transform: translateY(-36px);
  }
  50% {
    transform: translateY(-24px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes contraer {
  0% {
    max-height: 700px;
    transform: translate3d(0, 0, 0);
  }
  100% {
    max-height: 0px;
    transform: translate3d(0, calc(-100% - 250px), 0);
  }
}
@keyframes ocultarHaciaAbajo {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, calc(100% + 250px), 0);
  }
}
@keyframes ocultarHaciaArriba {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, calc(-100% - 250px), 0);
  }
}

body[id^=cambio-forma-pago] .dgtl-icon-tarjeta-segura {
  --icomoon-size: 60px;
  --icomoon-background-opacity: 0.2;
  --icomoon-font-color: #ffff00;
}

body[id^=peticion] {
  --pagos-margin-top: 28px;
  --contador-margin-bottom: 20px;
  --contador-margin-top: 20px;
  --bloque-imagen-height: 215px;
}
body[id^=peticion]:not(.gracias) .contenido {
  --bloque-margin-top: var(--cabecera-margin-bottom) ;
}
body[id^=peticion]:not(.gracias) .cabecera {
  display: none;
}
body[id^=peticion]:not(.gracias) .dgtl-icon-flecha-exito,
body[id^=peticion]:not(.gracias) .dgtl-icon-estrellas {
  background-color: rgba(89, 99, 104, 0.2);
}
body[id^=peticion]:not(.gracias) .bloque-contenido.mensaje {
  --mensaje-text-align: left;
  font-size: 22px;
}
@media all and (max-width: 768px) {
  body[id^=peticion]:not(.gracias)[img-fondo=true]:not(.gracias) {
    --main-width: min(100%, 1024px);
  }
  body[id^=peticion]:not(.gracias) .bloque[img-fondo=true] {
    --bloque-margin-top: initial;
    --bloque-border-radius: 19px;
    overflow: clip;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
  body[id^=peticion]:not(.gracias) .bloque[img-fondo=true] .bloque-imagen {
    position: sticky;
    top: 0;
  }
  body[id^=peticion]:not(.gracias) .bloque[img-fondo=true] .bloque-imagen + .bloque-contenido {
    border-start-start-radius: var(--bloque-border-radius);
    border-start-end-radius: var(--bloque-border-radius);
  }
  body[id^=peticion]:not(.gracias) .bloque[img-fondo=true] > :not(.bloque-imagen) {
    background-color: var(--bloque-background-color);
    margin-top: calc(var(--bloque-border-radius) * -1);
    position: relative;
  }
}
body[id^=peticion] .dgtl-icon-flecha-exito,
body[id^=peticion] .dgtl-icon-estrellas {
  --icomoon-font-color: #596368;
  border-radius: 50%;
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
}
body[id^=peticion] #modal-registro {
  --modal-icon-font-color: var(--body-font-color);
  --modal-icon-margin-bottom: 0px;
  --modal-padding-top: 0px;
  --modal-padding-right: 0px;
  --modal-padding-bottom: 0px;
  --modal-padding-left: 0px;
}
body[id^=peticion] #modal-registro #img-peticion {
  display: block;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
body[id^=peticion] #modal-registro > .bloque {
  --bloque-border-radius: 0px;
  --bloque-overflow: auto;
  height: 100%;
}
body[id^=peticion] #modal-registro > .bloque .bloque-cabecera {
  --bloque-padding-left: 14px;
  --bloque-padding-right: 14px;
  --bloque-padding-top: 14px;
  --bloque-padding-bottom: 14px;
}
body[id^=peticion] #modal-registro > .bloque .bloque-cabecera .fila {
  --gap: 20px;
  align-items: center;
}
body[id^=peticion] #modal-registro > .bloque .bloque-cabecera .fila .columna-auto {
  display: grid;
  place-items: center;
}
body[id^=peticion] #modal-registro > .bloque .bloque-cabecera .fila .columna-auto .dgtl-icon-cerrar {
  font-size: 19px;
  cursor: pointer;
}
body[id^=peticion] #modal-registro > .bloque .bloque-cabecera .fila .columna {
  text-align: center;
}
body[id^=peticion] #modal-registro > .bloque .bloque-cabecera .fila .columna p {
  overflow: hidden;
  display: -webkit-box;
  font-weight: bold;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
body[id^=peticion] #texto-peticion div > .boton, body[id^=peticion] #texto-peticion body[id^=pagina] div > a.button, body[id^=pagina] body[id^=peticion] #texto-peticion div > a.button {
  color: #ffff00;
}
body[id^=peticion] #texto-peticion.bloque > .bloque-contenido:first-child {
  --bloque-padding-top: 18px;
  --bloque-padding-bottom: 18px;
  text-align: center;
}
body[id^=peticion] .cita-texto {
  font-family: Times, "Times New Roman", serif;
  font-size: 20px;
}
body[id^=peticion] .imagen-cita {
  position: relative;
  width: 60px;
  height: 60px;
}
body[id^=peticion] .imagen-cita img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #DBDBDB;
  position: absolute;
  object-fit: contain;
}
body[id^=peticion] .img-logo {
  top: 1.5rem;
  left: 1.8rem;
  z-index: 2;
  background-color: #FFFFFF;
}
body[id^=peticion] .cita-persona {
  margin-left: 1.7rem;
  align-content: center;
}
body[id^=peticion] .img-persona {
  z-index: 1;
}
body[id^=peticion] .cita-bloque {
  background-color: #F9F9F9;
  margin: 0 -33px -33px -33px;
  padding: 33px 36px;
}
@keyframes mover-texto-izq {
  100% {
    transform: translateX(-100%); /* El texto se mueve completamente hacia la izquierda */
  }
}
body[id^=peticion] #fichero-metadatos ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  padding: 0;
  margin: 0px;
}
body[id^=peticion] #fichero-metadatos li {
  list-style: none;
  margin: 0px;
  background: rgba(224, 224, 224, 0.3647058824);
  border-radius: 10px;
  padding: 9px 13px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
body[id^=peticion] #fichero-metadatos li > span {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
}
body[id^=peticion] #fichero-metadatos li > span i {
  vertical-align: text-top;
}
body[id^=peticion] #fichero-metadatos li .texto-opacidad {
  mask-image: linear-gradient(to right, transparent, #000 0%, #000 80%, transparent);
}
body[id^=peticion] #fichero-metadatos li .texto-opacidad strong {
  display: inline-block;
  animation: mover-texto-izq 10s 3s linear infinite;
}
body[id^=peticion] #evento {
  margin-bottom: 30px;
}
body[id^=peticion] #evento ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  padding: 0;
  margin: 0px;
}
body[id^=peticion] #evento li {
  list-style: none;
  margin: 0px;
  background: rgba(224, 224, 224, 0.3647058824);
  border-radius: 10px;
  padding: 9px 13px;
  display: grid;
  grid-template-columns: 0fr 1fr;
  gap: 5px;
}
body[id^=peticion] #evento li > span {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
}
body[id^=peticion] #evento .dgtl-icon-calendario-form,
body[id^=peticion] #evento .dgtl-icon-hora,
body[id^=peticion] #evento .dgtl-icon-localizacion {
  --icomoon-font-color: #5F6368;
}
@media all and (max-width: 768px) {
  body[id^=peticion] #texto-peticion {
    --bloque-shadow: none;
    --bloque-background-color: initial;
  }
  body[id^=peticion] #fichero-metadatos {
    padding-top: 10px;
    padding-bottom: 25px;
  }
  body[id^=peticion] #fichero-metadatos ul {
    grid-template-columns: 1fr;
  }
  body[id^=peticion] #fichero-metadatos li > span {
    text-align: right;
  }
  body[id^=peticion] #fichero-metadatos li .texto-opacidad {
    mask-image: none;
  }
  body[id^=peticion] #fichero-metadatos li .texto-opacidad strong {
    animation: none;
  }
}

body[id^=quiz] {
  --quiz-titulo-font-size: 29px;
  --quiz-titulo-text-transform: normal;
  --quiz-subtitulo-font-size: 14px;
  --quiz-subtitulo-font-weight: 600;
  --quiz-subtitulo-text-transform: uppercase;
  --respuesta-background-color: #FFFFFF;
  --respuesta-border-radius: 10px;
  --respuesta-border-width: 0px;
  --respuesta-border-color: initial;
  --respuesta-icon-border-radius: 50%;
  --respuesta-icon-border-width: 1px;
  --respuesta-icon-border-color: #ffff00;
  --respuesta-icon-shadow: inset 0 0 0 1px rgb(255, 255, 255);
  --respuesta-icon-background-color: initial;
  --respuesta-icon-width: 15px;
  --respuesta-selecionada-background-color: rgba(255, 255, 0, 0.1);
  --respuesta-selecionada-border-color: rgba(255, 255, 0, 0.1);
  --respuesta-selecionada-icon-border-width: 1px;
  --respuesta-selecionada-icon-background-color: #ffff00;
  --body-background-color: #F7F7F7 !important;
  --quiz-primera-caja-font-color: #FFFFFF;
}
body[id^=quiz] .dgtl-icon-flecha-exito,
body[id^=quiz] .dgtl-icon-estrellas {
  background-color: rgba(89, 99, 104, 0.2);
}
@media all and (max-width: 768px) {
  body[id^=quiz][img-fondo=true] {
    --body-imagen-width: initial;
    --cabecera-background: #FFFFFF;
    --cabecera-margin-top: 0px;
    --cabecera-padding: 15px 10px;
    --pie-background: rgba(195,195,195,0.5);
    --pie-font-color: #FFFFFF;
    --quiz-primera-caja-font-color: #FFFFFF;
  }
}
@media all and (max-width: 480px) {
  body[id^=quiz] {
    --cabecera-margin-top: 10px;
  }
}
body[id^=quiz]:not([img-fondo=true]) {
  --main-width: min(95%, 1024px);
  --contenedor-grid-column: 1 / -1;
  --quiz-primera-caja-font-color: initial;
}
body[id^=quiz] .dgtl-icon-check-redondo {
  --icomoon-font-color: #00B300;
}
body[id^=quiz] .dgtl-icon-desplegar-abrir {
  --icomoon-font-color: #ffff00;
}
body[id^=quiz] .dgtl-icon-flecha-exito,
body[id^=quiz] .dgtl-icon-estrellas {
  --icomoon-font-color: #596368;
  border-radius: 50%;
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
}
body[id^=quiz] #primera-caja {
  margin-top: calc(68px - var(--cabecera-margin-bottom));
  --bloque-background-color: transparent;
  --bloque-padding-top: 0px;
  --bloque-padding-right: 20px;
  --bloque-padding-bottom: 0px;
  --bloque-padding-left: 20px;
  --boton-width: min(320px, 100%);
  --bloque-shadow: none;
  --bloque-font-color: var(--quiz-primera-caja-font-color);
}
body[id^=quiz] #primera-caja #empezar_quizz {
  margin-top: 49px;
}
@media all and (max-width: 768px) {
  body[id^=quiz] #primera-caja {
    margin-top: 0;
    height: 100%;
    align-items: center;
  }
}
body[id^=quiz] .quiz-contador {
  background-color: #E6E6E6;
  color: #707070;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  border-radius: 10px;
  padding: 5px 10px;
  position: relative;
}
body[id^=quiz] .quiz-titulo {
  font-size: var(--quiz-titulo-font-size);
  line-height: 1.2;
  text-transform: var(--quiz-titulo-text-transform);
  margin: 0 0 18px 0;
}
body[id^=quiz] .quiz-titulo > p {
  font-size: 29px;
  line-height: 39px;
  margin: 0 0 18px 0;
}
@media all and (max-width: 480px) {
  body[id^=quiz] .quiz-titulo > p {
    font-size: 24px;
    line-height: normal;
  }
}
@media all and (max-width: 480px) {
  body[id^=quiz] .quiz-titulo {
    --quiz-titulo-font-size: 24px;
  }
}
body[id^=quiz] .quiz-subtitulo {
  font-size: var(--quiz-subtitulo-font-size);
  font-weight: var(--quiz-subtitulo-font-weight);
  text-transform: var(--quiz-subtitulo-text-transform);
  margin: 0 0 10px 0;
  color: #989898;
}
body[id^=quiz] .quiz-resultado {
  position: relative;
  --bloque-border-radius: 10px;
  --bloque-padding-top: 33px;
  --bloque-padding-right: 36px;
  --bloque-padding-bottom: 33px;
  --bloque-padding-left: 36px;
}
body[id^=quiz] .quiz-resultado__resumen {
  display: grid;
  gap: 12px;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
}
body[id^=quiz] .quiz-resultado__resumen > :first-child {
  grid-row: span 2;
}
body[id^=quiz] .quiz-resultado__resumen > :last-child {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  flex-wrap: wrap;
}
body[id^=quiz] .quiz-resultado__resumen h3 {
  margin-bottom: 10px;
}
body[id^=quiz] .quiz-resultado__resumen .boton.txt, body[id^=quiz] .quiz-resultado__resumen body[id^=pagina] a.txt.button, body[id^=pagina] body[id^=quiz] .quiz-resultado__resumen a.txt.button {
  --boton-padding-horizontal: 0px;
  font-weight: inherit;
  line-height: 1.5;
  color: #ffff00;
}
body[id^=quiz] .quiz-resultado__resumen .dgtl-icon-check-redondo {
  transform: translateY(-5px);
  display: inline-block;
  text-align: center;
}
@media all and (max-width: 768px) {
  body[id^=quiz] .quiz-resultado__resumen {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  body[id^=quiz] .quiz-resultado__resumen > div:last-child {
    flex-direction: column;
    align-items: center;
  }
}
body[id^=quiz] .quiz-resultado__respuestas {
  counter-reset: section;
}
body[id^=quiz] .quiz-resultado__respuestas > div {
  counter-increment: section;
  display: grid;
  gap: 12px;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
}
body[id^=quiz] .quiz-resultado__respuestas > div + div {
  margin-top: 30px;
}
body[id^=quiz] .quiz-resultado__respuestas > div > div:first-child {
  position: relative;
  height: min-content;
}
body[id^=quiz] .quiz-resultado__respuestas > div > div:first-child::after {
  content: counter(section);
  display: grid;
  place-items: center;
  width: 73px;
  height: 73px;
  color: #FFFFFF;
  border-radius: 10px;
  font-size: 24px;
  background-color: var(--resultado-color-imagen);
  position: relative;
}
body[id^=quiz] .quiz-resultado__respuestas > div > div:first-child img {
  display: block;
  width: 73px;
  height: 73px;
  border-radius: 10px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
body[id^=quiz] .quiz-resultado__respuestas > div > div:nth-child(2) {
  min-height: 73px;
}
body[id^=quiz] .quiz-resultado__respuestas > div > div:nth-child(3) {
  grid-column: span 3;
  position: relative;
  padding-left: 85px;
}
body[id^=quiz] .quiz-resultado__respuestas > div > div:nth-child(3)::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #e5e5e5;
  border-radius: 10px;
  left: 36.5px;
  top: 0;
}
body[id^=quiz] .quiz-resultado__respuestas > div > div:nth-child(4) {
  grid-column: -1/-2;
  grid-row: 1/2;
}
body[id^=quiz] .quiz-resultado__respuestas > div .respuesta {
  color: var(--resultado-color);
  background-color: var(--resultado-fondo);
  padding: 12.5px 16px;
  border-radius: 10px;
}
body[id^=quiz] .quiz-resultado__respuestas > div .respuesta > span {
  margin-left: -100px;
  margin-top: -12.5px;
  float: left;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
body[id^=quiz] .quiz-resultado__respuestas > div .respuesta > span img {
  display: block;
  width: 73px;
  height: 73px;
  object-fit: cover;
}
body[id^=quiz] .quiz-resultado__respuestas .ok {
  --resultado-color-imagen: rgba(#00B300, 0.69);
  --resultado-color: #007000;
  --resultado-fondo: #EBF9EB;
}
body[id^=quiz] .quiz-resultado__respuestas .error {
  --resultado-color-imagen: rgba(#FF244B, 0.69);
  --resultado-color: #FF244B;
  --resultado-fondo: #FFEBEF;
}
body[id^=quiz] .pregunta {
  --bloque-imagen-height: min(420px, 100%);
  --bloque-shadow: none;
  --boton-shadow: none;
  padding: 0 0.5rem 1rem 0.5rem;
}
body[id^=quiz] .pregunta > .quiz-subtitulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media all and (max-width: 768px) {
  body[id^=quiz] .pregunta > .quiz-subtitulo > .quiz-contador {
    position: fixed;
    top: 34px;
    right: 24px;
    z-index: 0;
  }
}
@media all and (max-width: 480px) {
  body[id^=quiz] .pregunta > .quiz-subtitulo {
    margin-bottom: 10px;
    justify-content: center;
  }
}
body[id^=quiz] .pregunta .quiz-titulo {
  margin-bottom: 20px;
}
body[id^=quiz] .pregunta .quiz-titulo + .quiz-subtitulo {
  display: inline-block;
  margin-bottom: 20px;
}
body[id^=quiz] .pregunta-multimedia, body[id^=quiz] .pregunta-multimedia-no {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(auto-fit, minmax(min(356px, 100%), 1fr));
}
body[id^=quiz] .pregunta-multimedia .quiz-subtitulo, body[id^=quiz] .pregunta-multimedia-no .quiz-subtitulo {
  display: none;
  text-align: center;
  margin-bottom: 0px;
}
@media all and (max-width: 768px) {
  body[id^=quiz] .pregunta-multimedia .quiz-subtitulo, body[id^=quiz] .pregunta-multimedia-no .quiz-subtitulo {
    display: block;
  }
}
body[id^=quiz] .pregunta-multimedia > div, body[id^=quiz] .pregunta-multimedia-no > div {
  --bloque-border-radius: var(--respuesta-border-radius);
}
body[id^=quiz] .pregunta-multimedia-no {
  grid-template-columns: 1fr;
}
body[id^=quiz] .pregunta-boton {
  width: min(350px, 100%);
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  transition: all 0.3s;
}
body[id^=quiz] .pregunta-boton:disabled {
  pointer-events: none;
  background: #BFBFBF;
  border-color: #BFBFBF;
  color: #3D3D3F;
  z-index: 0;
}
@media all and (max-width: 768px) {
  body[id^=quiz] .pregunta-boton {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  body[id^=quiz] .pregunta-boton, body[id^=quiz] .pregunta center .quiz-subtitulo {
    display: none !important;
  }
}
@media all and (max-width: 480px) {
  body[id^=quiz] .pregunta {
    padding-bottom: 2rem;
    text-align: center;
  }
}
body[id^=quiz] .respuestas {
  position: relative;
  padding-bottom: 100px;
  align-self: flex-start;
}
@media all and (max-width: 768px) {
  body[id^=quiz] .respuestas {
    padding-bottom: 0px;
  }
}
body[id^=quiz] .respuestas .campo {
  width: min(1024px/2, 100%);
  margin: 0 auto;
}
body[id^=quiz] .respuestas .respuesta {
  --bloque-background-color: var(--respuesta-background-color);
  outline: var(--respuesta-border-width) solid var(--respuesta-border-color);
  border-radius: var(--respuesta-border-radius);
  position: relative;
  text-align: left;
  border: 0;
  width: 100%;
}
body[id^=quiz] .respuestas .respuesta:not(.bloque) {
  background-color: var(--respuesta-background-color);
  padding: 10px 10px 10px 40px;
}
body[id^=quiz] .respuestas .respuesta:not(.bloque) span {
  vertical-align: middle;
  color: #3D3D3F;
}
body[id^=quiz] .respuestas .respuesta::before {
  content: "";
  display: inline-block;
  width: calc(var(--respuesta-icon-width) - var(--respuesta-icon-border-width) * 2);
  height: calc(var(--respuesta-icon-width) - var(--respuesta-icon-border-width) * 2);
  background-color: var(--respuesta-icon-background-color);
  box-shadow: var(--respuesta-icon-shadow);
  border: var(--respuesta-icon-border-width) solid var(--respuesta-icon-border-color);
  border-radius: var(--respuesta-icon-border-radius);
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 14px;
  transform: translateY(-50%);
}
body[id^=quiz] .respuestas .respuesta.bloque {
  width: 100%;
  height: 100%;
  min-height: 135px;
  padding: 0;
}
body[id^=quiz] .respuestas .respuesta.bloque::before {
  top: 14px;
  right: 14px;
  bottom: auto;
  left: auto;
  transform: translateY(0%);
}
body[id^=quiz] .respuestas .respuesta.bloque .bloque-imagen {
  width: 100%;
  height: auto;
  padding: 63.09% 0 0 0;
  position: relative;
}
body[id^=quiz] .respuestas .respuesta.bloque .bloque-imagen img, body[id^=quiz] .respuestas .respuesta.bloque .bloque-imagen .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body[id^=quiz] .respuestas .respuesta.bloque .bloque-contenido {
  --bloque-background-color: none;
  height: 100%;
  padding: 15px;
}
body[id^=quiz] .respuestas .respuesta-multiple::before {
  --respuesta-icon-border-radius: 4px;
}
body[id^=quiz] .respuestas .respuesta.sel {
  --respuesta-background-color: var(--respuesta-selecionada-background-color);
  --respuesta-border-color: var(--respuesta-selecionada-border-color);
  --respuesta-icon-border-width: var(--respuesta-selecionada-icon-border-width);
  --respuesta-icon-background-color: var(--respuesta-selecionada-icon-background-color);
}
body[id^=quiz] .respuestas .respuesta:disabled {
  opacity: 0.5;
  pointer-events: none;
}
body[id^=quiz] .respuestas[multimedia=no] .respuesta + .respuesta {
  margin-top: 15px;
}
body[id^=quiz] .respuestas[multimedia=si] {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
body[id^=quiz] .tiempo-respuesta {
  padding: 5px 10px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body[id^=quiz] .tiempo-respuesta.agotado {
  color: #FF244B;
  background-color: rgba(255, 80, 111, 0.12);
}
body[id^=quiz] .compartir, body[id^=quiz] .feedback-no {
  --main-gap: 58px;
}
body[id^=quiz] .compartir .bloque-imagen {
  --bloque-imagen-height: 350px;
}
body[id^=quiz] .feedback-no .izq .bloque {
  --bloque-background-color: none;
  --bloque-padding-top: 0;
  --bloque-shadow: none;
}
body[id^=quiz] .registro .der .contador {
  --contador-margin-bottom: 20px ;
}
body[id^=quiz] .registro .izq {
  --bloque-background-color: none;
  --bloque-padding-top: 0;
  --bloque-shadow: none;
  --bloque-padding-left: 0;
  --bloque-padding-right: 0;
  --bloque-padding-bottom: 0;
}
body[id^=quiz] #color-barras-chart {
  color: #ffff00;
}
body[id^=quiz] .chart-container {
  background-color: #fff;
  margin-top: 20px;
  border: 0px solid rgb(188.4435483871, 188.4435483871, 190.5564516129);
  border-radius: 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
body[id^=quiz] .chart-container .google-chart {
  min-height: 270px;
  box-sizing: border-box;
}
body[id^=quiz] .chart-container .chart {
  padding: 0px 20px 20px 20px;
}
body[id^=quiz] .chart-container ol {
  font-size: 0.4em;
  list-style: outside decimal;
  margin: 0;
  padding: 0 0 0 15px;
}
body[id^=quiz] .chart-container ol li {
  padding-top: 10px;
}
body[id^=quiz] .chart-container p {
  padding: 17px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 1rem;
  line-height: 22px;
  margin: 0;
}
body[id^=quiz] .chart-container p span::selection,
body[id^=quiz] .chart-container p i::selection {
  background-color: transparent;
}
body[id^=quiz] .chart-container p i {
  color: #ffff00;
  font-style: normal;
}
body[id^=carrusel] {
  --cabecera-contenido-text-align: right;
  --boton-blanco-completo-border-color: #FFFFFF;
  --boton-blanco-completo-font-color: #FFFFFF;
  --carrusel-primera-caja-font-color: #FFFFFF;
}
@media all and (max-width: 768px) {
  body[id^=carrusel][img-fondo=true] {
    --body-imagen-width: initial;
    --cabecera-background: #FFFFFF;
    --cabecera-margin-top: 0px;
    --cabecera-padding: 15px 10px;
    --pie-background: rgba(195,195,195,0.5);
    --pie-font-color: #FFFFFF;
    --carrusel-primera-caja-font-color: #FFFFFF;
  }
}
body[id^=carrusel]:not([img-fondo=true]) {
  --cabecera-background: #FFFFFF;
  --main-width: min(95%, 1024px);
  --contenedor-grid-column: 1 / -1;
  --carrusel-primera-caja-font-color: initial;
}
@media all and (max-width: 768px) {
  body[id^=carrusel]:not([img-fondo=true]) {
    --cabecera-background: #FFFFFF;
    --cabecera-margin-top: 0px;
    --cabecera-padding: 15px 10px;
  }
}
body[id^=carrusel] .cabecera-contenido {
  flex-shrink: 0;
  display: block !important;
}
body[id^=carrusel] #primera_caja {
  margin-top: calc(68px - var(--cabecera-margin-bottom));
  --bloque-background-color: transparent;
  --bloque-padding-top: 0px;
  --bloque-padding-right: 20px;
  --bloque-padding-bottom: 0px;
  --bloque-padding-left: 20px;
  --boton-width: min(320px, 100%);
  --bloque-shadow: none;
  --bloque-font-color: var(--carrusel-primera-caja-font-color);
}
body[id^=carrusel] #primera_caja #empezar_carrusel {
  margin-top: 49px;
}
@media all and (max-width: 768px) {
  body[id^=carrusel] #primera_caja {
    margin-top: 0 !important;
    height: 100%;
    align-items: center;
  }
}
body[id^=carrusel] .carrusel {
  --carrusel-primera-caja-font-color: initial;
  position: relative;
  height: 100%;
}
body[id^=carrusel] .carrusel-titulo {
  margin-bottom: 18px;
}
body[id^=carrusel] .carrusel .descripcion {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #FFFFFF;
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.86) 86%, #000000 100%);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-origin: padding-box;
  padding: 34px 45px 34px 45px;
}
body[id^=carrusel] .carrusel .descripcion p {
  line-height: 1.2;
  font-size: 15px;
}
body[id^=carrusel] .carrusel .descripcion a {
  color: #FFFFFF;
  font: normal normal normal 16px/22px Roboto;
}
body[id^=carrusel] .carrusel .descripcion:not(.descripcion-completa) {
  background: linear-gradient(360deg, #000000 15%, transparent 100%);
}
body[id^=carrusel] .carrusel .descripcion:not(.descripcion-completa)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body[id^=carrusel] .carrusel .descripcion:not(.descripcion-completa) p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media all and (max-width: 768px) {
  body[id^=carrusel] .carrusel .descripcion:not(.descripcion-completa) {
    background: linear-gradient(3deg, #000000 1%, transparent 100%);
  }
}
@media all and (max-width: 768px) {
  body[id^=carrusel] .carrusel .descripcion h2 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 11px;
  }
  body[id^=carrusel] .carrusel .descripcion p {
    font-size: 16px;
  }
  body[id^=carrusel] .carrusel .descripcion {
    padding: 34px 10px 34px 10px;
  }
}
body[id^=carrusel] .descripcion-acciones {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  justify-content: space-between;
}
@media all and (max-width: 768px) {
  body[id^=carrusel] .descripcion-acciones {
    flex-direction: column;
  }
}
body[id^=carrusel] .splide__track {
  height: 100%;
}
body[id^=carrusel] .splide__slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  z-index: -1;
}
body[id^=carrusel] .splide-progress {
  position: absolute !important;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 96px;
  height: 8px;
  background: #424557;
  border-radius: 99px;
  overflow: hidden;
  z-index: 0;
}
body[id^=carrusel] .splide-progress-bar {
  height: 100%;
  background: #ffffff;
  border-radius: inherit;
}
@media all and (max-width: 768px) {
  body[id^=carrusel] .splide__slide img {
    height: 85%;
  }
}
body[id^=carrusel] .bloque-transparente {
  width: 71px;
  display: flex;
  height: 32px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.2);
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  font: normal normal bold 16px/22px Roboto;
  margin-top: 20px !important;
}
body[id^=carrusel] .bloque-transparente.leer-mas {
  width: 12%;
}
@media all and (max-width: 768px) {
  body[id^=carrusel] .bloque-transparente.leer-mas {
    width: 35%;
    margin-top: 0px !important;
  }
}
body[id^=carrusel] .controles-carrusel-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}

@media all and (max-width: 768px) {
  body[id^=dona] .boton-formulario .fila > div:nth-child(2) {
    width: calc(100% - var(--gap));
    text-align: center;
  }
  body[id^=dona] .boton-formulario .fila > div:nth-child(2) .boton, body[id^=dona] .boton-formulario .fila > div:nth-child(2) body[id^=pagina] a.button, body[id^=pagina] body[id^=dona] .boton-formulario .fila > div:nth-child(2) a.button {
    width: 100% !important;
  }
}
body[id^=dona] .no-socio {
  margin-top: 10px;
}

body[id^=pagina] {
  --body-background-color: #ffffff;
  --body-imagen-width: 0px;
  --contenedor-grid-column: 1 / -1;
  --main-width: min(95%, 1024px);
  --cabecera-margin-bottom: 30px;
  --bloque-overflow: hidden;
  --bloque-border-radius: 10px;
  --bloque-shadow: 0px 3px 6px #00000029;
}
body[id^=pagina] a:not(.boton) {
  text-decoration: underline;
}
body[id^=pagina][img-fondo=true] {
  --cabecera-background: #ffffff;
  --cabecera-margin-bottom: 68px;
  --pie-background: rgba(195, 195, 195, 0.5);
  --pie-font-color: #ffffff;
  --pie-margin-top: 30px;
  --pie-margin-right: 0;
  --pie-margin-bottom: 0;
  --pie-margin-left: 0;
}
body[id^=pagina] .contenido-cabecera__imagen {
  --contenido-cabecera-margin-bottom: 50px;
  --contenido-cabecera-margin-top: calc(-1 * var(--cabecera-margin-bottom));
}
body[id^=pagina] .contenido-cabecera__video + .main .columna-100 .modulo-redes_sociales {
  margin-top: auto;
  max-width: min(100%, 768px);
}
body[id^=pagina] a.button {
  left: 50%;
  transform: translateX(-50%);
  width: min(400px, 80%);
  margin-top: 21px;
  text-align: center;
}
body[id^=pagina] .modulo-imagen {
  height: auto;
}
body[id^=pagina] .modulo-imagen img {
  width: 100%;
  border-radius: 10px;
  display: block;
}
body[id^=pagina] .modulo-registro {
  padding: 36px 35px;
  background: #F7F7F7;
  border-radius: 10px;
}
body[id^=pagina] .modulo-registro #div_acepto_politica,
body[id^=pagina] .modulo-registro #div_acepto_comunicaciones {
  padding: 0;
  padding: 0;
}
@media all and (max-width: 768px) {
  body[id^=pagina] .modulo-registro {
    padding: 36px 19px;
  }
}
body[id^=pagina] .modulo-boton .fila {
  --gap: 10px;
  flex-direction: column;
  align-items: center;
}
body[id^=pagina] .modulo-titulo {
  margin-bottom: -1.5rem;
}
body[id^=pagina] .modulo-titulo *:last-child,
body[id^=pagina] .modulo-titulo *:only-child, body[id^=pagina] .modulo-texto *:last-child,
body[id^=pagina] .modulo-texto *:only-child {
  margin-bottom: 0;
}
body[id^=pagina] .modulo-titulo ul, body[id^=pagina] .modulo-texto ul {
  margin: 0;
}
body[id^=pagina] .modulo-redes_sociales {
  --bloque-shadow: none;
  --bloque-background-color: #F7F7F7;
  --bloque-font-color: var(--body-font-color);
  --bloque-padding-top: 35px;
  --bloque-padding-right: 35px;
  --bloque-padding-bottom: 35px;
  --bloque-padding-left: 35px;
  --bloque-overflow: none;
  width: 100%;
}
body[id^=pagina] .modulo-redes_sociales .bloque-contenido {
  border-radius: inherit;
}
body[id^=pagina] .modulo-redes_sociales .fila {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, calc(100% - var(--gap))), 1fr));
  grid-template-rows: auto;
}
body[id^=pagina] .modulo-redes_sociales .boton__txt {
  gap: 19px;
}
@media all and (max-width: 768px) {
  body[id^=pagina] .modulo-redes_sociales {
    text-align: center;
  }
}
body[id^=pagina] .modulo-animacion {
  opacity: 0;
}
body[id^=pagina] .modulo-animacion[data-animacion] {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: calc(var(--modulo-orden, 0) * 100ms);
}
body[id^=pagina] .modulo-animacion[data-animacion]:not(.modulo-destacado) .modulo-titulo {
  animation-duration: 1s;
  animation-name: marginModuloTitulo;
  animation-delay: calc(var(--modulo-orden, 0) * 100ms);
}
body[id^=pagina] .modulo-destacado {
  background: rgba(89, 99, 104, 0.1);
  padding: 1.5rem;
  border-radius: 10px;
}
body[id^=pagina] .modulo-destacado .modulo-titulo {
  margin-bottom: 0px;
}
body[id^=pagina] .modulo.formulario #div_acepto_politica,
body[id^=pagina] .modulo.formulario #div_acepto_comunicaciones {
  --formulario-input-border-color: #ffff00;
  position: relative;
  padding: 12px 11px 12px 14px;
  border-radius: var(--formulario-input-border-radius);
  background-color: rgba(255, 255, 0, 0.1);
}
body[id^=pagina] .modulo.formulario #div_acepto_politica.ok, body[id^=pagina] .modulo.formulario #div_acepto_politica.error,
body[id^=pagina] .modulo.formulario #div_acepto_comunicaciones.ok,
body[id^=pagina] .modulo.formulario #div_acepto_comunicaciones.error {
  background-color: #f8f8f8;
}
body[id^=pagina] .modulo.formulario #div_acepto_politica .fila .columna,
body[id^=pagina] .modulo.formulario #div_acepto_comunicaciones .fila .columna {
  align-self: center;
}
body[id^=pagina] .modulo.formulario #div_acepto_politica::before,
body[id^=pagina] .modulo.formulario #div_acepto_comunicaciones::before {
  content: "";
  display: block;
  background-color: #ffffff;
  border-radius: var(--formulario-input-border-radius);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media all and (max-width: 540px) {
  body[id^=pagina] .modulo.formulario #div_acepto_politica label[for=input_acepto_politica]:not(.campo-check),
  body[id^=pagina] .modulo.formulario #div_acepto_comunicaciones label[for=input_acepto_politica]:not(.campo-check) {
    display: inline-block;
    text-align: center;
  }
  body[id^=pagina] .modulo.formulario #div_acepto_politica .columna-auto,
  body[id^=pagina] .modulo.formulario #div_acepto_comunicaciones .columna-auto {
    flex: 0 0 calc(100% - var(--gap));
  }
}
@media all and (max-width: 768px) {
  body[id^=pagina] {
    --cabecera-padding: 15px 0;
    --cabecera-margin-bottom: 0px;
    --cabecera-margin-top: 0;
  }
}
@keyframes marginModuloTitulo {
  from {
    margin-bottom: 0;
  }
  to {
    margin-bottom: -1.5rem;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
body[id^=pagina] .contenedor-banner {
  padding: 34px 0 29px 0;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  color: #ffffff;
  background-color: #596368;
}
body[id^=pagina] .contenedor-banner .banner-contenido {
  display: grid;
  grid-template-columns: 1fr auto;
  margin: 0 auto;
  gap: 15px;
}
body[id^=pagina] .contenedor-banner .banner-contenido .banner-texto {
  flex-grow: 1;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
body[id^=pagina] .item-desplegable {
  padding: 0;
  margin: 0;
  list-style: none;
}
body[id^=pagina] .item-desplegable > summary {
  list-style: none;
}
body[id^=pagina] .item-desplegable[open] .item-desplegable-titulo::before {
  transform: rotate(90deg);
}
body[id^=pagina] .item-desplegable:not(:only-child) {
  border-bottom: 1px solid #ddd;
}
body[id^=pagina] .item-desplegable-titulo {
  display: block;
  padding: 15px 10px 15px 0;
  cursor: pointer;
  font-weight: bold;
  line-height: 1.4;
  font-size: 24px;
}
body[id^=pagina] .item-desplegable-titulo::before {
  content: "▸";
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
  transition: transform 0.2s ease-in-out;
}
body[id^=pagina] .item-desplegable-contenido {
  padding: 10px 10px 20px 25px;
  line-height: 1.6;
}

body[id^=swider] {
  --contenedor-grid-column: 1 / -1;
  --carrusel-primera-caja-font-color: initial;
  --bloque-padding-top: 33px;
  --bloque-padding-right: 36px;
  --bloque-padding-bottom: 33px;
  --bloque-padding-left: 36px;
  --main-gap: 68px;
}
body[id^=swider] .izq {
  --bloque-background-color: none;
  --bloque-shadow: none;
  --bloque-padding-top: 0;
  --bloque-padding-bottom: 0;
}
@media (min-width: 768px) {
  body[id^=swider] .izq {
    --bloque-padding-left: 0;
    --bloque-padding-right: 0;
  }
}
body[id^=swider] #primera-caja .izq .bloque {
  color: white !important;
  border-radius: 0px;
}
body[id^=swider] #primera-caja .izq .bloque .swider-titulo {
  margin-bottom: 17px;
}
body[id^=swider] #primera-caja .izq .bloque p {
  margin-bottom: 40px;
}
body[id^=swider] .dgtl-icon-check-redondo {
  --icomoon-font-color: #00B300;
}
body[id^=swider] .dgtl-icon-desplegar-abrir {
  --icomoon-font-color: #ffff00;
}
body[id^=swider] .swider-resultado {
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  background-color: #FFFFFF;
  --bloque-border-radius: 10px;
  --bloque-padding-top: 33px;
  --bloque-padding-right: 36px;
  --bloque-padding-bottom: 33px;
  --bloque-padding-left: 36px;
}
body[id^=swider] .swider-resultado__resumen {
  border-radius: 10px;
  display: grid;
  gap: 12px;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
}
body[id^=swider] .swider-resultado__resumen > :first-child {
  grid-row: span 2;
}
body[id^=swider] .swider-resultado__resumen > :last-child {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  flex-wrap: wrap;
}
body[id^=swider] .swider-resultado__resumen h3 {
  margin-bottom: 10px;
}
body[id^=swider] .swider-resultado__resumen .boton.txt, body[id^=swider] .swider-resultado__resumen body[id^=pagina] a.txt.button, body[id^=pagina] body[id^=swider] .swider-resultado__resumen a.txt.button {
  --boton-padding-horizontal: 0px;
  font-weight: inherit;
  line-height: 1.5;
  color: #ffff00;
}
body[id^=swider] .swider-resultado__resumen .dgtl-icon-check-redondo {
  transform: translateY(-5px);
  display: inline-block;
  text-align: center;
}
@media all and (max-width: 768px) {
  body[id^=swider] .swider-resultado__resumen {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  body[id^=swider] .swider-resultado__resumen > div:last-child {
    flex-direction: column;
    align-items: center;
  }
}
body[id^=swider] .swider-resultado__respuestas {
  counter-reset: section;
}
body[id^=swider] .swider-resultado__respuestas > div {
  counter-increment: section;
  display: grid;
  gap: 12px;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
}
body[id^=swider] .swider-resultado__respuestas > div + div {
  margin-top: 30px;
}
body[id^=swider] .swider-resultado__respuestas > div > div:first-child {
  position: relative;
  height: min-content;
}
body[id^=swider] .swider-resultado__respuestas > div > div:first-child::after {
  content: counter(section);
  display: grid;
  place-items: center;
  width: 73px;
  height: 73px;
  color: #FFFFFF;
  border-radius: 10px;
  font-size: 24px;
  background-color: var(--resultado-color-imagen);
  position: relative;
}
body[id^=swider] .swider-resultado__respuestas > div > div:first-child img {
  display: block;
  width: 73px;
  height: 73px;
  border-radius: 10px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
body[id^=swider] .swider-resultado__respuestas > div > div:nth-child(2) {
  display: flex;
  align-items: center;
  min-height: 73px;
}
body[id^=swider] .swider-resultado__respuestas > div > div:nth-child(3) {
  grid-column: span 3;
  position: relative;
  padding-left: 85px;
}
body[id^=swider] .swider-resultado__respuestas > div > div:nth-child(3)::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #e5e5e5;
  border-radius: 10px;
  left: 36.5px;
  top: 0;
}
body[id^=swider] .swider-resultado__respuestas > div > div:nth-child(4) {
  display: flex;
  align-items: center;
  grid-column: -1/-2;
  grid-row: 1/2;
}
body[id^=swider] .swider-resultado__respuestas > div .respuesta {
  color: var(--resultado-color);
  background-color: var(--resultado-fondo);
  padding: 12.5px 16px;
  border-radius: 10px;
}
body[id^=swider] .swider-resultado__respuestas > div .respuesta > span {
  margin-left: -100px;
  margin-top: -12.5px;
  float: left;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
body[id^=swider] .swider-resultado__respuestas > div .respuesta > span img {
  display: block;
  width: 73px;
  height: 73px;
  object-fit: cover;
}
body[id^=swider] .swider-resultado__respuestas .ok {
  --resultado-color-imagen: rgba(#00B300, 0.69);
  --resultado-color: #007000;
  --resultado-fondo: #EBF9EB;
}
body[id^=swider] .swider-resultado__respuestas .error {
  --resultado-color-imagen: rgba(#FF244B, 0.69);
  --resultado-color: #FF244B;
  --resultado-fondo: #FFEBEF;
}
body[id^=swider] .bloque-contenido.gracias {
  color: #3D3D3F;
}
body[id^=swider] .swider-subtitulo {
  font: normal normal bold 14px/24px Roboto;
  letter-spacing: 0.13px;
  color: #989898;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
@media all and (max-width: 768px) {
  body[id^=swider][img-fondo=true] {
    --body-imagen-width: initial;
    --cabecera-background: #FFFFFF;
    --cabecera-margin-top: 0px;
    --cabecera-padding: 15px 10px;
    --pie-background: rgba(195,195,195,0.5);
    --pie-font-color: #FFFFFF;
    --quiz-primera-caja-font-color: #FFFFFF;
  }
}
@media all and (max-width: 768px) {
  body[id^=swider] {
    --main-gap: 35px;
    --bloque-padding-right: 20px;
    --bloque-padding-left: 20px;
    --pie-margin-top: 20px;
  }
}
body[id^=swider] {
  /* Reglas de resultados/encuesta movidas y centralizadas en .swider--encuesta .votaciones-swider */
  /* Scoped styles for Amnesty "encuesta" design */
}
body[id^=swider] .swider--encuesta {
  /* Ensure global background is disabled when encuesta is active */
}
body[id^=swider] .swider--encuesta-body .contenedor::before,
body[id^=swider] .swider--encuesta body.swider--encuesta-body .contenedor::before {
  background-image: none !important;
  width: 0 !important;
}
body[id^=swider] .swider--encuesta .votaciones-swider {
  position: relative;
}
body[id^=swider] .swider--encuesta .votaciones-swider .dgtl-icon-cross {
  --icomoon-font-color: red;
}
body[id^=swider] .swider--encuesta .votaciones-swider .dgtl-icon-checkmark {
  --icomoon-font-color: #00B300;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion {
  display: flex;
  min-height: 105px;
  background-color: white;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 15px;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .imagen {
  flex: 0 0 auto;
  width: 110px;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .imagen img {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .resultado {
  flex: 999 1 0;
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .resultado > span {
  font-size: 14px;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso {
  display: flex;
  margin-top: 12px;
  align-items: center;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso span[class^=dgtl-icon-] {
  flex: 0 0 auto;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso span.icon-cross {
  color: #ff0000;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso span.icon-checkmark {
  color: #00B900;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso .barra {
  height: auto;
  flex: 999 1 0;
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 2rem;
  overflow: hidden;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso .barra .der, body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso .barra .izq {
  padding: 1px 8px;
  font-weight: bold;
  font-size: 14px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso .barra .der span, body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso .barra .izq span {
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
body[id^=swider] .swider--encuesta .votaciones-swider .votacion .barra-progreso .barra .der {
  text-align: center;
}
body[id^=swider] .swider--encuesta .votaciones-swider .ver_respuestas {
  display: none;
  font-weight: bold;
}
body[id^=swider] .swider--encuesta .votaciones-swider .ver_respuestas .dgtl-icon-desplegar-abrir {
  font-size: 10px;
  color: #ffff00;
  margin-left: 10px;
}
@media all and (max-width: 768px) {
  body[id^=swider] .swider--encuesta .votaciones-swider {
    max-height: 177px;
    overflow: hidden;
    border-radius: 10px;
  }
  body[id^=swider] .swider--encuesta .votaciones-swider .ver_respuestas {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
  }
  body[id^=swider] .swider--encuesta .votaciones-swider .ver_respuestas span {
    color: white;
    margin: 0 auto;
    vertical-align: middle;
    cursor: pointer;
  }
}
body[id^=swider] .swider--encuesta .registro .izq > h1 {
  margin-bottom: 0.5rem;
}
body[id^=swider] .swider--encuesta #formulario_swider {
  padding-top: 1em;
}
body[id^=swider] .swider--encuesta {
  /* Overrides: encuesta — fondo y colores del texto como en Repo B */
  /* Forzar fondo general a $color_background_suite y texto a $color_font_suite */
}
body[id^=swider] .swider--encuesta body[id^=swider][img-fondo=true] .contenido.swider--encuesta,
body[id^=swider] .swider--encuesta .swider--encuesta {
  background-image: none !important;
  background-color: #F7F7F7 !important;
}
body[id^=swider] .swider--encuesta .swider--encuesta .bloque-contenido,
body[id^=swider] .swider--encuesta .swider--encuesta .bloque-contenido.gracias,
body[id^=swider] .swider--encuesta .swider--encuesta .swider-titulo,
body[id^=swider] .swider--encuesta .swider--encuesta .registro .bloque-contenido,
body[id^=swider] .swider--encuesta .swider--encuesta .modal-explicacion .modal-title,
body[id^=swider] .swider--encuesta .swider--encuesta .modal-explicacion p {
  color: #3D3D3F !important;
}
body[id^=swider] .swider--encuesta .swider--encuesta {
  /* Asegurar colores consistentes para iconos (X y check) */
}
body[id^=swider] .swider--encuesta .swider--encuesta .dgtl-icon-cross {
  --icomoon-font-color: #ff0000;
}
body[id^=swider] .swider--encuesta .swider--encuesta .dgtl-icon-checkmark {
  --icomoon-font-color: #00B300;
}
body[id^=swider] #formulario_swider {
  padding-top: 1em;
}

body[id^=swider] .left-action .dgtl-icon-cross {
  font-size: 16px;
  color: #FF0000;
}

body[id^=swider] .right-action .dgtl-icon-checkmark {
  font-size: 16px;
  color: #00BA01;
}

.card:not(.stackedcards-active) {
  overflow: hidden;
}

/* Removed demo background utilities (unused) */
/* class created only for a better preview*/
.stage {
  position: relative;
  opacity: 1;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 auto;
}

.stage.hidden {
  display: none !important;
  opacity: 0 !important;
  transition: all 400ms ease !important;
}

@media screen and (max-width: 600px) {
  .stage {
    max-width: 100%;
  }
}
/* Removed unused .title demo styles */
.stage .card-content {
  position: relative;
  color: #fff;
  padding: 6px 10px;
  max-width: 500px;
  margin: 0 auto;
}

.stage .card-image {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 650/450;
  border-radius: 10px;
  margin: 0 auto;
}

.stackedcards-bottom:not(.stackedcards-active),
.stackedcards-top:not(.stackedcards-active),
.stackedcards-none:not(.stackedcards-active) {
  -webkit-clip-path: inset(0 0 50% 0);
  clip-path: inset(0 0 50% 0);
}

.global-actions {
  position: relative;
  z-index: 10px;
}
.global-actions .left-action,
.global-actions .right-action {
  margin: 0 8px;
  font-weight: bold;
}

.stage .card-image img {
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.stage .card-titles {
  position: absolute;
  bottom: 0;
  padding: 40px 30px;
}

.stage .card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.stage .popular-destinations-text {
  line-height: 1.4;
  width: 100%;
  min-width: 110px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}
.stage .popular-destinations-text > h2 {
  text-align: center;
  margin-bottom: 15px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.stage .popular-destinations-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}

/* Removed unused .stage .circle demo styles */
/* global actions buttons*/
.stage .global-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 10px;
  min-width: 200px;
}

/* ENCUESTA: botones exactamente como en Repo B (contenedor 60×60 con img 40×40) */
.stage .global-actions--encuesta .left-action,
.stage .global-actions--encuesta .right-action {
  /* Contenedor (círculo blanco con sombra) */
  width: 60px;
  height: 60px;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 50%;
  padding: 0;
  display: grid;
  place-items: center;
}

.stage .global-actions--encuesta .left-action img,
.stage .global-actions--encuesta .right-action img {
  /* Icono interior (tamaño como en Repo B) */
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}

.stage .global-actions--encuesta .left-action p,
.stage .global-actions--encuesta .right-action p {
  display: none;
}

/* Colores para font-icons (si se usan en vez de imágenes) */
.global-actions--encuesta .dgtl-icon-cross {
  --icomoon-font-color: #ff0000;
}

.global-actions--encuesta .dgtl-icon-checkmark {
  --icomoon-font-color: #00B300;
}

/* Alineación de textos en tarjetas para 'encuesta' */
.swider--encuesta .popular-destinations-text {
  text-align: left;
}
.swider--encuesta .popular-destinations-text > h2 {
  text-align: left;
  margin-bottom: 10px;
}
.swider--encuesta .card-content {
  text-align: left;
}

.stage .top-action,
.right-action,
.left-action {
  border-radius: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  transition: transform 0.15s ease, background-color 0.15s ease;
}
.stage .top-action:active,
.right-action:active,
.left-action:active {
  transform: scale(0.95);
}

.right-action {
  background: #E5FFE5 0% 0% no-repeat padding-box;
}

.left-action {
  background: #FFD0D0 0% 0% no-repeat padding-box;
}

.stage .right-action,
.stage .left-action {
  width: auto;
  min-width: 50px;
  height: 50px;
  padding: 0 16px;
  box-sizing: border-box;
}
.stage .right-action p,
.stage .left-action p {
  margin: 0;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
.stage .right-action p:empty,
.stage .left-action p:empty {
  display: none;
}
.stage .right-action p:not(:empty),
.stage .left-action p:not(:empty) {
  margin-left: 8px;
}

.stage .top-action {
  width: 40px;
  height: 40px;
  margin: 0 20px;
}

.stage .final-state.active {
  /* position: absolute; */
  position: relative;
  opacity: 1;
  /* top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center; */
  width: 100%;
  /* height: 100%; */
  min-height: calc(100vh - 120px);
  transition: all 400ms ease;
  padding: 1.5rem 0.75rem;
}

.final-state.hidden {
  opacity: 0 !important;
  display: none !important;
}

/*------ CSS Use Case Example END ------*/
/*----- Stacked Cards component css START -----*/
.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.stackedcards-overflow {
  overflow-y: hidden !important;
}

.stackedcards.init {
  opacity: 0;
  /* set the opacity to 0 if you want a fade-in effect to stacked cards on page load */
}

.stackedcards {
  position: relative;
}

.stackedcards * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stackedcards--animatable {
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.stackedcards .stackedcards-container > *,
.stackedcards-overlay {
  position: absolute;
  width: 100%;
  /* set 100% */
  will-change: transform, opacity;
  top: 0;
  border-radius: 10px;
  min-width: 265px;
}
.stackedcards .stackedcards-container > *.stackedcards-active,
.stackedcards-overlay.stackedcards-active {
  height: auto;
  /* set 100% */
  cursor: -webkit-grab;
  cursor: grab;
}
.stackedcards .stackedcards-container > *.stackedcards-active:active,
.stackedcards-overlay.stackedcards-active:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.stackedcards-overlay.left > div,
.stackedcards-overlay.right > div,
.stackedcards-overlay.top > div {
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stackedcards-overlay.left,
.stackedcards-overlay.right,
.stackedcards-overlay.top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
}

.stackedcards-overlay.top,
.stackedcards-overlay.right,
.stackedcards-overlay.left {
  background: #fff;
}

.stackedcards-overlay.left:empty,
.stackedcards-overlay.right:empty,
.stackedcards-overlay.top:empty {
  display: none !important;
}

.stackedcards-overlay-hidden {
  display: none;
}

.stackedcards-origin-bottom {
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}

.stackedcards-origin-top {
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}

.stackedcards-bottom,
.stackedcards-top,
.stackedcards-none {
  background: #fff;
  /* set card background background */
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  height: 100%;
}

.stackedcards .stackedcards-container {
  display: grid;
  max-width: 500px;
  margin: 0 auto;
}

.stackedcards .stackedcards-container > :nth-child(1) {
  position: relative;
  display: block;
}

/*----- Stacked Cards component css END -----*/
@media (max-width: 760px) {
  .stage .popular-destinations-text {
    font-size: 15px;
    line-height: 1.3;
  }
}
.btn-retroceder {
  top: 97px;
  border: 0;
  border-radius: 50%;
  left: 0;
  width: 29px;
  height: 29px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  color: #ffff00;
  z-index: 20;
  cursor: pointer;
  margin-bottom: 20px;
}

#modal-explicacion-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 20000;
  color: #FFFFFF;
}

.modal-explicacion {
  width: 88%;
  max-width: 560px;
  padding: 32px 28px;
  border-radius: 14px;
  text-align: center;
  border: 0.5px solid rgba(255, 255, 255, 0.2);
}

.modal-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  border-bottom: white 5px dotted;
}

.step {
  flex: 1;
  padding: 0px 55px 20px 55px;
}

.step:first-child {
  border-right: white 5px dotted;
}

@media (max-width: 600px) {
  .step {
    padding: 10px;
  }
  .modal-explicacion {
    border: 0px;
    padding: 0px;
  }
  .modal-explicacion h2 {
    margin-bottom: 15px;
  }
  .modal-steps {
    margin-bottom: 15px;
  }
}
.acciones-superiores {
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
}

.barra-progreso-general {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  margin-bottom: 20px;
}

.barra {
  flex: 1;
  height: 5px;
  background-color: #ddd;
  border-radius: 60px;
}

.relleno {
  width: 0%;
  background-color: #383A4E;
  height: 100%;
  border-radius: 60px;
  transition: width 0.3s;
}

.stackedcards-container,
.stackedcards-container * {
  user-select: none;
  -webkit-user-drag: none;
}

/* Bloquear scroll cuando el modal de swider está abierto */
body.modal-abierto-swider {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

body.modal-abierto-swider html {
  overflow: hidden;
}

body[id^=votacion] {
  --main-width: min(95%, 1024px);
  --contenedor-grid-column: 1 / -1;
  --main-gap: 68px;
}
@media (min-width: 768px) {
  body[id^=votacion] .contenido .bloque:not([class*=__check], [class*=multistep]) {
    --bloque-background-color: transparent;
    --bloque-shadow: none;
    --bloque-padding-top: 0px;
    --bloque-padding-right: 0px;
    --bloque-padding-bottom: 0px;
    --bloque-padding-left: 0px;
  }
}
body[id^=votacion].gracias h1 {
  margin-bottom: 0.5rem;
}
body[id^=votacion] .votacion {
  --bloque-shadow: none;
  --bloque-overflow: initial;
  --bloque-gap: 0px;
}
body[id^=votacion] .votacion .opciones {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 244px), 1fr));
  align-items: baseline;
  gap: 12px;
}
body[id^=votacion] .registro {
  --bloque-shadow: none;
  --bloque-background-color: transparent;
  --bloque-padding-top: 0px;
  --bloque-padding-bottom: 0px;
  --bloque-overflow: initial;
  padding: 10px;
}
body[id^=votacion] .registro #bt_sig {
  width: min(100%, 250px) !important;
  height: 48px;
}
body[id^=votacion] .registro .columna-6:nth-child(even).boton-formulario {
  margin-top: var(--gap);
  align-self: center;
  direction: rtl;
}
body[id^=votacion] .registro .columna-6:nth-child(even).boton-formulario .boton, body[id^=votacion] .registro .columna-6:nth-child(even).boton-formulario body[id^=pagina] a.button, body[id^=pagina] body[id^=votacion] .registro .columna-6:nth-child(even).boton-formulario a.button {
  direction: initial;
}
@media all and (max-width: 768px) {
  body[id^=votacion] .registro .fila > div {
    flex-basis: calc(100% - var(--gap));
  }
}
body[id^=votacion] .bloque__check {
  --bloque-background-color: #FFFFFF;
  --bloque-border-radius: 10px;
  --bloque-overflow: hidden;
  --bloque-shadow: 0px 3px 6px #00000029;
  --bloque-padding-top: 18px;
  --bloque-padding-right: 20px;
  --bloque-padding-bottom: 18px;
  --bloque-padding-left: 20px;
}
body[id^=votacion] .bloque__check.sel {
  --bloque-background-color: rgba(255, 255, 0, 0.1);
  --bloque-border-width: 2px;
  --bloque-border-color: #ffff00;
  --bloque-check-background-color: #ffff00;
}
body[id^=votacion] .barra-progreso {
  width: 100%;
  height: 17px;
  background-color: #F0F0F0;
  border-radius: 10px;
  position: relative;
}
body[id^=votacion] .barra-progreso::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: var(--value, 0);
  height: 100%;
  background-color: #596368;
  border-radius: 10px;
}

body[id^=sorteo] .bloque-pie.mensaje {
  --bloque-padding-top: 0px;
  --mensaje-text-align: left;
  background-color: inherit;
}
body[id^=sorteo] .bloque-pie.mensaje > div {
  padding: 10px 20px;
  background-color: var(--mensaje-background-color);
  border-radius: 100px;
}
body[id^=sorteo] .bloque-contenido.mensaje {
  --mensaje-text-align: left;
  font-size: 22px;
}

body[id=unsubscribe] .formulario .campo-mensaje-error {
  margin-bottom: 10px;
}
body[id^=perfil], body[id^=login] {
  --pagos-margin-top: 16px;
}
body[id^=perfil] .dgtl-icon-desplegar-abrir, body[id^=perfil] .dgtl-icon-desplegar-cerrar, body[id^=login] .dgtl-icon-desplegar-abrir, body[id^=login] .dgtl-icon-desplegar-cerrar {
  --icomoon-size: 8px;
}
body[id^=perfil] .dgtl-icon-usuario-redondo, body[id^=perfil] .dgtl-icon-usuario-mas, body[id^=perfil] .dgtl-icon-candado-redondo, body[id^=login] .dgtl-icon-usuario-redondo, body[id^=login] .dgtl-icon-usuario-mas, body[id^=login] .dgtl-icon-candado-redondo {
  --icomoon-font-color: #ffff00;
}
body[id^=perfil] .dgtl-icon-candado-redondo, body[id^=login] .dgtl-icon-candado-redondo {
  --icomoon-size: 115px;
  --icomoon-background-opacity: 0.2;
}
body[id^=perfil] .dgtl-icon-usuario-redondo, body[id^=perfil] .dgtl-icon-usuario-mas, body[id^=perfil] .dgtl-icon-usuario-menos, body[id^=login] .dgtl-icon-usuario-redondo, body[id^=login] .dgtl-icon-usuario-mas, body[id^=login] .dgtl-icon-usuario-menos {
  --icomoon-size: 60px;
  --icomoon-background-opacity: 0.2;
}
body[id^=perfil] .dgtl-icon-alerta, body[id^=login] .dgtl-icon-alerta {
  --icomoon-size: 18px;
  --icomoon-font-color: #FFFFFF;
  --icomoon-background-color: red;
  --icomoon-background-opacity: 1;
  vertical-align: top;
}
body[id^=perfil] .acordeon, body[id^=login] .acordeon {
  --acordeon-icono-abrir: '';
  --acordeon-icono-cerrar: '';
  --acordeon-icono-size: 10px;
  --acordeon-panel-padding: 20px 0;
  padding: 18px 0px 18px 20px;
}
body[id^=perfil] .acordeon + .panel, body[id^=login] .acordeon + .panel {
  transition: none;
}
body[id^=perfil] .acordeon + .panel .boton-formulario, body[id^=login] .acordeon + .panel .boton-formulario {
  margin-bottom: 28px;
}
body[id^=perfil] .acordeon > .fila, body[id^=login] .acordeon > .fila {
  flex-wrap: nowrap;
}
body[id^=perfil] .acordeon > .fila .botones, body[id^=login] .acordeon > .fila .botones {
  flex-shrink: 0;
}
body[id^=perfil] .acordeon > .fila > div:not(.botones), body[id^=login] .acordeon > .fila > div:not(.botones) {
  flex-grow: 999;
}
body[id^=perfil] .enlace, body[id^=login] .enlace {
  color: #ffff00;
  text-decoration: underline;
  cursor: pointer;
  outline: none;
  border: 0px;
  padding: 0px;
}
body[id^=perfil] .enlace-error, body[id^=login] .enlace-error {
  color: #ff0000;
}
body[id^=perfil] .enlace-claro, body[id^=login] .enlace-claro {
  color: #707070;
}
body[id^=perfil] #div_importe, body[id^=login] #div_importe {
  --formulario-input-font-size: 30px;
  --formulario-input-font-color: #919191;
  --formulario-input-font-weight: bold;
}
@media all and (max-width: 768px) {
  body[id^=perfil] #div_importe, body[id^=login] #div_importe {
    --formulario-input-font-size: 20px;
    --formulario-input-font-weight: normal;
  }
}
body[id^=perfil] #notificacion, body[id^=login] #notificacion {
  --bloque-border-radius: 0px;
  --bloque-shadow: none;
  --bloque-padding-top: 22px;
  --bloque-padding-bottom: 22px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
body[id^=perfil] #notificacion .bloque-contenido, body[id^=login] #notificacion .bloque-contenido {
  border-radius: 0px;
}
body[id^=perfil] #notificacion .mensaje, body[id^=perfil] #notificacion-socio .mensaje, body[id^=login] #notificacion .mensaje, body[id^=login] #notificacion-socio .mensaje {
  --bloque-padding-top: 22px;
  --bloque-padding-bottom: 22px;
  --bloque-padding-right: 22px;
  --bloque-padding-left: 22px;
}
body[id^=perfil] #notificacion .mensaje-ok, body[id^=perfil] #notificacion-socio .mensaje-ok, body[id^=login] #notificacion .mensaje-ok, body[id^=login] #notificacion-socio .mensaje-ok {
  --mensaje-background-color: $mensaje_ok_color_fondo;
}
body[id^=perfil] #notificacion .mensaje-ko, body[id^=perfil] #notificacion-socio .mensaje-ko, body[id^=login] #notificacion .mensaje-ko, body[id^=login] #notificacion-socio .mensaje-ko {
  --mensaje-background-color: $mensaje_ko_color_fondo;
}
body[id^=perfil] #notificacion-socio, body[id^=login] #notificacion-socio {
  --bloque-padding-top: 0px;
  --bloque-shadow: none;
  --bloque-overflow: visible;
  --bloque-border-radius: 0px;
  --bloque-padding-top: 22px;
  --bloque-padding-bottom: 22px;
  position: fixed;
  top: -1px;
  left: 0;
  width: 100%;
  padding: 0px;
  z-index: 1;
}
body[id^=perfil] #notificacion-socio.confirmacion, body[id^=login] #notificacion-socio.confirmacion {
  --bloque-border-radius: 10px;
  display: grid;
  place-items: center;
}
body[id^=perfil] #notificacion-socio.confirmacion .bloque, body[id^=login] #notificacion-socio.confirmacion .bloque {
  max-width: 450px;
}
body[id^=perfil] #notificacion-socio .bloque, body[id^=login] #notificacion-socio .bloque {
  --bloque-padding-top: var(--bloque-padding-bottom);
}
body[id^=perfil] #notificacion.slide-down-up, body[id^=login] #notificacion.slide-down-up {
  top: -100%;
  animation-name: slideDownUp;
  animation-duration: 8s;
  animation-timing-function: ease;
}
body[id^=perfil] #notificacion.slide-down-up:hover, body[id^=login] #notificacion.slide-down-up:hover {
  animation-play-state: paused;
}
body[id^=perfil] #suscripcion > p:first-of-type, body[id^=login] #suscripcion > p:first-of-type {
  text-align: center;
}
body[id^=perfil] #privacidad + .panel, body[id^=login] #privacidad + .panel {
  --bloque-padding-top: 20px;
  --bloque-padding-right: 20px;
  --bloque-padding-bottom: 20px;
  --bloque-padding-left: 20px;
}
body[id^=perfil] .desactivado .panel, body[id^=perfil] .desactivado .campo, body[id^=login] .desactivado .panel, body[id^=login] .desactivado .campo {
  --formulario-input-icon: $input_icon_valido_disabled;
  --formulario-input-font-color: #919191;
  --icomoon-font-color: #919191;
  color: #919191;
}
body[id^=perfil] .desactivado .enlace, body[id^=perfil] .desactivado .mostrar_campo, body[id^=perfil] .desactivado .botones, body[id^=login] .desactivado .enlace, body[id^=login] .desactivado .mostrar_campo, body[id^=login] .desactivado .botones {
  display: none !important;
}
body[id^=perfil] .desactivado .campo, body[id^=perfil] .desactivado .guardar, body[id^=perfil] .desactivado.guardar, body[id^=login] .desactivado .campo, body[id^=login] .desactivado .guardar, body[id^=login] .desactivado.guardar {
  --boton-background-color: #FFFFFF;
  --boton-border-color: #919191;
  --boton-font-color: #919191;
  pointer-events: none;
}
body[id^=perfil] .desactivado .boton-formulario, body[id^=login] .desactivado .boton-formulario {
  display: none;
}
body[id^=perfil] .perfil_avatar, body[id^=login] .perfil_avatar {
  --gap: 30px;
  align-items: center;
}
body[id^=perfil] .cerrar_sesion, body[id^=login] .cerrar_sesion {
  text-align: right;
}
body[id^=perfil] .cerrar_sesion .dgtl-icon-cerrar-sesion, body[id^=login] .cerrar_sesion .dgtl-icon-cerrar-sesion {
  vertical-align: middle;
}
@media all and (max-width: 768px) {
  body[id^=perfil] .cabecera, body[id^=login] .cabecera {
    display: inline-block;
    position: relative;
  }
  body[id^=perfil] .cabecera .main, body[id^=login] .cabecera .main {
    position: relative;
  }
  body[id^=perfil] .cabecera-contenido, body[id^=login] .cabecera-contenido {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: grid;
    place-items: center;
  }
  body[id^=perfil] .cabecera-contenido .dgtl-icon-usuario-redondo, body[id^=login] .cabecera-contenido .dgtl-icon-usuario-redondo {
    --icomoon-size: 40px;
  }
}

body[id^=perfil] .cabecera .dgtl-icon-usuario-redondo {
  display: none;
}

@keyframes slideDownUp {
  0% {
    top: -100%;
  }
  5% {
    top: 0px;
  }
  25% {
    top: 0px;
  }
  50% {
    top: 0px;
  }
  75% {
    top: 0px;
  }
  100% {
    top: -100%;
  }
}
.spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #FFFFFF 94%, rgba(0, 0, 0, 0)) center top/3px 3px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #FFFFFF);
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3px), rgb(0, 0, 0) 0px);
  animation: 1s linear 0s infinite normal none running spinner-c7wet2;
}

@keyframes spinner-c7wet2 {
  100% {
    transform: rotate(1turn);
  }
}
body#mantenimiento {
  position: relative;
  background-color: #000;
  color: #fff;
  text-align: center;
  -ms-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
body#mantenimiento .contenido {
  max-width: 400px;
}
body#mantenimiento .contenido .titulo {
  font-size: 2em;
  font-weight: bold;
}

body[id="404"] .contenido {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
body[id="404"] .contenido p:first-of-type {
  margin-bottom: -10px;
}
body[id="404"] .contenido .lupa {
  width: 350px;
}
body[id="404"] .contenido .error_texto {
  text-transform: uppercase;
  color: rgb(149.5766129032, 149.5766129032, 152.9233870968);
  font-weight: 400;
}
body[id="404"] .contenido .error_codigo {
  font-size: 3.8em;
  font-weight: bold;
}

/*# sourceMappingURL=estilo.css.map */