/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $HELPERS
    -> Extends, Functions, Mixins, Animations
\*------------------------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700");

html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

.oculto {
    display: none;
}

.periodo {
    color: #6097ae !important;
}

.is-error {
    color: black;
}

.is-success {
    color: #ffd600;
}

.p_Tabla {
    border: 1px solid;
    padding: 6px;
}

.closeViedo {
    FLOAT: RIGHT;
    FONT-SIZE: 20PX;
    PADDING: 10PX 10PX 0PX 0PX;
    CURSOR: POINTER;
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.alineado {
    margin-top: 2px;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea,
.esBoton {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * 1. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 2. Reset padding for webkit
 */
button, .esBoton {
    overflow: visible;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
.esBoton,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
.esBoton,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */
    button::-moz-focus-inner,
    input::-moz-focus-inner,
    .esBoton::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        -webkit-box-sizing: content-box;
        /* 2 */
        box-sizing: content-box;
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*------------------------------------*\
    $GRID
\*------------------------------------*/
@media only screen and (min-width: 43.75em) {
    .one-whole {
        width: 100%;
    }

    .one-half {
        width: 50%;
    }

    .one-half-indent {
        margin-left: 50%;
    }

    .one-third {
        width: 33.333%;
    }

    .two-thirds {
        width: 66.666%;
    }

    .one-third-indent {
        margin-left: 33.333%;
    }

    .two-thirds-indent {
        margin-left: 66.666%;
    }

    .one-quarter {
        width: 25%;
    }

    .two-quarters {
        width: 50%;
    }

    .three-quarters {
        width: 75%;
    }

    .one-quarter-indent {
        margin-left: 25%;
    }

    .two-quarters-indent {
        margin-left: 50%;
    }

    .three-quarters-indent {
        margin-left: 75%;
    }
}
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/* Tipos */
@font-face {
    font-family: "santanderIcons";
    src: url("../fonts/santanderIcons.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/santanderIcons.eot?#iefix") format("embedded-opentype"), url("../fonts/santanderIcons.ttf") format("truetype"), url("../fonts/santanderIcons.svg#santanderIcons") format("svg");
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}
/* Global */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 100%;
}

body {
    background: #fff;
    color: #666;
    font-family: "Open Sans", sans-serif;
    font-size: 86%;
    line-height: normal;
    min-width: 1024px;
    min-width: 64rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Content */
iframe {
    max-width: 100%;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: bold;
    color: #666;
    margin: 0;
}

ul,
ol,
dl,
dd {
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
    line-height: 1.3;
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

    a:hover, a:focus {
        outline: none;
    }

p a {
    color: #a50000;
}

.page-wrapper {
    display: block;
    position: relative;
    padding-top: 129px !important;
    padding-top: 4.0625rem;
    width: 100%;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: padding-top 0.4s;
    transition: padding-top 0.4s;
    will-change: padding-top;
}


.page-wrapper-results {
    display: block;
    position: relative;
    padding-top: 50px;
    padding-top: 4.0625rem;
    width: 100%;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: padding-top 0.4s;
    transition: padding-top 0.4s;
    will-change: padding-top;
}


.page-wrapper.collapsed {
    padding-top: 109px;
    padding-top: 6.8125rem;
    /*padding-top: 3.0625rem;*/
}

.page-wrapper.secondary {
    background-color: #deedf2;
}

.tabsBlock {
    margin-bottom: 80px;
}

.main-wrapper {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0 32px;
    padding: 0 2rem;
    max-width: 1264px;
    max-width: 79rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Helpers */
.truncate-text {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tables */
.table-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: auto;
}

table tr {
    border-top: 1px solid #deedf2;
}

    table tr:first-child {
        border-top: 0;
    }

    table tr.header td:not(.is-gray-dark) {
        background-color: #f2f8fa;
    }

    table tr.header td.is-white {
        background-color: #ffffff;
    }

    table tr.header td.has-border {
        border-left: 1px solid #deedf2;
    }

    table tr:not(.header) td {
        padding: 24px 16px;
        padding: 0.8rem 1rem;
    }

    table tr.is-collapsed {
        border-top: 0;
    }

        table tr.is-collapsed td {
            padding-top: 0;
        }

    table tr.is-total td {
        background-color: #c3dee7;
    }

    table tr.is-total_nuevo td {
        /*background-color: #c3dee7;*/
    }

    table tr.row-toggle {
        cursor: pointer;
    }

        table tr.row-toggle.is-closed ~ tr {
            display: none;
        }

        table tr.row-toggle.is-closed .icon {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

        table tr.row-toggle td {
            padding: 20px 16px;
            padding: 1.25rem 1rem;
            background-color: #f2f8fa;
        }

        table tr.row-toggle .cell-text {
            color: #1bb3bc;
        }

        table tr.row-toggle .icon {
            font-size: 24px;
            font-size: 1.5rem;
            color: #1bb3bc;
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        }

        table tr.row-toggle.is-collapsed ~ tr {
            display: none;
        }

        table tr.row-toggle.is-collapsed .icon {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

table td {
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    vertical-align: top;
    text-align: center;
    min-width: 125px;
    min-width: 7.8125rem;
    max-width: 125px;
    max-width: 7.8125rem;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    table td.is-big {
        min-width: 200px;
        min-width: 12.5rem;
        max-width: 200px;
        max-width: 12.5rem;
    }

    table td.is-left {
        text-align: left;
    }

    table td.is-right {
        text-align: right;
    }

    table td.is-blue-light {
        background-color: #c3dee7;
    }

    table td.is-blue-dark {
        background-color: #bcd7df;
    }

    table td.is-gray-dark {
        background-color: #eaf0f2;
    }

    table td.is-gray-light {
        background-color: #f7f7f7;
    }

    table td .icon {
        display: inline-block;
        vertical-align: middle;
        margin-left: 16px;
        margin-left: 1rem;
    }

    table td .icon-star {
        margin-left: -24px;
        margin-left: 0.5rem;
        margin-right: 8px;
        margin-right: 0.5rem;
        font-size: 12px;
        font-size: 1rem;
        color: #ffcc33;
    }

.formularioContact {
    position: relative;
    margin: 0 auto;
    margin-top: 96px;
    margin-top: 6rem;
    max-width: 616px;
    max-width: 38.5rem;
}

table .cell-title {
    display: block;
    position: relative;
    color: #000000;
}

table .cell-text {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #333333;
}

    table .cell-text.is-error {
        color: #ec0000;
    }

        table .cell-text.is-error + .icon {
            color: #ec0000;
        }

    table .cell-text.is-success {
        color: #63ba68;
    }

        table .cell-text.is-success + .icon {
            color: #63ba68;
        }

    table .cell-text + .cell-text {
        margin-top: 14px;
        margin-top: 0.875rem;
    }

    table .cell-text + .cell-caption {
        margin-top: 8px;
        margin-top: 0.5rem;
    }

table .cell-caption {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #000000;
}

    table .cell-caption.caption-bold, table .cell-caption.caption-semibold {
        color: #6097ae;
    }

    table .cell-caption.caption {
        display: block;
        color: #999999;
    }

    table .cell-caption.is-error {
        color: #ec0000;
    }

        table .cell-caption.is-error + .icon {
            color: #ec0000;
        }

    table .cell-caption.is-success {
        color: #63ba68;
    }

        table .cell-caption.is-success + .icon {
            color: #63ba68;
        }

    table .cell-caption + .cell-text {
        margin-top: 14px;
        margin-top: 0.875rem;
    }

table .cell-tag {
    padding: 4px 16px;
    padding: 0.25rem 1rem;
    font-weight: 600;
    color: #ec0000;
    background-color: rgba(236, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    border-radius: 0.25rem;
}

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
.wrapper {
    width: 98%;
    max-width: 975px;
    margin: 0 auto;
}

/*------------------------------------*\
    $GRIDS
\*------------------------------------*/
.g {
    font-size: 0;
}

    .g > * {
        font-size: 16px;
        font-size: 1rem;
    }

@media only screen and (min-width: 43.75em) {
    .gi {
        display: inline-block;
        vertical-align: top;
    }
}

.xlarge {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.h1-bold,
.h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
}

.h1 {
    font-weight: 600;
}

.h2-bold,
.h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}

.h2 {
    font-weight: 600;
}

.h3-bold,
.h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.h3 {
    font-weight: 600;
}

.h4,
.h4-bodies,
.h4-tags {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.h4-bodies {
    font-weight: 600;
}

.h4-tags {
    font-weight: 400;
}

.h5,
.h5-bodies,
.h5-tags {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.h5-bodies {
    font-weight: 600;
}

.h5-tags {
    font-weight: 400;
}

.caption-bold,
.caption-semibold,
.caption {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.caption-semibold {
    font-weight: 600;
}

.caption {
    font-weight: 400;
}

.small-bold,
.small-semibold,
.small {
    font-size: 0.8125rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.small-semibold {
    font-weight: 600;
}

.small {
    font-weight: 400;
}

.audio {
    display: block;
    position: relative;
    padding: 20px 40px;
    padding: 1.25rem 2.5rem;
    width: 100%;
    height: 72px;
    height: 4.5rem;
    background-color: #f2f8fa;
    border-radius: 4px;
    border-radius: 0.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.audio-title {
    position: absolute;
    top: 50%;
    left: 92px;
    left: 5.75rem;
    width: 250px;
    width: 15.625rem;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.audio .audiojs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 32px;
    height: 2rem;
    width: 100%;
    background: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .audio .audiojs.playing .play-pause::after {
        content: '\e947';
    }

    .audio .audiojs .scrubber {
        overflow: visible;
    }

.audio .play-pause {
    padding: 0;
    margin-right: calc(100% - 607px);
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
    border-right: 0;
    cursor: pointer;
}

    .audio .play-pause::after {
        content: '\e907';
        display: block;
        font-family: 'santanderIcons';
        font-size: 30px;
        font-size: 1.875rem;
        color: #333333;
    }

    .audio .play-pause p {
        display: none;
    }

.audio .time {
    padding: 0;
    width: 115px;
    width: 7.1875rem;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #333333;
    font-weight: 400;
    text-shadow: none;
    border-left: 0;
}

    .audio .time .played,
    .audio .time .duration {
        color: #333333;
        text-shadow: none;
    }

.audio .scrubber {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0;
    margin: 0 64px 0 16px;
    margin: 0 4rem 0 1rem;
    min-width: 380px;
    min-width: 23.75rem;
    height: 5px;
    height: 0.3125rem;
    background: none;
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.audio .loaded {
    height: 5px;
    height: 0.3125rem;
    min-width: 100%;
    background: rgba(51, 51, 51, 0.4);
    background-image: none;
    border-radius: 5px;
    border-radius: 0.3125rem;
}

.audio .progress {
    height: 5px;
    height: 0.3125rem;
    background: #333333;
    background-image: none;
    border-radius: 5px;
    border-radius: 0.3125rem;
}

    .audio .progress::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 16px;
        width: 1rem;
        height: 16px;
        height: 1rem;
        background-color: #333333;
        border-radius: 100%;
        -webkit-transform: translate3d(50%, -5px, 0);
        transform: translate3d(50%, -5px, 0);
    }

.audio-volume {
    display: block;
    position: absolute;
    top: 50%;
    right: 40px;
    right: 2.5rem;
    margin: 0;
    padding: 0;
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    font-size: 24px;
    font-size: 1.5rem;
    color: #333333;
    background-color: transparent;
    border: 0;
    outline: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .audio-volume .icon {
        vertical-align: top;
    }

    .audio-volume::after {
        content: '';
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 32px;
        width: 2rem;
        height: 3px;
        height: 0.1875rem;
        background-color: #333333;
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
        transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    }

    .audio-volume.muted::after {
        display: block;
    }

.button {
    margin: 0;
    padding: 11px;
    padding: 0.6875rem;
    min-width: 164px;
    min-width: 10.25rem;
    height: 45px;
    height: 2.8125rem;
    border: 0;
    cursor: pointer;
    border-radius: 4px;
    border-radius: 0.25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: background-color 0.125s ease-in, -webkit-box-shadow 0.125s ease-in;
    transition: background-color 0.125s ease-in, -webkit-box-shadow 0.125s ease-in;
    transition: background-color 0.125s ease-in, box-shadow 0.125s ease-in;
    transition: background-color 0.125s ease-in, box-shadow 0.125s ease-in, -webkit-box-shadow 0.125s ease-in;
}

    .button.h5-bodies {
        line-height: 16px;
        line-height: 1rem;
    }

    .button.disabled {
        pointer-events: none;
    }

    .button:hover {
        -webkit-box-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
        box-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
    }

    .button:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .button.primary {
        color: #ffffff;
        background-color: #ec0000;
    }

        .button.primary.disabled {
            background-color: #c3dee7;
        }

        .button.primary:active {
            background-color: #cc0000;
        }

    .button.secondary {
        padding: 10px;
        padding: 0.625rem;
        color: #6097ae;
        background-color: #ffffff;
        border: 1px solid #9bc3d3;
    }

        .button.secondary.disabled {
            color: #c3dee7;
            background-color: #ffffff;
            border: 1px solid #deedf2;
        }

        .button.secondary:hover {
            background-color: #f2f8fa;
        }

        .button.secondary:active {
            background-color: #c3dee7;
        }

    .button.tertiary {
        padding: 10px;
        padding: 0.625rem;
        color: #ffffff;
        background-color: #6097ae;
        border: 1px solid #6097ae;
    }

        .button.tertiary.disabled {
            color: #ffffff;
            background-color: #c3dee7;
            border: 1px solid #c3dee7;
        }

        .button.tertiary:active {
            background-color: #3584A2;
        }

    .button .icon {
        vertical-align: sub;
        margin-right: 4px;
        margin-right: 0.25rem;
        font-size: 20px;
        font-size: 1.25rem;
    }

.breadcrumbs .h1-bold {
    display: block;
    position: relative;
    color: #6097ae;
}

.breadcrumbs-path {
    margin-top: 16px;
    margin-top: 1rem;
    font-weight: 400;
    color: #6f7779;
    white-space: nowrap;
}

    .breadcrumbs-path span:last-child {
        color: #333333;
    }

.ui-dialog {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

    .ui-dialog .ui-widget-content {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 4px;
        border-radius: 0.25rem;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        overflow: hidden;
    }

    .ui-dialog .ui-dialog-titlebar {
        display: none;
    }

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
form, .formulario {
    margin: 0;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

button,
.esBoton,
input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

button,
.esBoton,
input,
select,
textarea {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    select::-ms-expand {
        display: none;
    }

    button[disabled],
    input[disabled] {
        cursor: default;
    }

textarea {
    overflow: auto;
    vertical-align: top;
}

button,
.esBoton,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
}

    input[type="checkbox"],
    input[type="radio"] {
        width: auto;
    }

/*------------------------------------*\
    $SPECIFIC FORMS
\*------------------------------------*/
/*------------------------------------*\
    $HEADINGS
\*------------------------------------*/
.home-table {
    display: block;
    position: relative;
    width: calc(50% - 45px);
    /*width: 100%;*/
    padding-right: 50px;
}

.home-table-title {
    height: 48px;
    height: 3rem;
    color: #000000;
}

.home-table-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
    margin-top: 1.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    color: #6097ae;
    border-bottom: 1px solid #deedf2;
}

    .home-table-data span {
        color: #000000;
    }

    .home-table-data:nth-child(4) {
        border-bottom: 0;
    }

.home-table-range {
    display: block;
    position: relative;
    height: 8px;
    height: 0.5rem;
    width: 100%;
    background-color: #deedf2;
    border-radius: 8px;
    border-radius: 0.5rem;
    overflow: hidden;
}

    .home-table-range .home-table-value {
        display: block;
        position: relative;
        min-width: 8px;
        min-width: 0.5rem;
        height: 100%;
        border-radius: 8px;
        border-radius: 0.5rem;
    }

    .home-table-range.medium {
        width: 70px;
        width: 4.375rem;
    }

    .home-table-range.small {
        width: 35px;
        width: 2.1875rem;
    }

    .home-table-range.success .home-table-value {
        background-color: #63ba68;
    }

    .home-table-range.error .home-table-value {
        background-color: #cc0000;
    }

.home-table-fake-link {
    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;
    position: absolute;
    top: 48px;
    top: 3rem;
    right: 0;
    bottom: 0;
    left: 0;
    color: #6097ae;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: opacity 0.125s ease-in;
    transition: opacity 0.125s ease-in;
}

    .home-table-fake-link:hover {
        opacity: 1;
    }

/*------------------------------------*\
    $ICONS
\*------------------------------------*/
.home-dialog-close:before, .seudocompras-dialog-close:before, .seudocompras-dialog-slider .slick-arrow:before, .seudocompras-slide-subtitle:after, .hero-list li:before, .hero-list-personalizado li:before, .card-numbered-slider .slick-arrow:before, .figure-card-link a:after, .bullet-list-title:before, .bullet-list.is-dropdown .bullet-list-title:before,
.icon {
    display: inline-block;
    vertical-align: middle;
    font-family: 'santanderIcons';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    speak: none;
    overflow: hidden;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .icon svg {
        display: block;
        height: 100%;
        max-width: 100%;
    }

.no-svg .icon svg {
    display: none !important;
}

.no-svg .icon:before {
    display: inline-block;
}

.icon-link:before, .seudocompras-slide-subtitle:after {
    content: '\e94e';
}

.icon-check:before, .hero-list li:before, .hero-list-personalizado li:before, .bullet-list-title:before {
    content: '\e94d';
}

.icon-filter:before {
    content: '\e94c';
}

.icon-bar-chart:before {
    content: '\e94a';
}

.icon-list:before {
    content: '\e94b';
}

.icon-pdf:before {
    content: '\e948';
}

.icon-chevron-down:before, .seudocompras-dialog-slider .slick-arrow.slick-prev:before, .card-numbered-slider .slick-arrow.slick-prev:before {
    content: '\e900';
}

.icon-account:before {
    content: '\e90d';
}

.icon-advertising:before {
    content: '\e90e';
}

.icon-agend:before {
    content: '\e90f';
}

.icon-app:before {
    content: '\e910';
}

.icon-armchair:before {
    content: '\e911';
}

.icon-atp:before {
    content: '\e912';
}

.icon-bank:before {
    content: '\e913';
}

.icon-box:before {
    content: '\e914';
}

.icon-briefcase:before {
    content: '\e915';
}

.icon-brochure:before {
    content: '\e916';
}

.icon-calendar:before {
    content: '\e917';
}

.icon-card-hand:before {
    content: '\e918';
}

.icon-card:before {
    content: '\e919';
}

.icon-comments:before {
    content: '\e91a';
}

.icon-conversation:before {
    content: '\e91b';
}

.icon-counter:before {
    content: '\e91c';
}

.icon-cross:before {
    content: '\e91d';
}

.icon-crusher:before {
    content: '\e91e';
}

.icon-date:before {
    content: '\e91f';
}

.icon-desk:before {
    content: '\e920';
}

.icon-devices:before {
    content: '\e921';
}

.icon-diamond:before {
    content: '\e922';
}

.icon-drawers:before {
    content: '\e923';
}

.icon-fiel:before {
    content: '\e924';
}

.icon-file-cabinet:before {
    content: '\e925';
}

.icon-file-product:before {
    content: '\e926';
}

.icon-financing:before {
    content: '\e927';
}

.icon-funnel:before {
    content: '\e928';
}

.icon-global:before {
    content: '\e929';
}

.icon-greeting:before {
    content: '\e92a';
}

.icon-house:before {
    content: '\e92b';
}

.icon-improve:before {
    content: '\e92c';
}

.icon-info:before {
    content: '\e92d';
}

.icon-maintenance:before {
    content: '\e92e';
}

.icon-notebook:before {
    content: '\e92f';
}

.icon-pens:before {
    content: '\e930';
}

.icon-phone:before {
    content: '\e931';
}

.icon-photo:before {
    content: '\e932';
}

.icon-pin:before {
    content: '\e933';
}

.icon-question:before {
    content: '\e934';
}

.icon-register:before {
    content: '\e935';
}

.icon-report:before {
    content: '\e936';
}

.icon-saving:before {
    content: '\e937';
}

.icon-shield:before {
    content: '\e938';
}

.icon-sign:before {
    content: '\e939';
}

.icon-smile:before {
    content: '\e93a';
}

.icon-sofa:before {
    content: '\e93b';
}

.icon-star-plus:before {
    content: '\e93c';
}

.icon-sun:before {
    content: '\e93d';
}

.icon-time:before {
    content: '\e93e';
}

.icon-trash:before {
    content: '\e93f';
}

.icon-umbrella:before {
    content: '\e940';
}

.icon-update:before {
    content: '\e941';
}

.icon-user-lock:before {
    content: '\e942';
}

.icon-user:before {
    content: '\e943';
}

.icon-vip:before {
    content: '\e944';
}

.icon-voice:before {
    content: '\e945';
}

.icon-star:before {
    content: '\e946';
}

.icon-chevron-up:before, .seudocompras-dialog-slider .slick-arrow.slick-next:before, .card-numbered-slider .slick-arrow.slick-next:before, .bullet-list.is-dropdown .bullet-list-title:before {
    content: '\e901';
}

.icon-close:before, .home-dialog-close:before, .seudocompras-dialog-close:before {
    content: '\e902';
}

.icon-download:before, .figure-card-link a:after {
    content: '\e903';
}

.icon-error-alert:before {
    content: '\e904';
}

.icon-log-out:before {
    content: '\e905';
}

.icon-maximize:before {
    content: '\e906';
}

.icon-play:before {
    content: '\e907';
}

.icon-search:before {
    content: '\e908';
}

.icon-stop:before {
    content: '\e909';
}

.icon-thumbs-down:before {
    content: '\e90a';
}

.icon-thumbs-up:before {
    content: '\e90b';
}

.icon-volume:before {
    content: '\e90c';
}

.icon-pause:before {
    content: '\e947';
}

.icon-arrow-right:before {
    content: '\e949';
}

.input {
    position: relative;
    width: 100%;
    font-weight: 600;
    max-width: 280px;
    max-width: 17.5rem;
    line-height: 19px;
    line-height: 1.1875rem;
}

    .input.disabled input, .input.disabled .ui-selectmenu-button {
        border: 1px solid #deedf2;
        pointer-events: none;
    }

    .input.disabled .ui-selectmenu-button {
        color: #c3dee7;
    }

    .input.disabled .icon-chevron-down {
        color: #999999;
    }

    .input.error input {
        padding: 13px 50px 13px 16px;
        padding: 0.8125rem 3.125rem 0.8125rem 1rem;
        border: 1px solid #cc0000;
    }

    .input.error .icon {
        color: #cc0000;
    }

    .input.has-icon input {
        padding-right: 40px;
        padding-right: 2.5rem;
    }

    .input .icon {
        position: absolute;
        right: 14px;
        right: 0.875rem;
        top: 11px;
        top: 0.6875rem;
        font-size: 24px;
        font-size: 1.5rem;
        color: #c3dee7;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        pointer-events: none;
    }

    .input .input-error-text {
        margin-top: 8px;
        margin-top: 0.5rem;
        color: #cc0000;
    }

    .input .input-label {
        display: block;
        position: relative;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        color: #6097ae;
        /*color: white;*/
        white-space: nowrap;
    }

        .input .input-label + input + .icon, .input .input-label + select + .ui-selectmenu-button + .icon {
            top: 43px;
            top: 2.6875rem;
        }

    .input input,
    .input .ui-selectmenu-button {
        display: block;
        position: relative;
        padding: 13px 16px;
        padding: 0.8125rem 1rem;
        width: 100%;
        height: 45px;
        height: 2.8125rem;
        color: #000000;
        background-color: #ffffff;
        border: 1px solid #9bc3d3;
        border-radius: 4px;
        border-radius: 0.25rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        -webkit-transition: border 0.125s ease-in;
        transition: border 0.125s ease-in;
        /* Chrome/Opera/Safari */
        /* Firefox 19+ */
        /* IE 10+ */
        /* Firefox 18- */
    }

        .input input::-webkit-input-placeholder,
        .input .ui-selectmenu-button::-webkit-input-placeholder {
            color: #9bc3d3;
        }

        .input input::-moz-placeholder,
        .input .ui-selectmenu-button::-moz-placeholder {
            color: #9bc3d3;
        }

        .input input:-ms-input-placeholder,
        .input .ui-selectmenu-button:-ms-input-placeholder {
            color: #9bc3d3;
        }

        .input input:-moz-placeholder,
        .input .ui-selectmenu-button:-moz-placeholder {
            color: #9bc3d3;
        }

        .input input:focus,
        .input .ui-selectmenu-button:focus {
            border: 2px solid #6097ae;
        }

    .input .ui-selectmenu-button {
        line-height: 16px;
        line-height: 1rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
        -webkit-transition: -webkit-box-shadow 0.125s ease-in;
        transition: -webkit-box-shadow 0.125s ease-in;
        transition: box-shadow 0.125s ease-in;
        transition: box-shadow 0.125s ease-in, -webkit-box-shadow 0.125s ease-in;
    }

        .input .ui-selectmenu-button:hover {
            -webkit-box-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
            box-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
        }

        .input .ui-selectmenu-button:focus {
            border: 1px solid #9bc3d3;
        }

        .input .ui-selectmenu-button.ui-selectmenu-button-open {
            border-radius: 4px 4px 0 0;
            border-radius: 0.25rem 0.25rem 0 0;
            border-bottom: 0;
        }

            .input .ui-selectmenu-button.ui-selectmenu-button-open + .icon-chevron-down {
                -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

.ui-selectmenu-menu {
    display: none;
    width: auto;
    background-color: #ffffff;
    border-bottom: 1px solid #9bc3d3;
    border-radius: 0 0 4px 4px;
    border-radius: 0 0 0.25rem 0.25rem;
    -webkit-box-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
    box-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .ui-selectmenu-menu.ui-selectmenu-open {
        display: inline-block;
    }

    .ui-selectmenu-menu .ui-menu-item {
        padding: 13px 16px;
        padding: 0.8125rem 1rem;
        width: 100%;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 19px;
        line-height: 1.1875rem;
        font-weight: 600;
        color: #000000;
        border: 1px solid #9bc3d3;
        border-bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-transition: background-color 0.125s ease-in;
        transition: background-color 0.125s ease-in;
    }

        .ui-selectmenu-menu .ui-menu-item:hover {
            background-color: #f2f8fa;
        }

        .ui-selectmenu-menu .ui-menu-item:last-child {
            border-radius: 0 0 4px 4px;
            border-radius: 0 0 0.25rem 0.25rem;
        }

        .ui-selectmenu-menu .ui-menu-item.ui-state-disabled {
            height: 0;
            padding: 0;
            opacity: 0;
        }

.textarea {
    display: block;
    position: relative;
    width: 100%;
}

    .textarea .textarea-label {
        display: block;
        position: relative;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        color: #6097ae;
        white-space: nowrap;
    }

    .textarea textarea {
        display: block;
        position: relative;
        padding: 13px 16px;
        padding: 0.8125rem 1rem;
        width: 100%;
        height: 120px;
        height: 7.5rem;
        color: #000000;
        background-color: #ffffff;
        border: 1px solid #9bc3d3;
        border-radius: 4px;
        border-radius: 0.25rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        resize: none;
        /* Chrome/Opera/Safari */
        /* Firefox 19+ */
        /* IE 10+ */
        /* Firefox 18- */
    }

        .textarea textarea::-webkit-input-placeholder {
            color: #c3dee7;
        }

        .textarea textarea::-moz-placeholder {
            color: #c3dee7;
        }

        .textarea textarea:-ms-input-placeholder {
            color: #c3dee7;
        }

        .textarea textarea:-moz-placeholder {
            color: #c3dee7;
        }

.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #000000;
    cursor: pointer;
}

    .checkbox input {
        position: relative;
        margin-right: 8px;
        margin-right: 0.5rem;
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
        background-color: #ffffff;
        border: 1px solid #c3dee7;
        border-radius: 4px;
        border-radius: 0.25rem;
        outline: 0;
        cursor: pointer;
    }

        .checkbox input::after {
            content: '';
            display: none;
            position: absolute;
            top: 3px;
            top: 0.1875rem;
            left: 6px;
            left: 0.375rem;
            width: 4px;
            width: 0.25rem;
            height: 8px;
            height: 0.5rem;
            border: solid #6097ae;
            border-width: 0 2px 2px 0;
            border-width: 0 0.125rem 0.125rem 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .checkbox input:checked::after {
            display: block;
        }

/*------------------------------------*\
    $EXPAND BUTTON
\*------------------------------------*/
/*------------------------------------*\
    $LEGEND ITEMS
\*------------------------------------*/
.legend-item {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #333333;
}

    .legend-item + .legend-item {
        padding-left: 36px;
        padding-left: 2.25rem;
    }

.legend-color-indicator {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    vertical-align: middle;
    margin-right: 2px;
}

.legend-item-text {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    vertical-align: middle;
}

.legend-item-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #999999;
}

.legend-item-line {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #999999;
    position: relative;
    margin-right: 8px;
}

.legend-color-indicator-line {
    width: 24px;
    height: 3px;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #999999;
}

.legend-item-dash {
    width: 10px;
    height: 10px;
    background-color: transparent !important;
    position: relative;
    margin-right: 8px;
}

    .legend-item-dash .legend-color-indicator-line {
        height: 0;
        border-top: #999999 3px dashed;
        background-color: transparent;
    }

.data-panel-legend-item {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    padding: 16px 0;
    padding: 1rem 0;
}

    .data-panel-legend-item + .data-panel-legend-item {
        padding-left: 20px;
        padding-left: 1.25rem;
    }

    .data-panel-legend-item .icon {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 20px;
        line-height: 1.25rem;
    }

    .data-panel-legend-item .icon-star {
        color: #ffcc33;
    }

    .data-panel-legend-item .icon-thumbs-up {
        color: #63ba68;
    }

    .data-panel-legend-item .icon-thumbs-down {
        color: #ec0000;
    }

    .data-panel-legend-item .text {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 24px;
        line-height: 1.5rem;
        color: #565656;
        font-style: italic;
    }



.info-tooltip {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    top: 3px;
}

    .info-tooltip .icon {
        color: #ec0000;
        font-size: 24px;
        cursor: pointer;
    }

    .info-tooltip::before, .info-tooltip::after {
        position: absolute;
        left: 50%;
        opacity: 0;
        visibility: hidden;
        will-change: transform, opacity, visibility;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }

    .info-tooltip::before {
        content: '';
        border-width: 8px 10px 0 10px;
        border-style: solid;
        border-color: #cc0000 transparent transparent transparent;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -11px;
    }

    .info-tooltip::after {
        content: attr(data-tooltip);
        background-color: #cc0000;
        top: -10px;
        font-size: 13px;
        line-height: 18px;
        width: 204px;
        padding: 14px;
        border-radius: 4px;
        color: white;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }

    .info-tooltip:hover::before, .info-tooltip:hover::after {
        opacity: 1;
        visibility: visible;
    }

.mejores-tooltip.eval {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 180px;
    width: 180px;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
}

    .mejores-tooltip.eval::before, .mejores-tooltip.eval::after {
        position: absolute;
        left: 50%;
        opacity: 0;
        visibility: hidden;
        will-change: transform, opacity, visibility;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }

    .mejores-tooltip.eval::after {
        content: '';
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: #9bc3d3 transparent transparent transparent;
        top: 50px;
        left: 33px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .mejores-tooltip.eval::before {
        content: attr(data-tooltip);
        background-color: #9bc3d3;
        top: 51px;
        left: 33px;
        font-size: 13px;
        line-height: 18px;
        width: 160px;
        padding: 14px;
        border-radius: 4px;
        color: white;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        border: 1px solid white;
    }

    .mejores-tooltip.eval:hover::before, .mejores-tooltip.eval:hover::after {
        opacity: 1;
        visibility: visible;
    }

.mejores-rating {
    height: 28px;
    width: 96%;
    position: absolute;
    top: 67%;
    left: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .mejores-rating .mejores-tooltip {
        height: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        cursor: pointer;
        background-color: transparent;
        position: relative;
    }

        .mejores-rating .mejores-tooltip::before, .mejores-rating .mejores-tooltip::after {
            position: absolute;
            left: 50%;
            opacity: 0;
            visibility: hidden;
            will-change: transform, opacity, visibility;
            -webkit-transition: all ease 0.5s;
            transition: all ease 0.5s;
        }

        .mejores-rating .mejores-tooltip::after {
            content: '';
            border-width: 6px 6px 0 6px;
            border-style: solid;
            border-color: #ffcc33 transparent transparent transparent;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            top: -11px;
        }

        .mejores-rating .mejores-tooltip::before {
            top: -10px;
            font-size: 13px;
            line-height: 18px;
            padding: 6px 14px;
            border-radius: 4px;
            color: white;
            -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
            border: 1px solid white;
        }

        .mejores-rating .mejores-tooltip:hover::before, .mejores-rating .mejores-tooltip:hover::after {
            opacity: 1;
            visibility: visible;
        }

        .mejores-rating .mejores-tooltip:nth-child(1) {
            width: 20%;
        }

            .mejores-rating .mejores-tooltip:nth-child(1)::after {
                border-color: #63ba68 transparent transparent transparent;
            }

            .mejores-rating .mejores-tooltip:nth-child(1)::before {
                content: attr(data-tooltip-1);
                background-color: #63ba68;
            }

        .mejores-rating .mejores-tooltip:nth-child(2) {
            width: 20%;
        }

            .mejores-rating .mejores-tooltip:nth-child(2)::after {
                border-color: #ffcc33 transparent transparent transparent;
            }

            .mejores-rating .mejores-tooltip:nth-child(2)::before {
                content: attr(data-tooltip-2);
                background-color: #ffcc33;
            }

        .mejores-rating .mejores-tooltip:nth-child(3) {
            width: 60%;
        }

            .mejores-rating .mejores-tooltip:nth-child(3)::after {
                border-color: #cc0000 transparent transparent transparent;
            }

            .mejores-rating .mejores-tooltip:nth-child(3)::before {
                content: attr(data-tooltip-3);
                background-color: #cc0000;
            }


.audio-pull {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 984px;
    max-width: 61.5rem;
    min-height: 160px;
}

.audio-pull-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 40px 0 64px 0;
    margin: 2.5rem 0 4rem 0;
}

.centrado {
    text-align: center;
}

.audio-pull-header .h5-bodies {
    margin-right: 16px;
    margin-right: 1rem;
    color: #6f7779;
}

.audio-pull .audio + .audio {
    margin-top: 32px;
    margin-top: 2rem;
}

.chart-container {
    padding: 20px 60px 20px 10px;
    padding: 1.25rem 3.75rem 1.25rem 0.625rem;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
}

    .chart-container .chart {
        min-height: 350px;
    }

        .chart-container .chart svg > g > g:nth-child(2) > g:nth-child(2) > g > g {
            display: none;
        }

            .chart-container .chart svg > g > g:nth-child(2) > g:nth-child(2) > g > g[role='tooltip'] {
                display: block;
            }

        .chart-container .chart text {
            font-size: 14px;
            font-size: 0.875rem;
        }

    .chart-container .line-chart,
    .chart-container .objective-line-chart {
        width: 100%;
    }

    .chart-container .trend-box {
        margin: 0 14px 30px 0;
        margin: 0 0.875rem 1.875rem 0;
    }

    .chart-container .legend {
        margin: 10px 14px 0 0;
        margin: 0.625rem 0.875rem 0 0;
    }

.clients-poll-table table tr:not(.header) td:first-child {
    padding-left: 32px;
    padding-left: 2rem;
}

.clients-poll-table table td:first-child {
    padding-left: 32px;
    padding-left: 2rem;
}

.clients-poll-table-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 16px 32px;
    padding: 1rem 2rem;
    background-color: #c3dee7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-form {
    display: block;
    position: relative;
    padding-top: 96px;
    padding-top: 6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

    .contact-form .xlarge {
        color: #9e3667;
    }

    .contact-form .h5-tags {
        margin: 24px 0 32px 0;
        margin: 1.5rem 0 2rem 0;
        color: #6f7779;
    }

    .contact-form .contact-form-phones {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: relative;
        margin: 0 auto;
        color: #333333;
    }

        .contact-form .contact-form-phones .icon {
            margin-right: 10px;
            margin-right: 0.625rem;
            font-size: 17px;
            font-size: 1.0625rem;
            color: #6097ae;
        }

        .contact-form .contact-form-phones a {
            margin: 0 6px;
            margin: 0 0.375rem;
            color: #333333;
            -webkit-transition: color 0.125s ease-in;
            transition: color 0.125s ease-in;
        }

            .contact-form .contact-form-phones a:hover {
                color: #6097ae;
            }

    .contact-form form, .contact-form .formulario {
        position: relative;
        margin: 0 auto;
        margin-top: 96px;
        margin-top: 6rem;
        max-width: 616px;
        max-width: 38.5rem;
    }

    .contact-form .form-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        margin: 0 auto;
        text-align: left;
    }

        .contact-form .form-block .input {
            min-width: 292px;
            min-width: 18.25rem;
        }

        .contact-form .form-block + .form-block {
            margin-top: 24px;
            margin-top: 1.5rem;
        }

        .contact-form .form-block.special {
            margin-top: 56px;
            margin-top: 3.5rem;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            .contact-form .form-block.special .input {
                margin-left: 24px;
                margin-left: 1.5rem;
                min-width: 240px;
                min-width: 15rem;
                max-width: 240px;
                max-width: 15rem;
            }

.content-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-tabs-button {
    padding: 0 0 32px 24px;
    padding: 0 0 2rem 1.5rem;
    max-width: 224px;
    max-width: 14rem;
    height: 48px;
    height: 3rem;
    text-align: left;
    color: #6f7779;
    background-color: transparent;
    border-left: 1px solid #c3dee7;
    border-radius: 0;
    -webkit-transition: color 0.125s ease-in, border 0.125s ease-in;
    transition: color 0.125s ease-in, border 0.125s ease-in;
}

    .content-tabs-button:hover {
        color: #ec0000;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .content-tabs-button.active {
        color: #333333;
        font-weight: 600;
        border-left: 4px solid #ec0000;
    }

.content-tabs-content {
    width: calc(100% - 296px);
}

.content-tabs-content-container {
    display: none;
}

    .content-tabs-content-container.active {
        display: block;
    }

.content-tabs-title {
    font-weight: 400;
    color: #333333;
}

.control-panel-table.is-office table td {
    min-width: 148px;
    min-width: 9.25rem;
}

.control-panel-table.is-office tr:nth-child(2) td {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
}

    .control-panel-table.is-office tr:nth-child(2) td .caption-bold {
        color: #000000;
    }

.control-panel-table:not(.is-office) tr:not(.header):nth-child(1) td {
    padding-top: 16px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
}

.control-panel-table table tr:not(.header) td:first-child {
    padding-left: 32px;
    padding-left: 2rem;
}

.control-panel-table table td:first-child {
    padding-left: 32px;
    padding-left: 2rem;
}

.detail-table {
    display: block;
    position: relative;
}

    .detail-table table tr:not(.header) td {
        padding: 8px 32px;
        padding: 0.5rem 2rem;
        height: 80px;
    }

    .detail-table table td {
        padding: 8px 32px;
        padding: 0.5rem 2rem;
        min-width: 20%;
        max-width: 20%;
        width: 20%;
    }

    .detail-table table .cell-text {
        color: #999999;
    }

.chart-table {
    display: block;
    position: relative;
}

    .chart-table table {
        min-width: 100%;
    }

        .chart-table table tr:not(.header) td {
            padding: 8px 32px;
            padding: 0.5rem 2rem;
        }

        .chart-table table td {
            padding: 8px 32px;
            padding: 0.5rem 2rem;
            min-width: 22%;
            max-width: 22%;
            width: 22%;
            min-height: 48px;
            vertical-align: middle;
        }

            .chart-table table td:first-child {
                min-width: 34%;
                max-width: 34%;
                width: 34%;
            }

.legend-table {
    display: block;
    position: relative;
    padding: 70px 100px 50px 50px;
    padding: 4.375rem 6.25rem 3.125rem 3.125rem;
}

    .legend-table table {
        min-width: 100%;
    }

        .legend-table table tr {
            border-top: 0;
        }

            .legend-table table tr td {
                padding: 8px 16px;
                padding: 0.5rem 1rem;
            }

            .legend-table table tr:not(.bottom-header) td {
                border: 1px solid #ccc;
            }

                .legend-table table tr:not(.bottom-header) td:first-child {
                    border: 0;
                }

        .legend-table table td {
            padding: 8px 16px;
            padding: 0.5rem 1rem;
            min-width: 20%;
            max-width: 20%;
            width: 20%;
            vertical-align: middle;
        }

        .legend-table table .legend-item-dot {
            width: 12px;
            height: 12px;
        }

    .legend-table .legend {
        padding-top: 16px;
        padding-top: 1rem;
    }

.footer {
    display: block !important;
    margin-top: 288px;
    margin-top: 18rem;
    position: relative;
}

.footer-wrapper {
    display: block;
    padding: 19px 0;
    padding: 1.1875rem 0;
    height: 64px;
    height: 4rem;
    text-align: center;
    background-color: #990000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formation-docs {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 2px 8px rgba(111, 119, 121, 0.2);
    box-shadow: 0 2px 8px rgba(111, 119, 121, 0.2);
}

.formation-docs-doc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 20px 32px 20px 40px;
    padding: 1.25rem 2rem 1.25rem 2.5rem;
    background-color: #ffffff;
    border: 1px solid #f2f8fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.125s ease-in, border 0.125s ease-in;
    transition: background-color 0.125s ease-in, border 0.125s ease-in;
}

    .formation-docs-doc:hover {
        background-color: #f2f8fa;
        border: 1px solid #deedf2;
    }

        .formation-docs-doc:hover + .formation-docs-doc {
            border-top: 1px solid #deedf2;
        }

    .formation-docs-doc + .formation-docs-doc {
        margin-top: -1px;
    }

.formation-docs .icon {
    font-size: 56px;
    font-size: 3.5rem;
    color: #6097ae;
}

.formation-docs .h4-bodies {
    color: #6097ae;
    width: calc(100% - 300px);
}

.formation-docs .h5-tags {
    display: block;
    position: relative;
}

.formation-docs .button {
    pointer-events: none;
}

.formation-pull {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 984px;
    max-width: 61.5rem;
}

.formation-pull-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin: 80px 0 56px 0;
    margin: 5rem 0 3.5rem 0;
}

    .formation-pull-controls .button {
        min-width: 120px;
        min-width: 7.5rem;
        max-width: 120px;
        max-width: 7.5rem;
    }

        .formation-pull-controls .button.primary:not(.disabled) {
            color: #ffffff;
            background-color: #6097ae;
            border: 0;
        }

        .formation-pull-controls .button:first-child {
            border-radius: 4px 0 0 4px;
            border-radius: 0.25rem 0 0 0.25rem;
        }

        .formation-pull-controls .button:last-child {
            border-radius: 0 4px 4px 0;
            border-radius: 0 0.25rem 0.25rem 0;
        }

.formation-pull-content {
    display: none;
}

    .formation-pull-content.active {
        display: block;
    }

.formation-videos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    margin-bottom: -60px;
    margin-bottom: -3.75rem;
}

.formation-videos-video {
    display: block;
    position: relative;
    margin-bottom: 60px;
    margin-bottom: 3.75rem;
    width: calc(33.33% - 16px);
}

    .formation-videos-video + .formation-videos-video {
        margin-left: 24px;
        margin-left: 1.5rem;
    }

    .formation-videos-video:nth-child(3n) + .formation-videos-video {
        margin-left: 0;
    }

.formation-videos-video-image {
    display: block;
    position: relative;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    width: 100%;
    height: 204px;
    height: 12.75rem;
    background-color: #f2f8fa;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    border-radius: 0.25rem;
    overflow: hidden;
    cursor: pointer;
}

.formation-videos-video-image-white {
    display: block;
    position: relative;
    margin-bottom: 0px !important;
    margin-bottom: 0px !important;
    width: auto;
    height: auto;
    height: auto;
    background-color: transparent !important;
    background-position: center;
    background-size: cover;
    border-radius: 0px !important;
    border-radius: 0px !important;
    overflow: hidden;
    cursor: pointer;
}

.formation-videos-video-image:hover::before {
    background-color: rgba(0, 0, 0, 0.6);
}

.formation-videos-video-image::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color 0.125s ease-in;
    transition: background-color 0.125s ease-in;
}

.formation-videos-video-image-white::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent !important;
    -webkit-transition: background-color 0.125s ease-in;
    transition: background-color 0.125s ease-in;
}

.formation-videos-video-image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 32px;
    font-size: 2rem;
    color: #ffffff;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    overflow: visible;
}

    .formation-videos-video-image .icon::after {
        content: '';
        display: block;
        position: absolute;
        top: -26px;
        top: -1.625rem;
        left: -28px;
        left: -1.75rem;
        width: 80px;
        width: 5rem;
        height: 80px;
        height: 5rem;
        background: transparent;
        border: 2px solid #ffffff;
        border-radius: 80px;
        border-radius: 5rem;
    }

.ui-dialog {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9000;
}

    .ui-dialog .video-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 584px !important;
        height: 382px !important;
        background-color: #000000;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
    }

        .ui-dialog .video-dialog video {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }

    .ui-dialog .ui-dialog-titlebar {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 32px !important;
        height: 32px !important;
        -webkit-transform: translate3d(260px, -240px, 0);
        transform: translate3d(260px, -240px, 0);
        overflow: hidden;
    }

        .ui-dialog .ui-dialog-titlebar::after {
            content: '\e902';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            font-family: 'santanderIcons';
            font-size: 32px;
            font-size: 2rem;
            color: #ffffff;
            pointer-events: none;
        }

        .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar .esBoton {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
        }

.home-cards .main-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home-cards-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
    padding: 32px 40px;
    padding: 2rem 2.5rem;
    min-width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    height: 180px;
    height: 11.25rem;
    border-radius: 2px;
    border-radius: 0.125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 8px rgba(111, 119, 121, 0.2);
    box-shadow: 0 2px 8px rgba(111, 119, 121, 0.2);
    overflow: hidden;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition: -webkit-box-shadow 0.125s ease-in, -webkit-transform 0.125s ease-in;
    transition: -webkit-box-shadow 0.125s ease-in, -webkit-transform 0.125s ease-in;
    transition: box-shadow 0.125s ease-in, transform 0.125s ease-in;
    transition: box-shadow 0.125s ease-in, transform 0.125s ease-in, -webkit-box-shadow 0.125s ease-in, -webkit-transform 0.125s ease-in;
}

    .home-cards-card:hover {
        -webkit-box-shadow: 0 4px 16px rgba(111, 119, 121, 0.2);
        box-shadow: 0 4px 16px rgba(111, 119, 121, 0.2);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

.home-cards-title {
    max-width: 300px;
    max-width: 18.75rem;
}

.home-cards-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: #ec0000;
}

    .home-cards-link .icon {
        margin-left: 12px;
        margin-left: 0.75rem;
        font-size: 18px;
        font-size: 1.125rem;
    }

.home-cards-soon-link {
    color: #999999;
}

.home-cards-fake-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.home-cards-image {
    position: absolute;
    top: 50%;
    right: 40px;
    right: 2.5rem;
    width: auto;
    height: 116px;
    height: 7.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-dialog {
    max-width: 700px;
    max-width: 43.75rem;
}

.home-dialog-header {
    display: block;
    position: relative;
    padding: 16px 32px;
    padding: 1rem 2rem;
    color: #ffffff;
    background-color: #ec0000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.home-dialog-content {
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
    background-color: #ffffff;
}

.home-dialog table tr:not(.header) td {
    padding: 8px 16px;
    padding: 0.5rem 1rem;
}

.home-dialog table td {
    padding: 8px 32px;
    padding: 0.5rem 2rem;
    min-width: 232px;
    min-width: 14.5rem;
    max-width: none;
    width: auto;
}

.home-dialog table .cell-title {
    max-width: 196px;
    max-width: 12.25rem;
}

.home-resume {
    display: block;
    position: relative;
    margin: 24px 0 40px 0;
    margin: 1.5rem 0 2.5rem 0;
}

.home-resume-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    padding: 16px 40px;
    padding: 1rem 2.5rem;
    background-color: #EC0600;
    border: 1px solid #c3dee7;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}

.home-resume-header-data {
    display: inline-block;
    position: relative;
    color: #c3dee7;
}

    .home-resume-header-data span {
        margin-left: 16px;
        margin-left: 1rem;
        color: #ffffff;
        text-transform: uppercase;
    }

    .home-resume-header-data + .home-resume-header-data {
        margin-left: 56px;
        margin-left: 3.5rem !important;
    }

.home-resume-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 24px 40px;
    padding: 1.5rem 2.5rem;
    background-color: #ffffff;
    border: 1px solid #c3dee7;
    border-top: 0;
    /*border-bottom: 0;*/
}

.home-resume-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 16px 40px;
    padding: 1rem 2.5rem;
    background-color: #c3dee7;
    border: 1px solid #c3dee7;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

.home-resume-footer-title {
    position: relative;
    color: #000000;
}

.home-resume-help {
    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;
    position: absolute;
    top: 0;
    right: -24px;
    right: -1.5rem;
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    color: #ffffff;
    background-color: #6097ae;
    border-radius: 16px;
    border-radius: 1rem;
    cursor: pointer;
}

.home-resume-footer-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .home-resume-footer-total .icon {
        margin-left: 16px;
        margin-left: 1rem;
    }

    .home-resume-footer-total.success {
        color: #63ba68;
    }

        .home-resume-footer-total.success .icon-thumbs-down {
            display: none;
        }

    .home-resume-footer-total.error {
        color: #cc0000;
    }

        .home-resume-footer-total.error .icon-thumbs-up {
            display: none;
        }

.home-resume-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home-resume-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.home-resume-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
    margin-top: 1rem;
    height: 20px;
    height: 1.25rem;
    font-style: italic;
    color: #999999;
}

    .home-resume-caption .icon {
        margin-right: 8px;
        margin-right: 0.5rem;
        font-size: 20px;
        font-size: 1.25rem;
        color: #63ba68;
    }

    .home-resume-caption + .home-resume-caption {
        margin-left: 16px;
        margin-left: 1rem;
    }

        .home-resume-caption + .home-resume-caption .icon {
            color: #cc0000;
        }

.main-filters.is-closed .main-filters-toggle .button:nth-child(1) {
    display: inline-block;
}

.main-filters.is-closed .main-filters-toggle .button:nth-child(2) {
    display: none;
}

.main-filters.is-closed .main-filters-content {
    height: 0;
}

.main-filters-toggle {
    display: block;
    position: relative;
    text-align: right;
}

    .main-filters-toggle .button {
        min-width: 190px;
        min-width: 9.875rem;
    }

        .main-filters-toggle .button:nth-child(1) {
            display: none;
        }

.main-filters-content {
    display: block;
    position: relative;
    height: 284px;
    height: 17.75rem;
    overflow: hidden;
}

    .main-filters-content form, .main-filters-content .formulario {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        margin-top: 24px;
        margin-top: 1.5rem;
        padding: 40px;
        padding: 2.5rem;
        background-color: #6097ae;
        border: solid 1px #c3dee7;
        border-radius: 4px;
        border-radius: 0.25rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .main-filters-content form .input, .main-filters-content .formulario .input {
            margin-bottom: 12px;
            margin-bottom: 0.75rem;
            min-width: calc(33.33% - 8px);
            max-width: calc(33.33% - 8px);
        }

            .main-filters-content form .input:nth-child(2), .main-filters-content form .input:nth-child(3), .main-filters-content form .input:nth-child(4), .main-filters-content form .input:nth-child(5),
            .main-filters-content .formulario .input:nth-child(2), .main-filters-content .formulario .input:nth-child(3), .main-filters-content .formulario .input:nth-child(4), .main-filters-content .formulario .input:nth-child(5) {
                min-width: calc(16.66% - 8px);
                max-width: calc(16.66% - 8px);
            }

        .main-filters-content .formulario .input-label,
        .main-filters-content .formulario .input-label {
            color: #ffffff;
        }

.main-filters + .generic-message-panel {
    margin: 32px auto;
    margin: 2rem auto;
}

.navigation {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1024px;
    min-width: 64rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.125s ease-in;
    transition: -webkit-box-shadow 0.125s ease-in;
    transition: box-shadow 0.125s ease-in;
    transition: box-shadow 0.125s ease-in, -webkit-box-shadow 0.125s ease-in;
    z-index: 8000;
}

    .navigation.collapsed {
        -webkit-box-shadow: 0 2px 8px rgba(111, 119, 121, 0.2);
        box-shadow: 0 2px 8px rgba(111, 119, 121, 0.2);
    }

        .navigation.collapsed .navigation-header {
            padding: 0;
        }

        .navigation.collapsed .navigation-content {
            padding: 10px 0;
            padding: 0.625rem 0;
        }

        .navigation.collapsed .navigation-logo {
            opacity: 0;
        }

        .navigation.collapsed .collapsed-logo {
            opacity: 1;
        }

        .navigation.collapsed .navigation-header-right {
            opacity: 0;
        }

.navigation-header {
    display: block;
    padding: 10px 0;
    padding: 0.625rem 0;
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #ec0000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: padding 0.4s;
    transition: padding 0.4s;
    will-change: padding;
}

    .navigation-header .main-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.navigation-header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: opacity 0.125s ease-in;
    transition: opacity 0.125s ease-in;
}

.navigation-header-help {
    color: white;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-right: 0.9375rem;
}

.navigation-header-search {
    position: relative;
    min-width: 3.75rem;
}

    .navigation-header-search .expand-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navigation-header-search .expand-button-trigger {
        padding: 0.625rem;
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: none;
        border: none;
        color: white;
        font-size: 1.5rem;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease;
        will-change: color;
        outline: none;
    }

        .navigation-header-search .expand-button-trigger .icon {
            margin-top: -0.25rem;
        }

    .navigation-header-search .expand-button-content {
        width: 0;
        margin: 0 0 0 auto;
        overflow: hidden;
        opacity: 0;
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transition: width 0.5s ease, opacity 0.4s ease;
        transition: width 0.5s ease, opacity 0.4s ease;
        will-change: width, opacity;
    }

        .navigation-header-search .expand-button-content input {
            padding-right: 2.5rem;
        }

    .navigation-header-search .expand-button.is-open .expand-button-trigger {
        color: #999999;
    }

    .navigation-header-search .expand-button.is-open .expand-button-content {
        width: 10.25rem;
        opacity: 1;
    }

.navigation-content {
    padding: 20px 0;
    padding: 1.25rem 0;
    -webkit-transition: padding 0.4s;
    transition: padding 0.4s;
    will-change: padding;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .navigation-content .main-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

.navigation-logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    height: 40px;
    height: 2.5rem;
    opacity: 1;
    -webkit-transition: opacity 0.125s ease-in;
    transition: opacity 0.125s ease-in;
}

.navigation svg {
    position: relative;
    width: 28px;
    width: 1.75rem;
    height: 28px;
    height: 1.75rem;
}

    .navigation svg path {
        fill: #ffffff;
    }

.navigation-claim {
    position: relative;
    margin-left: 21px;
    margin-left: 1.3125rem !important;
    color: #ffffff;
}

    .navigation-claim::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -10px;
        width: 1px;
        width: 0.0625rem;
        height: 28px;
        height: 1.75rem;
        background-color: #ffffff;
    }

.navigation-message {
    font-weight: 400;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.125s ease-in;
    transition: opacity 0.125s ease-in;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.navigation-navbar {
    display: block;
    position: relative;
}

.navigation-navbar-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .navigation-navbar-list li {
        display: block;
        position: relative;
        height: 24px;
        height: 1.5rem;
    }

        .navigation-navbar-list li:first-child .link {
            padding-left: 0;
            border-left: 0;
        }

        .navigation-navbar-list li:last-child .link {
            padding-right: 0;
        }

    .navigation-navbar-list .link {
        display: block;
        position: relative;
        font-size: 18px;
        font-size: 1rem;
        padding: 0 24px;
        padding: 0 0.5rem;
        height: 24px;
        height: 1.5rem;
        border-left: 2px solid #ec0000;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
    }

        .navigation-navbar-list .link.active {
            font-weight: 700;
            pointer-events: none;
        }

        .navigation-navbar-list .link:hover span:not(.icon) {
            color: #ec0000;
        }

        .navigation-navbar-list .link span:not(.icon) {
            display: block;
            color: #6f7779;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-transition: color 0.125s ease-in;
            transition: color 0.125s ease-in;
        }

.navigation .collapsed-logo {
    position: absolute;
    top: 6px;
    top: 0.375rem;
    left: 50%;
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.125s ease-in;
    transition: opacity 0.125s ease-in;
}

    .navigation .collapsed-logo svg {
        width: 24px;
        width: 1.5rem;
        height: 24px;
        height: 1.5rem;
    }

@media (max-width: 1200px) {
    .navigation .navigation-navbar-list .link {
        padding: 0 16px;
        padding: 0 1rem;
    }
}

.report-header {
    display: block;
    position: relative;
    margin-top: 32px;
    margin-top: 2rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.report-header-title {
    color: #333333;
    font-weight: 400;
}


.cajaOrdinalesReconocidos {
    /*float: right;*/
    /*width: 117px;*/
    background: #f2f8fa;
    padding: 10px;
    border-radius: 10px;
    /*border: 1px solid #d4e2e6;*/
    font-weight: bold;
    margin-top: 20px
}

.cajaPeriodosReconocidos {
    background: #f2f8fa;
    padding: 10px;
    border-radius: 10px;
    /*border: 1px solid #d4e2e6;*/
    font-weight: bold;
}

.linkPers {
    font-size: 1rem;
}

.nuevoOrdinalesReconocidos {
    height: 27px !important;
    padding: 7px !important;
    font-size: 0.7rem;
    margin-top: -11px;
    float: right;
    position: absolute;
}

.report-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*margin-top: 32px;
    margin-top: 2rem;*/
}

.report-header-path {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .report-header-path li:last-child .button {
        background-color: #FDE5E5;
        border: 1px solid #ec0000;
        /*pointer-events: none;*/
    }

.botonActivo {
    background-color: #FDE5E5;
    border: 1px solid #ec0000;
    pointer-events: none;
}

.report-header-path li + li {
    margin-left: 16px;
    margin-left: 1rem;
}

.report-header-path .button {
    min-width: 132px;
    min-width: 8.25rem;
    height: 40px;
    height: 2.5rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #ec0000;
    font-weight: 400;
    background-color: #ffffff;
    border: 1px solid rgba(158, 54, 103, 0.2);
}


.marginButton {
    margin-top: 22px;
    margin-left: 17px;
}

.alineadoBoton {
    margin-top: 25px;
}

.botonNoActivo {
    min-width: 132px;
    min-width: 8.25rem;
    height: 40px;
    height: 2.5rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #ec0000;
    font-weight: 400;
    background-color: #ffffff;
    border: 1px solid rgba(158, 54, 103, 0.2);
}

.report-header-path .button:active {
    color: #ffffff;
}

.report-header-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .report-header-controls .input {
        margin-top: -32px;
        margin-top: -2rem;
        min-width: 200px;
        min-width: 12.5rem;
    }

        .report-header-controls .input + .button {
            margin-left: 16px;
            margin-left: 1rem;
        }

    .report-header-controls .input-label {
        color: #6f7779;
    }

    .report-header-controls .button {
        min-width: 120px;
        min-width: 7.5rem;
    }

        .report-header-controls .button + .button {
            margin-left: 16px;
            margin-left: 1rem;
        }

.subheader {
    display: block;
    position: relative;
    padding: 40px 0 24px 0;
    padding: 3.5rem 0 1.5rem 0;
    width: 100%;
    min-width: 1024px;
    min-width: 64rem;
    background-color: #deedf2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .subheader.secondary {
        background-color: #ffffff;
    }

    .subheader .main-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .subheader + .tabs {
        margin-top: 62px;
        margin-top: 3.875rem;
    }

.tabs {
    display: block;
    position: relative;
    /*margin-top: 64px;
    margin-top: 4rem;*/
    /*border-top: 1px solid #c3dee7;*/
}


    /*.tabs::before {
        content: '';
        display: block;
        position: absolute;
        top: -64px;
        left: 0;
        width: 100%;
        height: 63px;
        height: 3.9375rem;
        background-color: #deedf2;
    }*/

    .tabs.secondary {
        border-top: 1px solid #6097ae;
    }

        .tabs.secondary::before {
            background-color: #ffffff;
        }

        .tabs.secondary .tab-button {
            color: #9bc3d3;
            background-color: #f2f8fa;
            border: 1px solid #6097ae;
        }

            .tabs.secondary .tab-button.active {
                color: #565656;
                background-color: #deedf2;
            }

        .tabs.secondary .tabs-content {
            background-color: #deedf2;
        }

.tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    margin-top: -64px;
}

    .tabs-list li {
        display: block;
        position: relative;
        width: 100%;
        height: 64px;
        height: 4rem;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .tabs-list li + li {
            margin-left: 16px;
            margin-left: 1rem;
        }

    .tabs-list .tab-button {
        padding: 22px 16px;
        padding: 1.375rem 1rem;
        min-width: 100%;
        min-height: 100%;
        color: #9bc3d3;
        background-color: #ffffff;
        border: 1px solid #c3dee7;
        border-radius: 4px 4px 0 0;
        border-radius: 0.25rem 0.25rem 0 0;
        -webkit-transition: color 0.125s ease-in;
        transition: color 0.125s ease-in;
    }

        .tabs-list .tab-button:hover {
            color: #6097ae;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .tabs-list .tab-button.active {
            color: #ec0000;
            border-bottom: 0;
            pointer-events: none;
        }

            .tabs-list .tab-button.active .tab-button-number {
                line-height: 20px;
                line-height: 1.25rem;
                font-weight: 700;
                border: 2px solid #ec0000;
            }

    .tabs-list .tab-button-number {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin: -2px 16px 0 0;
        margin: -0.125rem 1rem 0 0;
        width: 24px;
        width: 1.5rem;
        height: 24px;
        height: 1.5rem;
        line-height: 22px;
        line-height: 1.375rem;
        text-align: center;
        border: 1px solid #9bc3d3;
        border-radius: 100%;
    }






.tabs-content {
    display: block;
    position: relative;
    /*padding: 80px 0;
    padding: 5rem 0;*/
    width: 100%;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tabs-content-container {
    display: none;
}

    .tabs-content-container.active {
        display: block;
    }

.tabs .main-wrapper .main-wrapper {
    padding: 0;
}

/*------------------------------------*\
    $LEGENDS
\*------------------------------------*/
.legend {
    text-align: right;
}

.trend-box {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    padding: 12px 25px;
    padding: 0.75rem 1.5625rem;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.05);
    text-align: left
}

.trend-box-title {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    vertical-align: middle;
    font-size: 18px;
    font-size: 0.9rem;
    line-height: 23px;
    line-height: 1.4375rem;
    font-weight: 600;
    color: #000000;
    margin-left: 10px;
}

.trend-box-figure {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    vertical-align: middle;
    font-size: 25px;
    font-size: 1.1rem;
    line-height: 32px;
    line-height: 2rem;
    margin-left: 10px;
    margin-left: 0.3rem;
}

.is-up .trend-box-figure {
    color: #63ba68;
}

    .is-up .trend-box-figure .icon {
        margin-bottom: 3px;
    }

.is-down .trend-box-figure {
    color: #ec0000;
}

.data-panel {
    margin-bottom: 64px;
    margin-bottom: 4rem;
}

.data-panel-header {
    padding: 18px 32px;
    padding: 1.125rem 2rem;
    background-color: #ec0000;
    border: #c3dee7 1px solid;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.data-panel-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23px;
    line-height: 1.4375rem;
    color: #ffffff;
}

.data-panel-subheader {
    height: 90px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 32px;
    padding: 1.375rem 2rem;
    background-color: #ffffff;
    border-left: #c3dee7 1px solid;
    border-right: #c3dee7 1px solid;
    border-bottom: #c3dee7 1px solid;
}

    .data-panel-subheader ul {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
    }

    .data-panel-subheader .toggle-controls {
        padding-left: 20px;
        padding-left: 1.25rem;
        min-width: 0;
    }

.data-panel-subheader-block {
    overflow: hidden;
}

    .data-panel-subheader-block + .data-panel-subheader-block {
        padding-left: 30px;
        padding-left: 1.875rem;
    }

@media (min-width: 1200px) {
    .data-panel-subheader-block + .data-panel-subheader-block {
        padding-left: 50px;
        padding-left: 3.125rem;
    }
}

.data-panel-subheader-title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #9bc3d3;
    font-weight: 600;
}

.data-panel-subheader-description {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    padding-top: 6px;
    padding-top: 0.375rem;
    color: #565656;
    text-transform: uppercase;
}

.data-panel-contents {
    font-size: 16px;
    font-size: 1rem;
    color: #333333;
    background-color: #ffffff;
    border: #c3dee7 1px solid;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

    .data-panel-contents .chart-container {
        padding-top: 60px;
        padding-top: 3.75rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem;
    }

.toggle-data-panel .data-panel-contents {
    display: none;
}

    .toggle-data-panel .data-panel-contents.active {
        display: block;
    }






panel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.panel + .panel {
    margin-top: 32px;
}

.panel-header {
    padding: 22px 42px 26px;
    font-size: 18px;
    line-height: 18px;
    background-color: #f2f8fa;
    border-radius: 4px 4px 0 0;
    border: 1px solid #deedf2;
}

.panel-title {
    color: #6097ae;
}

.panel-subheader {
    padding: 22px 42px 23px;
    border-color: #deedf2;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    text-align: center;
    color: #565656;
    font-size: 16px;
    line-height: 24px;
}

    .panel-subheader p:not(:last-child) {
        margin-bottom: 4px;
    }

.panel-body {
    border-radius: 0 0 4px 4px;
    border: 1px solid #deedf2;
    border-color: #deedf2;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: 40px 44px;
}

.panel-footer {
    margin-top: 14px;
    font-style: italic;
    font-size: 14px;
    color: #565656;
}

    .panel-footer small {
        font-size: 100%;
    }

.panel.is-table .subpanel-body {
    border-radius: 4px;
    display: table;
    border-collapse: collapse;
    border-left: 1px solid #deedf2;
    border-top: 1px solid #deedf2;
    border-right: 1px solid #deedf2;
    width: 100%;
    margin: 0 auto;
}

.panel.is-table .subpanel-title {
    font-size: 16px;
    line-height: 1.13;
    font-weight: 600;
    background-color: #f2f8fa;
    color: #6097ae;
    display: table-row;
}

.panel.is-table .subpanel-row {
    display: table-row;
    border-bottom: 1px solid #deedf2;
}

.panel.is-table .subpanel-column {
    display: table-cell;
    padding: 15px 30px;
    font-size: 14px;
    color: #565656;
}

    .panel.is-table .subpanel-column:first-child {
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        min-width: 270px;
    }

.panel.is-table .subpanel-column-personalizado {
    display: table-cell;
    padding: 15px 30px;
    font-size: 14px;
    color: #565656;
}

    .panel.is-table .subpanel-column-personalizado:first-child {
        /*font-size: 16px;
        font-weight: 600;*/
        color: #333333;
    }

.panel.is-table .subpanel-row-personalizado {
    display: table-row;
}

.bordes-laterales {
    border-left: 1px solid #deedf2;
    border-right: 1px solid #deedf2;
}

.bordes-laterales-inferior {
    border-left: 1px solid #deedf2;
    border-right: 1px solid #deedf2;
    border-bottom: 1px solid #deedf2;
}

.cabecera_tabla {
    background-color: #DEEDF2 !important;
    width: 250px;
    border: 1px solid #deedf2;
    border-radius: 4px 4px 0px 0px;
}

.etiqueta_cabecera {
    background-color: #ec0000;
    color: white !important;
    text-align: center;
    width: 200px;
    border-radius: 4px;
}


.toggle-controls {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

    .toggle-controls .button {
        min-width: 80px;
        min-width: 5rem;
        max-width: 80px;
        max-width: 5rem;
    }

        .toggle-controls .button.primary {
            color: #9bc3d3;
            background-color: #c3dee7;
            border: 0;
        }

            .toggle-controls .button.primary.disabled {
                color: #ffffff;
                background-color: #6097ae;
                border: 0;
            }

            .toggle-controls .button.primary:hover, .toggle-controls .button.primary:active {
                color: #6097ae;
            }

        .toggle-controls .button:first-child {
            border-radius: 4px 0 0 4px;
            border-radius: 0.25rem 0 0 0.25rem;
        }

        .toggle-controls .button:last-child {
            border-radius: 0 4px 4px 0;
            border-radius: 0 0.25rem 0.25rem 0;
        }

.generic-message-panel {
    width: 784px;
    margin: 0 auto;
    text-align: center;
    padding: 65px 134px;
    padding: 4.0625rem 8.375rem;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(111, 119, 121, 0.2);
    box-shadow: 0 2px 8px rgba(111, 119, 121, 0.2);
    border-radius: 4px;
}

    .generic-message-panel .button {
        margin-top: 27px;
        margin-top: 1.6875rem;
    }

.generic-message-panel-image {
    position: relative;
    margin: 0 auto;
    padding-bottom: 28px;
    padding-bottom: 1.75rem;
    max-width: 200px;
}

.generic-message-panel-description {
    padding-top: 10px;
    padding-top: 0.625rem;
}


.generic-message-panel-error {
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
    color: #6097ae;
}

.caption-semibold {
    font-weight: 600;
}

.generic-message-panel.is-full-page {
    background-color: #deedf2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.results-table table tr td {
    padding: 14px 32px 32px 32px;
    padding: 0.875rem 2rem 2rem 2rem;
}

    .results-table table tr td:first-child {
        min-width: 288px;
        min-width: 18rem;
    }

    .results-table table tr td:nth-child(2) {
        min-width: 730px;
        min-width: 45.625rem;
    }

    .results-table table tr td:last-child {
        min-width: 180px;
        min-width: 11.25rem;
        padding-left: 56px;
        padding-left: 3.5rem;
    }

.results-table.is-pseudopurchase table tr td:nth-child(2) {
    min-width: 164px;
    min-width: 10.25rem;
}

.results-table.is-pseudopurchase table tr td:nth-child(3) {
    min-width: 566px;
    min-width: 35.375rem;
}

.results-table.is-good-sale table tr td:first-child, .results-table.is-good-sale table tr td:nth-child(2) {
    min-width: 271px;
    min-width: 16.9375rem;
}

.results-table.is-good-sale table tr td:nth-child(3), .results-table.is-good-sale table tr td:nth-child(4) {
    min-width: 148px;
    min-width: 9.25rem;
}

.results-table.is-good-sale table tr td:nth-child(5) {
    min-width: 180px;
    min-width: 11.25rem;
}

.results-table.is-clients-manage table tr td {
    min-width: 188px;
    min-width: 11.75rem;
}

.results-table table tr:not(.header) td {
    padding: 24px 32px;
    padding: 0.8rem 2rem;
}

    .results-table table tr:not(.header) td:last-child {
        padding-left: 56px;
        padding-left: 3.5rem;
    }

.results-table table tr + .is-collapsed td {
    padding-top: 0px;
    padding-top: 0rem;
}


.fondoAzul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-top: 24px;
    margin-top: 1.5rem;
    padding: 40px;
    padding: 2.5rem;
    background-color: #EC0701;
    border: solid 1px #c3dee7;
    border-radius: 4px;
    border-radius: 0.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cajaFiltro > h3 {
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 15px;
}

.cajaConLupa {
    flex: 0 0 auto !important;
    position: relative;
}

.fila1 {
    padding-bottom: 15px;
}

.descargaPDF_Texto {
    color: #6f7779 !important;
    padding-bottom: 10px;
    font-size: 14px;
}

.estilosBotones {
    font-size: 14px !important;
    padding: 11px !important;
}

a:hover {
    color: #6097ae;
    text-decoration: none;
}

.BtnEstilosFiltros:hover {
    color: #6097ae !important;
    background-color: #f2f8fa !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow_adm {
    height: 43px;
    position: absolute;
    top: 0px;
    right: 14px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px;
    position: absolute;
    top: 0px;
    right: 16px;
    width: 20px;
}

.icon2 {
    margin-top: 10px !important;
    margin-right: 10px !important;
    font-size: 24px !important;
    color: #a3c3d3 !important;
}

.botonNoActivo:active {
    color: #ffffff;
    background-color: #ec0000;
}

#PnPestanias::before {
    content: '';
    display: block;
    position: absolute;
    top: -64px;
    left: 0;
    width: 100%;
    height: 63px;
    height: 3.9375rem;
    background-color: #FFFFFF;
}


/*FAQS*/

.faqs {
    padding: 72px 0 200px 0;
    padding: 4.5rem 0 12.5rem 0;
    border-top: 1px solid #deedf2;
}

    .faqs .xlarge {
        text-align: center;
        color: #9e3667;
        margin-bottom: 186px;
        margin-bottom: 11.625rem;
    }

.accordion {
    border-bottom: 1px solid #deedf2;
    padding: 44px 0;
    padding: 30px 0;
    text-align: justify;
}

.accordion-trigger {
    position: relative;
    padding-right: 60px;
    padding-right: 3.75rem;
    cursor: pointer;
}

    .accordion-trigger .icon {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 32px;
        font-size: 2rem;
        color: #ec0000;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
    }

    .accordion-trigger .h2 {
        color: #6f7779;
        font-weight: normal;
    }

.accordion-content {
    display: none;
    padding: 40px 60px 0 0;
    padding: 2.5rem 3.75rem 0 0;
}

    .accordion-content p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.78;
        color: #000000;
    }

.accordion.is-open .accordion-content {
    display: block;
}

.accordion.is-open .accordion-trigger .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #990000;
}

.accordion.is-open .accordion-trigger .h2 {
    color: #000000;
}

.accordion-block {
    margin-bottom: 88px;
    margin-bottom: 5.5rem;
}

    .accordion-block .h2-bold {
        color: #6097ae;
        margin-bottom: 24px;
        margin-bottom: 1.5rem;
    }




/*SUBNIVELACORDEON*/

.accordionSub {
    border-bottom: 1px solid #deedf2;
    padding: 44px 0;
    padding: 30px 0;
}

.accordion-triggerSub {
    position: relative;
    padding-right: 60px;
    padding-right: 3.75rem;
    cursor: pointer;
}

    .accordion-triggerSub .icon {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 32px;
        font-size: 2rem;
        color: #ec0000;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
    }

    .accordion-triggerSub .h2 {
        color: #6f7779;
        font-weight: normal;
    }

.accordion-contentSub {
    display: none;
    padding: 40px 60px 0 0;
    padding: 2.5rem 3.75rem 0 0;
}

    .accordion-contentSub p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.78;
        color: #000000;
    }

.accordionSub.is-open .accordion-contentSub {
    display: block;
}

.accordionSub.is-open .accordion-triggerSub .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #990000;
}

.accordionSub.is-open .accordion-triggerSub .h2 {
    color: #000000;
}

.accordion-blockSub {
    margin-bottom: 88px;
    margin-bottom: 5.5rem;
}

    .accordion-blockSub .h2-bold {
        color: #6097ae;
        margin-bottom: 24px;
        margin-bottom: 1.5rem;
    }


.lvl1 {
    padding-left: 3rem;
}

.lvl2 {
    padding-left: 6rem;
}

.cabecera {
    padding-bottom: 1rem;
    padding-top: 1rem;
}


.Subcabecera {
    padding-bottom: 1rem;
    padding-top: 2rem;
}




/*BUSCADOR*/


.iconBus {
    margin-top: -39px !important;
    margin-right: 35px !important;
    font-size: 24px !important;
    color: #000000 !important;
}

.txtBus {
    font-size: 15pt;
    padding: 6px
}

.rowBus {
    padding: 20px;
}

.columnI {
    text-align: left
}

.columnR {
    text-align: right
}

.lupaBuscador {
    color: #ffffff;
    font-size: 18pt;
}

input[type=text]::-ms-clear {
    display: none;
}


/*DESCARGADOCUMENTOFAQS*/
.DdDoc {
    font-size: 12pt;
    color: #dc3545;
}
/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
/*------------------------------------*\
    $HEADER
\*------------------------------------*/


/*SEUDOCOMPRAS*/

.seudocompras-dialog-close:before, .seudocompras-dialog-slider .slick-arrow:before, .seudocompras-slide-info:after, .seudocompras-slide-subtitle:after, .hero-list li:before, .hero-list-personalizado li:before, .card-stars-title .info:after, .bullet-list-title:before, .bullet-list.is-dropdown .bullet-list-title:before,
.icon {
    display: inline-block;
    vertical-align: middle;
    font-family: 'santanderIcons';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    speak: none;
    overflow: hidden;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.hero {
    display: block;
    position: relative;
    padding: 32px 0 40px 0;
    padding: 2rem 0 2.5rem 0;
    width: 100%;
    min-width: 1024px;
    min-width: 64rem;
    background-color: #deedf2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .hero.has-image {
        height: 297px;
    }

        .hero.has-image .hero-text {
            width: 60%;
        }

    .hero .main-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%;
    }

.hero-image img {
    height: 254px;
    width: 230px;
    position: absolute;
    bottom: -58px;
}

.hero .h1-bold {
    color: #6097ae;
}

.hero-list {
    font-size: 16px;
    font-size: 1rem;
    color: #6097ae;
    line-height: 24px;
    font-weight: 700;
    padding: 20px 60px 0 0;
}

    .hero-list li + li {
        margin-top: 8px;
    }

    .hero-list li:before {
        height: 24px;
        width: 24px;
        font-size: 24px;
        font-size: 1.5rem;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-color: #ffffff;
        border-radius: 50%;
        line-height: 25px;
        vertical-align: text-top;
    }

.hero-list-personalizado {
    font-size: 16px;
    font-size: 1rem;
    color: #ffffff;
    line-height: 24px;
    font-weight: 700;
    padding: 20px 60px 0 0;
}

    .hero-list-personalizado li + li {
        margin-top: 8px;
    }

    .hero-list-personalizado li:before {
        height: 24px;
        width: 24px;
        font-size: 24px;
        font-size: 1.5rem;
        display: inline-block;
        text-align: center;
        margin-right: 8px;
        background-color: #6097ae;
        border-radius: 50%;
        line-height: 25px;
        vertical-align: text-top;
        color: white;
    }

.item_lista_hero {
    color: #6097ae !important;
}


.card-stars {
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(111, 119, 121, 0.2);
    box-shadow: 0 2px 8px 0 rgba(111, 119, 121, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 34px 40px;
    min-height: 245px;
}

    .card-stars:hover .card-stars-bg {
        -webkit-transform: scale(1.1) rotate(-3deg) translate(-0.325rem, -0.625rem);
        transform: scale(1.1) rotate(-3deg) translate(-0.325rem, -0.625rem);
    }

    .card-stars::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 79px 58px;
        border-color: transparent transparent #f2f8fa transparent;
    }

.card-stars-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(1) rotate(0) translate(0, 0);
    transform: scale(1) rotate(0) translate(0, 0);
    -webkit-transition: -webkit-transform 3s ease;
    transition: -webkit-transform 3s ease;
    transition: transform 3s ease;
    transition: transform 3s ease, -webkit-transform 3s ease;
}

.card-stars-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-right: 60px;
}

    .card-stars-title .title {
        font-size: 24px;
        line-height: 28px;
        color: #333333;
        font-weight: 700;
        display: inline;
        vertical-align: middle;
    }

.card-stars-action {
    color: #ec0000;
    font-weight: 600;
    font-size: 1rem;
}

    .card-stars-action .icon {
        font-size: 1.25rem;
        margin-left: 0.5rem;
        margin-top: -0.125rem;
    }

.card-stars-strip {
    margin-top: 2rem;
}

    .card-stars-strip .card-stars-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .card-stars-strip .card-stars-row:not(:last-child) {
            margin-bottom: 12px;
        }

    .card-stars-strip .card-stars {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }

        .card-stars-strip .card-stars:not(:last-child) {
            margin-right: 12px;
        }

.card-diamonds {
    position: relative;
    border-radius: 4px;
    border: 1px solid #deedf2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    min-height: 150px;
    min-width: 258px;
    overflow: hidden;
}

    .card-diamonds::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 64px 45px;
        border-color: transparent transparent #f2f8fa transparent;
    }

.card-diamonds-bg {
    position: absolute;
    right: 0;
    bottom: 0;
}

.card-diamonds-content {
    width: 65%;
    font-size: 16px;
    color: #333333;
}

.card-diamonds-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

    .card-diamonds-title .title {
        font-size: 16px;
        line-height: 20px;
        color: #000000;
        font-weight: 600;
        margin-bottom: 16px;
    }

.card-diamonds-strip .card-diamonds-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .card-diamonds-strip .card-diamonds-row:not(:last-child) {
        margin-bottom: 12px;
    }

.card-diamonds-strip .card-diamonds {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

    .card-diamonds-strip .card-diamonds:not(:last-child) {
        margin-right: 12px;
    }

.card-numbered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 1.5rem 1.5rem 1.3125rem;
    border: 1px solid #deedf2;
    border-radius: 4px;
}

    .card-numbered.has-slider {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .card-numbered.has-slider .card-numbered-text {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 25.625rem;
            flex: 1 1 25.625rem;
        }

.card-numbered-number {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.375rem;
    border: 1px solid #9bc3d3;
    border-radius: 50%;
    color: #9bc3d3;
}

.card-numbered-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #000000;
    font-weight: 600;
    padding: 0 3.2rem 0 0.75rem;
}

.card-numbered-action {
    display: block;
    margin-top: 1.5rem;
    color: #ec0000;
    font-weight: 600;
    font-size: 1rem;
}

    .card-numbered-action .icon {
        font-size: 1.25rem;
        margin-left: 0.5rem;
        margin-top: -0.125rem;
    }

.card-numbered-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11.375rem;
    flex: 0 0 11.375rem;
    margin: -1.5rem -1.5rem -1.3125rem 0;
    height: 11rem;
    width: 11.375rem;
}

.card-numbered-slider {
    width: 100%;
    overflow: hidden;
}

    .card-numbered-slider .slick-arrow {
        z-index: 1;
        position: absolute;
        top: calc(50% - 70px);
        font-size: 0;
        border: 0;
        background-color: transparent;
        outline: none;
    }

        .card-numbered-slider .slick-arrow:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            font-size: 24px;
            color: #999999;
            padding: 16px;
        }

        .card-numbered-slider .slick-arrow.slick-prev {
            left: 0;
        }

        .card-numbered-slider .slick-arrow.slick-next {
            right: 0;
        }

        .card-numbered-slider .slick-arrow.slick-disabled {
            display: none !important;
        }

    .card-numbered-slider .slick-track {
        display: table;
    }

    .card-numbered-slider .slick-slide {
        display: table-cell;
    }

    .card-numbered-slider .slick-dots {
        text-align: center;
    }

        .card-numbered-slider .slick-dots li {
            display: inline-block;
        }

            .card-numbered-slider .slick-dots li:not(:last-child) {
                margin-right: 16px;
            }

            .card-numbered-slider .slick-dots li button {
                font-size: 0;
                border: 1px solid #9bc3d3;
                height: 12px;
                width: 12px;
                border-radius: 50%;
                outline: none;
            }

        .card-numbered-slider .slick-dots .slick-active button {
            background-color: #9bc3d3;
        }

.card-numbered-slide-text {
    color: #6f7779;
    width: 316px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.card-numbered-slide-image {
    height: 274x;
    width: 274px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

    .card-numbered-slide-image img {
        width: 100%;
    }

.card-numbered-strip {
    margin-top: 2rem;
}

    .card-numbered-strip .main-wrapper {
        padding: 0 8.25rem;
        height: 566px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .card-numbered-strip .card-numbered {
        width: 49%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0.5rem;
    }

      /*  .card-numbered-strip .card-numbered + .card-numbered {
            margin-top: 1rem;
        }*/

        .card-numbered-strip .card-numbered:nth-child(4) {
            margin: 0 0 0 0.5rem;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

@media(max-width: 1208px){
    .card-numbered-strip {
        height: 100%;
    }
    .card-numbered-strip .main-wrapper {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-gap: 10px;
        margin-bottom: 30px;
        height: 100%;
    }
    .card-numbered-strip .card-numbered {
        width: 100%;
    }
    .card-numbered-strip .has-slider {
        width: 100%;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .card-numbered-strip .card-numbered + .card-numbered{
        margin-top: 0px;
    }
    .card-numbered-strip .card-numbered:nth-child(3) {
        grid-column-end: 3;
        grid-column-start: 1;
    }
    .card-numbered-strip .card-numbered:nth-child(4) {
        margin: 0;
    }
}

.figure-card {
    border: 1px solid red;
    width: 100%;
    border: 1px solid #deedf2;
    border-radius: 4px;
    padding: 41px 25px 23px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.figure-card-image {
    height: 175px;
    width: 175px;
    display: block;
    margin: 0 auto 30px auto;
}

    .figure-card-image img {
        height: 100%;
    }

.figure-card-content {
    height: calc(100% - 175px - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.figure-card-text {
    color: #333333;
    font-size: 18px;
    line-height: normal;
    letter-spacing: -0.69px;
    margin-bottom: 18px;
}

    .figure-card-text:before, .figure-card-text:after {
        content: '"';
    }

.figure-card-strong {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 34px;
}

.figure-card-link a {
    font-weight: 600;
    color: #ec0000;
}

    .figure-card-link a:after {
        font-weight: inherit;
        margin-left: 10px;
    }

.figure-cards-strip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .figure-cards-strip .figure-card {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }

        .figure-cards-strip .figure-card:not(:last-child) {
            margin-right: 12px;
        }


.pagination-dialog {
    list-style: none;
    counter-reset: page-counter;
    font-size: 0;
}

    .pagination-dialog > * {
        font-size: 16px;
        font-size: 1rem;
    }

    .pagination-dialog li {
        display: inline-block;
    }

        .pagination-dialog li:not(:last-child) {
            margin-right: 12px;
        }

        .pagination-dialog li.slick-active button {
            border: 2px solid #ec0000;
            color: #ec0000;
            font-weight: 600;
        }

    .pagination-dialog button {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        cursor: pointer;
        text-align: center;
        line-height: 19px;
        font-size: 14px;
        display: inline-block;
        border: 1px solid #9bc3d3;
        color: #9bc3d3;
        outline: none;
    }

.bullet-list-title {
    color: #9bc3d3;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 24px;
    position: relative;
    padding-left: calc(24px + 12px);
}

.bullet-list-titlePdf {
    color: #9bc3d3;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 24px;
    position: relative;
    padding-left: calc(24px + 12px);
}

.bullet-list-title:before {
    position: absolute;
    left: 0;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 12px;
    background-color: #deedf2;
    border-radius: 50%;
    line-height: 25px;
    color: #6097ae;
}

.bullet-list + .bullet-list {
    margin-top: 11px;
}

.bullet-list.is-dropdown .bullet-list-title {
    cursor: pointer;
}

    .bullet-list.is-dropdown .bullet-list-title:before {
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 22px;
    }

.bullet-list.is-shown .bullet-list-title:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bullet-list ul {
    margin-top: 16px;
    margin-left: calc(24px + 12px);
    margin-right: calc(24px + 12px);
    margin-bottom: 16px;
}

    .bullet-list ul ul {
        margin-top: 0;
    }

        .bullet-list ul ul li {
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 18px;
        }

            .bullet-list ul ul li:before {
                content: '';
                height: 7px;
                width: 7px;
                background-color: #deedf2;
                margin-right: 13px;
                display: inline-block;
                border-radius: 50%;
            }

.bullet-list li {
    color: #6f7779;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 8px;
    position: relative;
    padding-left: 24px;
}

    .bullet-list li:before {
        content: '';
        height: 8px;
        width: 8px;
        background-color: #c3dee7;
        margin-right: 24px;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 8px;
    }

.bullet-list blockquote {
    margin-top: 0;
    margin-right: 36px;
    margin-bottom: 16px;
    margin-left: calc(36px + 24px);
}

.dropdown .dropdown-menu {
    display: none;
}


/*.seudocompras-dialog {
    width: 1185px !important;
    height: 718px !important;
    background-color: #ffffff;
    position: relative;
    margin: 0 auto;
}*/

.seudocompras-dialog {
    width: 100% !important;
    height: auto !important;
    background-color: #ffffff;
    position: relative;
    margin: 0 auto;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 100%;
    max-width: 1270px;
}

    .seudocompras-dialog:before {
        content: '';
        position: absolute;
        background-color: #f2f8fa;
        height: 100%;
        height: 650px;
        top: 0;
        right: 0;
        bottom: 0;
        width: 30%;
        max-width: 380px;
    }

@media(max-width: 1250px) {
    .seudocompras-dialog:before {
        max-height: 631px;
    }
}

@media(max-width: 1050px){
    .seudocompras-dialog:before {
        max-height: 530px;
    }
}

.seudocompras-dialog-header {
    padding: 48px 48px 46px 48px;
    position: relative;
}

.seudocompras-dialog-title {
    line-height: 18px;
    color: #9bc3d3;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 16px;
}

.seudocompras-dialog-close {
    height: 28px;
    width: 28px;
    outline: none;
    color: #999999;
    position: absolute;
    right: 30px;
    top: 30px;
    border: 0;
    background-color: transparent;
    z-index: 1;
    opacity: 0;
}

    .seudocompras-dialog-close:before {
        font-size: 22px;
    }

.seudocompras-dialog .gradient {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 48%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.01)), color-stop(36%, rgba(255, 255, 255, 0.51)), color-stop(70%, white), color-stop(83%, white));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 0.51) 36%, white 70%, white 83%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

.seudocompras-dialog-slider {
    /*    width: 1185px;
    height: calc(718px - 152px);*/
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
}

    .seudocompras-dialog-slider .slick-arrow {
        z-index: 1;
        position: absolute;
        top: calc(50% - 60px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 0;
        color: transparent;
        background-color: transparent;
        border: 0;
        outline: none;
    }

        .seudocompras-dialog-slider .slick-arrow:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            font-size: 24px;
            color: #999999;
            padding: 16px;
        }

        .seudocompras-dialog-slider .slick-arrow.slick-prev {
            left: 14px;
        }

        .seudocompras-dialog-slider .slick-arrow.slick-next {
            right: 14px;
        }

        .seudocompras-dialog-slider .slick-arrow.slick-disabled {
            display: none !important;
        }


.seudocompras-slide {
/*    width: 1185px;*/
    width: 100%;
/*    height: calc(718px - 152px);*/
    height: auto;
}

.seudocompras-slide-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
/*    height: 100%;*/
    height: auto;
    justify-content: space-between;
    align-items: center;
    grid-gap: 40px;
}

@media(max-width: 1290px){
    .seudocompras-slide-body{
        grid-gap: 30px;
    }
}

.seudocompras-slide-content-wrapper {
  /*  width: 50%;*/
/*    height: 95%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    padding-left: 100px;
    height: auto;
}

.seudocompras-slide-content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 10px;
    overflow-y: auto;
    padding-bottom: 20px;
}

    .seudocompras-slide-content > .amplio {
        display: grid;
        grid-template-columns: 100%;
    }

        .seudocompras-slide-content > .amplio > .dropdown > .dropdown-menu {
            position: relative !important;
            top: 2px !important;
        }

    .seudocompras-slide-heading {
        padding-right: 63px;
        padding-bottom: 22px;
    }

.seudocompras-slide-title {
    color: #ec0000;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    display: inline;
    vertical-align: middle;
}

.seudocompras-slide-titlePdf {
    color: #ec0000;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    display: inline;
    vertical-align: middle;
}

.seudocompras-slide-info {
    padding: 6px 6px 6px 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    top: 3px;
}

    .seudocompras-slide-info:after {
        color: #ec0000;
        height: 24px;
        width: 24px;
        font-size: 24px;
        text-align: center;
        display: block;
    }

.seudocompras-slide-subtitle {
    color: #ec0000;
    font-size: 16px;
    line-height: 22px;
    color: red;
    font-weight: 600;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}

.seudocompras-slide-subtitlePdf {
    color: #ec0000;
    font-size: 16px;
    line-height: 22px;
    color: red;
    font-weight: 600;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}

.seudocompras-slide-subtitle:after {
    height: 16px;
    width: 16px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.seudocompras-slide-image {
    width: 26%;
    min-width: 26%;
    height: 100%;
    position: relative;
/*    padding-left: 30px;*/
}

    .seudocompras-slide-image.is-center {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 10px;
    }

    .seudocompras-slide-image img {
     /* max-width: calc(100% - 30px);*/
        max-width: 290px;
        bottom: 0;
        height: auto;
        /*position: absolute;*/
    }

.seudocompras-slide .bullet-list.is-dropdown {
    padding-right: 63px;
    padding-bottom: 10px;
}


/* Slider */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700");

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        content: '';
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


.highlighted-text {
    color: #9bc3d3;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
}

    .highlighted-text:before, .highlighted-text:after {
        content: '"';
    }


.panelpdf {
    position: absolute;
    left: 25%;
}

.btnpdfSeudo {
    margin: 0px;
    margin-top: 76px;
    z-index: 1;
    min-width: 160px;
    width: 160px;
}


.title-pdf {
    font-size: 30pt;
}


.seudocompras-dialog-header-pdf {
    padding: 48px 48px 48px 0px
}



/*NPS RATING*/


.header-rating + .panel {
    margin-top: 32px;
}

.header-rating .panel-header {
    padding: 18px 42px 15px;
}

.header-rating .panel-title {
    text-align: center;
    color: #565656;
    font-size: 16px;
    font-weight: normal;
}

.header-rating .panel-body {
    background-color: #f2f8fa;
    text-align: center;
    padding: 18px 32px 24px 32px;
}

.header-rating .panel-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.header-rating ul {
    margin-top: 10px;
    margin-bottom: 14px;
}

.header-rating li {
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    color: #565656;
}

    .header-rating li:not(:last-child) {
        margin-right: 25px;
    }

    .header-rating li:nth-child(1)::before {
        background-color: #63ba68;
    }

    .header-rating li:nth-child(2)::before {
        background-color: #ffcc33;
    }

    .header-rating li:nth-child(3)::before {
        background-color: #cc0000;
    }

    .header-rating li::before {
        content: '';
        height: 16px;
        width: 16px;
        border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px;
    }

.header-rating-image {
    height: 31px;
    width: 851px;
    margin: 0 auto;
}


.enlaceSimulador {
    color: red;
    position: absolute;
    left: 215px;
    top: 40px;
}

.badge2 {
    PADDING: 7PX;
    HEIGHT: 25PX;
    MARGIN-LEFT: 8px;
}


.satColumn {
    width: 120px;
}

.tableSat {
    width: 100% !important
}

.columnaZero {
    width: 290px !important;
}



.botonFiltro {
    border: 1px solid #9bc3d3;
    border-radius: 7px;
    padding: 4px 7px;
    height: auto !important;
    min-width: 5rem !important;
    margin-left: 0px !important;
    color: #6097ae;
    font-weight: 600;
}


#tablaAnios tr td span {
    font-size: 13px;
}

#tablaAnios tr td {
    min-width: 60px;
    padding: 10px 10px 10px 15px;
}

#tablaAnios tr.marcado td span {
   /*font-weight:bold*/
}


#tablaAnios tr.marcado td {
    background: #f7f7f7
}

.ocultar{
    display: none;
}

.marquee {
    width: 100%;
    line-height: 50px;
    /*background-color: red;*/
    color: white;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

    .marquee p {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 12s linear infinite;
        font-style: bold;
    }

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}


#ModalObjetivos .popup {
    background-color: white;
    /*width: 63vw;
    height: 100vh;
    display: flex;*/
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 10px;
}

#ModalObjetivos .cuadro-popup {
    /*width: 80%;*/
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 20px 20px 20px;
    box-shadow: 0 2px 6px #c4c4c4e3;
    /*max-width: 1080px;*/
}

#ModalObjetivos .cerrar {
    border-radius: 50%;
    border: 1px solid #EC0000;
    height: 40px;
    width: 40px;
    padding: 5px;
}

#ModalObjetivos .cerrar > img {
        filter: invert(49%) sepia(96%) saturate(7499%) hue-rotate(352deg) brightness(99%) contrast(129%);
        margin: auto;
        width: 100%;
    }

#ModalObjetivos .cerrar:hover {
        border: 1px solid #EC0000;
        background-color: #EC0000;
    }

#ModalObjetivos .cerrar:hover > img {
        filter: invert(100%) sepia(0%) saturate(6478%) hue-rotate(266deg) brightness(107%) contrast(104%);
    }

#ModalObjetivos .titulo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#ModalObjetivos h3 {
    color: #EC0000;
    text-align: center;
    font-size: 28px;
    line-height: 20px;
    font-weight: 700;
    padding: 20px 0px;
}

#ModalObjetivos .cuadro-gris {
    background-color: #f2f8fa;
    padding: 20px;
    box-shadow: 0 2px 8px 0 rgba(111, 119, 121, 0.2);
    margin-bottom: 20px;
    border: 1px solid #deedf2;
    border-radius: 5px;
}

#ModalObjetivos .c-dos {
    display: grid;
    grid-template-columns: 40% 60%;
    align-items: center;
    justify-content: center;
}

#ModalObjetivos td {
    padding: 6px 10px;
    text-align: center;
    border: 0px;
    border-collapse: collapse;
}

#ModalObjetivos tr {
    border: 0px;
}

#ModalObjetivos tr > td:first-child {
    text-align: left;
    font-weight: 500;
}

#ModalObjetivos .b-r {
    font-weight: 500;
    color: #6097ae;
}

#ModalObjetivos .c-dos > table, #ModalObjetivos .c-dos > table > tr, #ModalObjetivos .c-dos > table > tr > td {
    border: none;
    border-collapse: collapse;
    border-bottom: 1px solid #fff;
}

#ModalObjetivos .c-dos > table > tbody > tr {
        border-bottom: 1px solid #deedf2;
    }

#ModalObjetivos .text-list {
    padding: 15px 10px 15px 25px;
}

#ModalObjetivos ul {
    list-style-type: none;
}


#ModalObjetivos li::before {
    content: "";
    position: relative;
    top: 19px;
    left: -28px;
    width: 19px;
    height: 19px;
    background-image: url('../images/li.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

#ModalObjetivos .t-dos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 10px;
}

#ModalObjetivos .tabla-2 {
    display: flex;
    align-items: center;
}

#ModalObjetivos .tit-cajas {
    background: #f2f8fa;
    border: 1px solid #deedf2;
    width: 100%;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

#ModalObjetivos .tabla-2 > .tit-cajas > p, .tabla-3 > .tit-cajas > p {
    font-weight: bold;
    font-size: 16px;
    color: #6097ae;
    padding: 10px 0px;
}

#ModalObjetivos .tabla-2, .tabla-3 {
    display: flex;
    align-items: center;
    box-shadow: 0 2px 8px 0 rgba(111, 119, 121, 0.2);
    font-size: 13px;
    flex-direction: column;
    background-color: #fff;
}

#ModalObjetivos .t2 {
    font-size: 12px;
    margin: auto;
}

#ModalObjetivos .t2 > table, .t2 > table > tr, .t2 > table > tr > td {
        border: 1px solid #deedf2;
    }

#ModalObjetivos table {
    border-collapse: collapse;
}


#ModalObjetivos .t2 > tbody > tr > td {
    padding: 3px 5px;
    border: 1px solid #deedf2;
    min-width: 55px;
}

#ModalObjetivos .frases {
    display: grid;
    grid-template-columns: 70% 30%;
    border-bottom: 1px solid #deedf2;
    align-items: center;
}

#ModalObjetivos .frases > p {
        margin: 5px;
    }

#ModalObjetivos .frases p:last-child {
        text-align: right;
    }

#ModalObjetivos .pad-t {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 100%;
}

#ModalObjetivos .textos-v {
    padding: 10px;
}

@media(max-width:1000px) {
    #ModalObjetivos .c-dos {
        grid-template-columns: 100%;
    }

    #ModalObjetivos .t-dos {
        grid-template-columns: 100%;
    }

    #ModalObjetivos .cuadro-popup {
        width: 95%;
        font-size: 25px;
    }

    #ModalObjetivos h3 {
        font-size: 30px;
        padding: 20px 0px;
    }

    #ModalObjetivos .tabla-2 > p, .tabla-3 > p {
        font-size: 25px;
    }

    #ModalObjetivos .t2 {
        font-size: 25px;
        overflow: auto;
    }

        #ModalObjetivos .t2 > tbody > tr > td {
            padding: 3px 12px;
        }

    #ModalObjetivos .tabla-2, .tabla-3 {
        font-size: 25px;
    }
}
.c-dos table tr td {
    background-color: #f2f8fa;
}

.tabla-4 {
    display: grid;
    grid-template-columns: 15% 41% 3% 41%;
}

.Columna {
    display: grid;
    grid-gap: 5px;
    grid-template-rows: repeat(6, 1fr);
}

.primera {
    padding-right: 10px;
}

    .primera > div {
        padding: 5px;
        font-size: 14px;
        background-color: #fcfcfc;
        border-radius: 5px;
        color: #6097ae;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-height: 70px;
    }

        .primera > div:first-child {
            background-color: transparent;
        }

        .primera > div:nth-child(3), .primera > div:nth-child(6) {
            display: grid;
        }

            .primera > div:nth-child(3) > img, .primera > div:nth-child(6) > img {
                max-height: 20px;
            }

.segunda {
    padding-right: 10px;
}

    .segunda > div {
        padding: 10px;
        font-size: 13px;
        display: flex;
        grid-gap: 8px;
        align-items: center;
        justify-content: flex-start;
    }

        .segunda > div > img {
            max-width: 15px;
        }

.tercera > div {
    padding: 10px;
    font-size: 13px;
    display: flex;
    grid-gap: 8px;
    align-items: center;
    justify-content: flex-start;
}

    .segunda > div:first-child, .tercera > div:first-child {
        background-color: #f2f8fa;
        border: 1px solid #deedf2;
        border-radius: 5px 5px 0 0;
        color: #6097ae;
        align-items: center;
        justify-content: center;
        display: flex;
        /*max-height: 70%;*/
        font-size: 16px;
    }

.flecha {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0 4px 0 0;
}

    .flecha > img {
        max-width: 25px;
    }


.tercera > div > img {
    max-width: 15px;
}

.tercera > div > p > .rojo {
    color: #EC0000;
}

.tercera > div > p > .negrita {
    font-weight: 600;
}

.tercera > div > p > .masGrande {
    font-size: 16px;
}


.recuadro {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

    .recuadro > .recuadroNPS {
        background-color: #f2f8fa;
        padding: 5px;
        text-align: center;
        align-items: center;
    }

        .recuadro > .recuadroNPS > p > .rojo {
            color: #EC0000;
        }

.footer {
    display: flex;
    grid-gap: 10px;
    margin-top: 15px;
    align-items: center;
    justify-content: flex-start;
}

    .footer > img {
        max-width: 90px;
    }

    .footer > p {
        font-size: 10px;
    }

.primera > div:nth-child(3) > img, .primera > div:nth-child(6) > img {
    margin: auto;
}


p {
    margin: 0 !important;
}

@media(max-width:1000px) {
    .c-dos {
        grid-template-columns: 100%;
    }

    .t-dos {
        grid-template-columns: 100%;
    }

    .cuadro-popup {
        width: 95%;
        font-size: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }

    h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .tabla-2 > p, .tabla-3 > p {
        font-size: 25px;
    }

    .t2 {
        font-size: 25px;
        overflow: auto;
    }

        .t2 > tbody > tr > td {
            padding: 3px 12px;
        }

    .tabla-2, .tabla-3 {
        font-size: 25px;
    }

    .primera, .segunda {
        padding: 0;
    }

        .primera > div {
            padding: 0;
        }

        .segunda > div, .tercera > div {
            padding: 2px;
        }

    .tabla-4 {
        grid-gap: 1%;
        grid-template-columns: 15% 40.5% 1% 40.5%;
    }

    .flecha {
        padding: 0 0px 0 0;
    }

        .flecha > img {
            max-width: 15px;
        }

    .recuadroNPS {
        font-size: 13px;
    }

    .cerrar > img {
        margin: 3px auto 0px;
    }
}

.lista_puntos_rojos {
    list-style: none;
}

.lista_puntos_rojos .item_lista_rojo::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 20px;
    margin-left: 1em;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

.sublista_gris {
    list-style: none;
    margin-left: 2.5em;
}

.sublista_gris .item_lista_gris::before {
        content: "\2022";
        color: gray;
        font-weight: bold;
        display: inline-block;
        width: 20px;
        font-size: 20px;
        text-align: center;
        vertical-align: middle;
        height: 30px;
}

.botonFans:hover {
    background-color: #deedf2;
    transition: 0.5s;
}
.modal {
    padding-right: 0px !important;
    left: 0px !important;
}