@font-face {
    font-family: 'Roboto Slab';
    src: url('../fuentes/Roboto Slab/RobotoSlabregular.ttf') format('truetype');
    /* src: URL('../fuentes/Roboto Slab/RobotoSlab100.ttf') format('truetype');
    src: URL('../fuentes/Roboto Slab/RobotoSlab300.ttf') format('truetype');
    src: URL('../fuentes/Roboto Slab/RobotoSlab700.ttf') format('truetype') format(); */
}


/* encode-sans-100 - latin */

@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 100;
    src: url('../fuentes/encode-sans/encode-sans-100.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fuentes/encode-sans/encode-sans-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fuentes/encode-sans/encode-sans-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fuentes/encode-sans/encode-sans-100.woff') format('woff'), /* Modern Browsers */
    url('../fuentes/encode-sans/encode-sans-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fuentes/encode-sans/encode-sans-100.svg#EncodeSans') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fuentes/encode-sans/encode-sans-300.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fuentes/encode-sans/encode-sans-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fuentes/encode-sans/encode-sans-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fuentes/encode-sans/encode-sans-300.woff') format('woff'), /* Modern Browsers */
    url('../fuentes/encode-sans/encode-sans-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fuentes/encode-sans/encode-sans-300.svg#EncodeSans') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fuentes/encode-sans/encode-sans-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fuentes/encode-sans/encode-sans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fuentes/encode-sans/encode-sans-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fuentes/encode-sans/encode-sans-regular.woff') format('woff'), /* Modern Browsers */
    url('../fuentes/encode-sans/encode-sans-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fuentes/encode-sans/encode-sans-regular.svg#EncodeSans') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fuentes/encode-sans/encode-sans-700.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fuentes/encode-sans/encode-sans-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fuentes/encode-sans/encode-sans-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fuentes/encode-sans/encode-sans-700.woff') format('woff'), /* Modern Browsers */
    url('../fuentes/encode-sans/encode-sans-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fuentes/encode-sans/encode-sans-700.svg#EncodeSans') format('svg');
    /* Legacy iOS */
}

body,
html {
    width: 100%;
    height: 100%;
    font-family: 'Roboto Slab', serif;
	display: flex;
    flex-direction: column;
}

body {
    position: relative;
    overflow-x: hidden !important;
    background: #FFFFFF;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none !important;
}

p {
    font-size: 1rem;
}

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

* {
    box-sizing: border-box;
}

.text-theme {
    color: #1C0C74;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.botones-market {
    display: flex;
    gap: 0 16px;
    justify-content: end;
}

.botones-market img {
    height: 40px;
}

.container {
    display: flex;
    flex-direction: row;
}

.container-mobile {
    display: none;
}

#main {
    width: 70%;
    height: auto;
    display: inline-block;
    padding: 24px;
}

#main .nav-links {
    display: flex;
    justify-content: end;
    margin-bottom: 24px;
}

#main .nav-links li a {
    font-family: 'Encode Sans', serif;
    font-size: 18px;
    padding: 8px 16px;
    color: #4A4A4A;
    text-transform: uppercase;
}

#main .nav-links li a:hover,
#main .nav-links li a:active {
    color: #1C0C74;
}

#main .nav-links li a.active {
    font-weight: bold;
}

#main #footer {
    display: flex;
    justify-content: end;
    margin-top: 32px;
}

#main #footer a {
    font-family: 'Encode Sans', serif;
    font-size: 14px;
    padding: 8px 16px;
    color: #4A4A4A;
}

#main #footer a:hover,
#main #footer a:active {
    color: #1C0C74;
}

#main .list-content li {
    display: flex;
    align-items: baseline;
    margin-top: 24px;
}
#main .list-content li img {

}

#main .list-content li>p,
#main .list-content li .content {
    width: 100%;
}

#main .list-content li .content {
    display: flex;
    flex-direction: column;
}

#main .list-content li h3 {
    font-size: 28px;
    font-weight: 100;
    width: 25%;
    color: #1C0C74;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 center;
    padding: 16px 16px;
    /* margin-left: -16px; */
    font-family: 'Encode Sans', serif;
    margin: 0 0 0 -16px;
}

#main .list-content li h3 span {
    display: block;
    padding-left: 24px;
    max-width: 160px;
}

#main .list-content li h3 :last-child:not(:first-child) {
    text-align: right;
}

#main .list-content li p {
    font-size: 20px;
    margin-top: 8px;
    padding-left: 24px;
    text-align: right;
}

#sidebar {
    width: 30%;
    height: 100%;
    display: inline-block;
    padding: 24px 24px;
    /* position: fixed;*/
    top: 0;
    right: 0;
}

#sidebar .logo img {
    height: 96px;
    width: auto;
}

#sidebar header {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

#sidebar header img {
    width: 160px;
    max-width: 100%;
    height: auto;
}

#sidebar header .btn-menu-toggle {
    width: 42px;
    height: 42px;
    padding: 8px;
    display: block;
    background-image: url('../images/menu-toggle.png');
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: center;
    margin-left: auto;
    border-radius: 4px;
    display: none;
}

#sidebar header .btn-menu-toggle:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

#sidebar header .btn-menu-toggle:active {
    background-color: rgba(0, 0, 0, 0.2);
}

#sidebar .list-nav {
    padding-left: 52px;
}

#sidebar .list-nav li {
    font-family: 'Encode Sans';
    position: relative;
}

#sidebar .list-nav li a::before {
    content: 'syn';
    font-size: 31px;
    color: #1C0C74;
    position: absolute;
    top: -3px;
    left: 0;
    font-weight: normal;
}

#sidebar .list-nav li a {
    color: #1C0C74;
    padding: 4px 0;
    font-size: 24px;
    font-weight: 700;
    display: block;
    padding-left: 48px;
}

.container-video {
    margin-top: 32px;
}

.container-video h4 {
    font-weight: bold;
    margin: 0 0 8px 0;
    font-size: 18px;
    color: #1C0C74;
}

.container-video .video {
    width: 100%;
    background-color: #000000;
    padding-bottom: 56.25%;
    position: relative;
}

.container-video .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#menu-movil .fondo {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    transition: all .5s;
    z-index: 9999;
}

#menu-movil.open .fondo {
    right: 0;
    opacity: 1;
}

#menu-movil .menu-movil-contenido {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    background-color: #FFFFFF;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    transition: all .5s;
    z-index: 99999;
}

#menu-movil.open .menu-movil-contenido {
    left: 0;
}

#menu-movil .menu-movil-cerrar {
    width: 42px;
    height: 42px;
    font-size: 32px;
    color: #888888;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px
}

#menu-movil .menu-movil-cerrar:hover {
    color: red;
}

#menu-movil .menu-movil-contenido ul {
    margin-top: 16px;
}

#menu-movil .menu-movil-contenido ul li a {
    width: 100%;
    font-family: 'Encode Sans', serif;
    font-size: 18px;
    display: block;
    padding: 16px;
    color: #4A4A4A;
}

#menu-movil .menu-movil-contenido ul li a:hover,
#menu-movil .menu-movil-contenido ul li a:active {
    color: #1C0C74;
}

#menu-movil .menu-movil-contenido ul li a.active {
    font-weight: bold;
}

#page-quienes-somos #sidebar {
    background-color: #bcff00;
}

#page-quienes-somos #main .list-content li:first-child h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-1.png');
}

#page-quienes-somos #main .list-content li:nth-child(2) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-2.png');
}

#page-quienes-somos #main .list-content li:nth-child(3) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-3.png');
}

#page-quienes-somos #main .list-content li:nth-child(4) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-4.png');
}

#page-quienes-somos #main .list-content li:nth-child(5) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-5.png');
}

#page-quienes-somos #main .list-content li:nth-child(6) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-6.png');
}

#page-quienes-somos #main .list-content li:nth-child(7) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-7.png');
}

#page-quienes-somos #main .list-content li:nth-child(8) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-8.png');
}

#page-quienes-somos #main .list-content li:nth-child(9) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-9.png');
}

#page-quienes-somos #main .list-content li:nth-child(10) h3 {
    background-image: url('../images/styles-title/quienes-somos/list-item-10.png');
}

#page-home #sidebar {
    background-color: #00E2E1;
}

#page-home #main .list-content li:first-child h3 {
    background-image: url('../images/styles-title/home/list-item-1.png');
}

#page-home #main .list-content li:nth-child(2) h3 {
    background-image: url('../images/styles-title/home/list-item-2.png');
}

#page-home #main .list-content li:nth-child(3) h3 {
    background-image: url('../images/styles-title/home/list-item-3.png');
}

#page-home #main .list-content li:nth-child(4) h3 {
    background-image: url('../images/styles-title/home/list-item-4.png');
}

#page-home #main .list-content li:nth-child(5) h3 {
    background-image: url('../images/styles-title/home/list-item-5.png');
}

#page-home #main .list-content li:nth-child(6) h3 {
    background-image: url('../images/styles-title/home/list-item-6.png');
}

#page-home #main .list-content li:nth-child(7) h3 {
    background-image: url('../images/styles-title/home/list-item-7.png');
}

#page-home #main .list-content li:nth-child(8) h3 {
    background-image: url('../images/styles-title/home/list-item-8.png');
}

#page-home #main .list-content li:nth-child(9) h3 {
    background-image: url('../images/styles-title/home/list-item-9.png');
}

#page-home #main .list-content li:nth-child(10) h3 {
    background-image: url('../images/styles-title/list-item-10.png');
}

#page-tarifas #sidebar {
    background-color: #c97171;
}

#page-tarifas #main .list-content li:first-child h3 {
    background-image: url('../images/styles-title/tarifas/list-item-1.png');
}

#page-tarifas #main .list-content li:nth-child(2) h3 {
    background-image: url('../images/styles-title/tarifas/list-item-2.png');
}

#page-tarifas .tablas-tarifas {
    display: flex;
    gap: 0 74px;
	margin-left: 333px
}

#page-tarifas .tablas-tarifas table {
    width: 50%;
}
.tablas-tarifas {
    display: flex;
    gap: 0 74px;
}

@media (max-width: 968px) {
    #main,
    #sidebar {
        width: 50%;
    }
    #main .list-content li>p,
    #main .list-content li .content {
        width: 70%;
    }
    #main .list-content li h3 {
        width: 30%;
    }

    #table-mobile {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
    }

    #table-mobile tbody tr {
      display: grid;
    }

    #table-mobile tbody tr td {
      text-align: left !important;
    }
}

@media (max-width: 768px) {
    .container {
        flex-direction: column-reverse;
    }
    .container-mobile {
        display: block;
    }
    .d-escritorio {
        display: none;
    }
    .botones-market {
        flex-direction: column;
        gap: 0 0;
        align-items: end;
    }
    #main,
    #sidebar {
        width: 100%;
    }
    #main .nav-links {
        display: none;
    }
    #sidebar {
        height: auto;
        position: relative;
    }
    #sidebar header {
        margin-bottom: 0;
    }
    #sidebar header .btn-menu-toggle {
        display: block;
    }
    #sidebar .container-video {
        display: none;
    }
    #page-tarifas .tablas-tarifas {
        flex-direction: column;
        gap: 0 0;
    }
    #page-tarifas .tablas-tarifas table {
        width: 100%;
    }

    #table-mobile {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
    }

    #table-mobile tbody tr {
      display: grid;
    }

    #table-mobile tbody tr td {
      text-align: left !important;
    }
}