/* =====================================================
   HTML / Viewport
===================================================== */
html {
    min-height: 100%;
    min-width: 100%;
    -ms-text-size-adjust: none;
}

/* =====================================================
   Reset general
===================================================== */
body,
div, dl, dt, dd,
ul, ol, li,
nav,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend,
input, button, textarea,
p, blockquote,
th, td,
a {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    background-repeat: no-repeat;

    transform-origin: left top;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
}

/* =====================================================
   Box model
===================================================== */
button.submit-btn {
    box-sizing: content-box;
}

.borderbox {
    box-sizing: border-box;
}

/* =====================================================
   Tipografía base
===================================================== */
body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;

    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    -ms-font-feature-settings: 'liga';
}

.normal_text {
    color: #000;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
}

/* =====================================================
   Encabezados
===================================================== */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: inherit;
}
.redes-sociales {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}

.redes-sociales img {
  width: 40px;
  height: auto;
  transition: transform 0.2s ease;
}

.redes-sociales img:hover {
  transform: scale(1.1);
}

/* =====================================================
   Links
===================================================== */
a:link    { color: #0000FF; text-decoration: underline; }
a:visited { color: #800080; text-decoration: underline; }
a:hover   { color: #0000FF; text-decoration: underline; }
a:active  { color: #EE0000; text-decoration: underline; }

a.nontext {
    color: black;
    text-decoration: none;
}

/* =====================================================
   Listas
===================================================== */
li { list-style: none; }

.nls-None,
.nls-None .list1,
.nls-None .list2,
.nls-None .list3,
.nls-None .list4,
.nls-None .list5,
.nls-None .list6,
.nls-None .list7,
.nls-None .list8 {
    padding-left: 34px;
}

.nls-None > li:before { content: '•'; }
.nls-None .list1 > li:before { content: '○'; }
.nls-None .list2 > li:before { content: '-'; }

/* RTL */
.rtl-list li:before {
    left: 100%;
    right: auto;
}

/* =====================================================
   Tablas
===================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* =====================================================
   Formularios
===================================================== */
input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
}

textarea {
    resize: none;
    overflow: auto;
}

.form-grp input,
.form-grp textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

/* =====================================================
   Transiciones
===================================================== */
.transition {
    transition-property:
        background-image,
        background-position,
        background-color,
        border-color,
        border-radius,
        color,
        font-size,
        font-style,
        font-weight,
        letter-spacing,
        line-height,
        text-align,
        box-shadow,
        text-shadow,
        opacity;
}

.transition * {
    transition: inherit;
}

/* =====================================================
   Layout / Helpers
===================================================== */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.colelem,
.grpelem {
    float: left;
}

.verticalspacer,
.colelem100 {
    clear: both;
}

.fullscreen {
    position: fixed;
    inset: 0;
    overflow: hidden;
}

/* =====================================================
   Visibilidad / Estados
===================================================== */
.hidden,
.breakpoint,
.popup_element.Inactive {
    display: none;
}

.widget_invisible,
.js .invi {
    visibility: hidden;
}

/* =====================================================
   Popups / Menús
===================================================== */
.popup_anchor {
    position: relative;
    width: 0;
    height: 0;
}

.popup_element {
    z-index: 100000;
}

.MenuBar .SubMenu {
    position: absolute;
    display: none;
}

/* =====================================================
   SVG / Media
===================================================== */
svg,
.svg {
    display: block;
    vertical-align: top;
}

/* =====================================================
   Accesibilidad / Focus
===================================================== */
*:focus {
    outline: none;
}

/* =====================================================
   Muse / Internos
===================================================== */
#muse_css_mq {
    position: absolute;
    display: none;
    background-color: #FFFFFE;
}

.muse_check_css {
    display: none;
    position: fixed;
}

/* =====================================================
   Media Queries
===================================================== */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    body {
        text-rendering: auto;
    }
}