@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,100);

/* 
** NETSTELAR - CSS Unificado y Optimizado
** Basado en main.css, main2.css y main3.css
*/

/* Variables CSS - Paleta NETSTELAR */
:root {  
    --primary-color: #C8A84E;  /* Dorado */
    --primary-dark: #9F7F2E;   /* Dorado oscuro */
    --background-dark: #171717; /* Azul oscuro del logo */
    --background-soft: #1A1A1A;  
    --text-light: #F5F5F5;  
    --text-muted: #B0B0B0;
    --accent-gold: #C9A84C;     /* Color de acento */
}

/* ========================================
   BOOTSTRAP OVERRIDES
   ======================================== */

/* Modal */
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

/* Breadcrumbs */
.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    color: inherit;
}

.breadcrumb > .active {
    color: inherit;
    opacity: 0.9;
}

.breadcrumb > li + li:before {
    color: inherit;
    padding: 0 12px;
    content: "/";
}

/* Pagination */
.pagination {
    margin: 0;
}

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

.pagination > li > a,
.pagination > li > span {
    text-align: center;
    padding: 10px 0;
    border: none;
    margin-left: 6px;
    margin-bottom: 10px;
    min-width: 40px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0px;
    padding: 10px 26px;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea,
select,
.form-control {
    border: none;
    height: 40px;
    border-color: #e1e1e1;
    background-color: #ffff;
    border-radius: 0;
    color: #1a1a1a;
    padding: 9px 20px;
    font-size: 16px;
}

textarea {
    height: auto;
}

.form-control option {
    color: #323232;
    background-color: #ffff;
}

.form-control, 
.form-control:focus {
    box-shadow: none;
}

.form-control.invalid {
    box-shadow: 0 0 0 2px var(--accent-gold);
}

.form-control:focus {
    border-color: #9a9a9a;
}

.form-control:-moz-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
    font-style: italic;
    color: #9a9a9a;
    opacity: 1;
}

.form-control:focus:-moz-placeholder,
.form-control:focus::-moz-placeholder,
.form-control:focus:-ms-input-placeholder,
.form-control:focus::-webkit-input-placeholder {
    font-style: italic;
    color: transparent;
    opacity: 1;
}

/* Form Icons */
form label + [class*="icon2-"] {
    position: absolute;
    font-size: 24px;
    color: #9a9a9a;
    left: 10px;
    top: 19px;
}

form label + [class*="icon2-"] + .form-control {
    padding-left: 50px;
}

label {
    font-weight: normal;
}

.form-control + [class*="icon2-"] {
    position: absolute;
    font-size: 24px;
    left: 20px;
    top: 50%;
    color: var(--primary-color);
}

/* Carousel */
.carousel {
    overflow: hidden;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-width: 0;
    background-color: #323232;
    margin: 0 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.carousel-indicators li:hover {
    opacity: 0.8;
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-color: var(--primary-color);
}

.carousel-control.left,
.carousel-control.right {
    border: 1px solid #ffff;
    color: #ffff;
    border-radius: 0px;
    width: 50px;
    height: 50px;
    left: -50px;
    top: 50%;
    margin-top: -25px;
    text-shadow: none;
    opacity: 1;
    background-image: none;
    filter: alpha(opacity=100);
    text-align: center;
}

.carousel-control.right {
    right: -50px;
}

.carousel:hover .carousel-control {
    left: 50px;
}

.carousel:hover .carousel-control.right {
    left: auto;
    right: 50px;
}

.carousel-control.left span,
.carousel-control.right span {
    font-family: 'rt-icons-2';
    width: 50px;
    height: 50px;
    margin: 0;
    font-size: 16px;
    left: 0;
    top: 0;
    line-height: 50px;
}

.carousel-control .icon-prev:before {
    content: "\e7c4";
}

.carousel-control .icon-next:before {
    content: "\e7c5";
}

/* Collapse Accordion */
.panel-heading .panel-title {
    font-size: inherit;
    letter-spacing: 0;
    padding: 0;
    position: relative;
}

.panel-heading .panel-title > a {
    line-height: 1;
    display: block;
    padding: 22px 65px 22px 40px;
    color: #9a9a9a;
    background-color: #f2f2f2;
    border: none;
    word-wrap: break-word;
}

.panel-heading .panel-title > a.collapsed:hover,
.panel-heading .panel-title > a:hover {
    background-color: rgba(242, 242, 242, 0.7);
}

.panel-heading .panel-title > a.collapsed {
    background-color: #f2f2f2;
}

.panel-heading .panel-title > a:after {
    color: #323232;
    content: '+';
    position: absolute;
    line-height: 58px;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    letter-spacing: 0;
}

.panel-heading .panel-title > a.collapsed:after {
    content: '-';
}

.panel-heading .panel-title > a > i {
    position: relative;
    top: 1px;
    padding-right: 12px;
}

.panel {
    box-shadow: none;
}

.panel-group .panel {
    border-radius: 0;
    background-color: transparent;
}

.panel-default > .panel-heading {
    background-color: transparent;
    color: inherit;
    position: relative;
    border: none;
    border-radius: 0;
    padding: 0;
}

.panel-default {
    border-color: transparent;
}

.panel-group .panel + .panel {
    margin-top: 10px;
}

.panel-body {
    border: 1px solid transparent;
    border-top: none !important;
}

.panel-body .media-left {
    padding-top: 8px;
    padding-right: 28px;
}

.panel-body .media-left .img-circle {
    max-width: 50px;
}

.panel-body .media-left img {
    max-width: none;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    padding: 23px 30px 30px;
    border-radius: 0px;
}

/* Progress Bars */
p + .progress {
    margin-top: -10px;
}

.progress {
    overflow: hidden;
    height: 40px;
    position: relative;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.progress-bar {
    background-color: var(--primary-color);
    color: inherit;
    box-shadow: none;
    height: 40px;
}

.progress-bar span {
    position: relative;
    color: #ffff;
    top: 10px;
    font-size: 0.9em;
}

.progress-bar-info {
    background-color: #6e6e6e;
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-bar-danger {
    background-color: #C9A84C;
}

.alert {
    border-radius: 0;
    border-width: 0 0 0 4px;
    padding: 30px;
}

.media {
    margin-top: 16px;
}

.media .media-object {
    max-width: 100px;
}

/* Nav */
.nav > li > a {
    color: #323232;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: inherit;
}

/* Tabs */
.tab-content {
    border-radius: 0 0 0 0;
    padding: 30px 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.tab-content.no-border {
    padding: 36px 0 0;
    border: none;
}

.tab-content.top-color-border {
    position: relative;
}

.tab-content.top-color-border:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: -1px;
    height: 6px;
    background-color: var(--primary-color);
}

.tab-content .featugold-tab-image {
    margin: -30px -31px 24px -31px;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.nav-tabs {
    border-bottom-color: transparent;
    margin-top: 0px;
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    font-size: 14px;
    padding: 19px 40px;
    margin-right: 1px;
    margin-top: 0px;
    border: 1px solid #323232;
    background-color: #323232;
    color: #ffff;
    border-radius: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: transparent;
    background-color: var(--primary-color);
    color: #ffff;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs.nav-justified > .active > a {
    border-color: #323232;
    background-color: #323232;
    color: var(--primary-color);
}

/* Vertical Tabs */
.vertical-tabs .tab-content.no-border {
    padding-top: 0;
}

.vertical-tabs .nav > li > a {
    background-color: #323232;
    color: #ffff;
    padding: 18px 60px 18px 40px;
    margin-bottom: 10px;
    position: relative;
}

.vertical-tabs .nav > li > a i {
    position: relative;
    top: 1px;
    padding-right: 12px;
}

.vertical-tabs .nav > li > a:after {
    color: rgba(255, 255, 255, 0.8);
    font-family: 'rt-icons-2';
    content: "\e7c5";
    position: absolute;
    font-size: 12px;
    line-height: 58px;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    letter-spacing: 0;
}

.vertical-tabs .nav > li.active a,
.vertical-tabs .nav > li > a:hover {
    background-color: var(--primary-color);
}

@media (min-width: 768px) {
    .vertical-tabs .nav > li.active {
        position: relative;
        z-index: 2;
    }
}

/* Bootstrap Buttons */
.btn {
    padding: 18px 30px;
    text-transform: uppercase;
    margin: 0 2px 6px 0;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.btn:hover, 
.btn:focus {
    outline: none;
}

li.media:before,
li.media:after {
    display: block;
    content: '';
    clear: both;
}

/* Dropdown Menu */
.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    border-color: rgba(0, 0, 0, 0.05);
    z-index: 1001;
    font-size: 16px;
    margin-top: 0;
}

[class*="right"] .dropdown-menu {
    right: 0;
    left: auto;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #323232;
    background-color: transparent;
}

/* Tables */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 13px 8px;
    border-color: #e1e1e1;
}

.table {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.table td + td {
    border-left: 1px solid #e1e1e1;
}

.table-bordegold > thead > tr > td, 
.table-bordegold > thead > tr > th {
    border-bottom-width: 1px;
}

.table-responsive {
    border: none;
}

.well {
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.embed-responsive-3by2 {
    padding-bottom: 66.666%;
}

.embed-placeholder:before {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    content: "\e696";
    font-family: 'rt-icons-2';
    position: absolute;
    color: #ffff;
    font-size: 30px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -5px;
}

.embed-placeholder:hover:before {
    opacity: 0.4;
}

/* ========================================
   VERTICAL MARGINS AND PADDINGS
   ======================================== */

/* Same top and bottom paddings for sections */
.section_padding_0 > [class*="container"] {
    padding-top: 0;
    padding-bottom: 0;
}

.section_padding_15 > [class*="container"] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.section_padding_25 > [class*="container"] {
    padding-top: 25px;
    padding-bottom: 25px;
}

.section_padding_50 > [class*="container"] {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section_padding_75 > [class*="container"] {
    padding-top: 75px;
    padding-bottom: 75px;
}

.section_padding_100 > [class*="container"] {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* Top paddings for sections */
.section_padding_top_0 > [class*="container"] { padding-top: 0; }
.section_padding_top_5 > [class*="container"] { padding-top: 5px; }
.section_padding_top_15 > [class*="container"] { padding-top: 15px; }
.section_padding_top_25 > [class*="container"] { padding-top: 25px; }
.section_padding_top_30 > [class*="container"] { padding-top: 30px; }
.section_padding_top_40 > [class*="container"] { padding-top: 40px; }
.section_padding_top_50 > [class*="container"] { padding-top: 50px; }
.section_padding_top_65 > [class*="container"] { padding-top: 65px; }
.section_padding_top_75 > [class*="container"] { padding-top: 75px; }
.section_padding_top_100 > [class*="container"] { padding-top: 100px; }

/* Bottom paddings for sections */
.section_padding_bottom_0 > [class*="container"] { padding-bottom: 0; }
.section_padding_bottom_5 > [class*="container"] { padding-bottom: 5px; }
.section_padding_bottom_15 > [class*="container"] { padding-bottom: 15px; }
.section_padding_bottom_25 > [class*="container"] { padding-bottom: 25px; }
.section_padding_bottom_30 > [class*="container"] { padding-bottom: 30px; }
.section_padding_bottom_40 > [class*="container"] { padding-bottom: 40px; }
.section_padding_bottom_50 > [class*="container"] { padding-bottom: 50px; }
.section_padding_bottom_65 > [class*="container"] { padding-bottom: 65px; }
.section_padding_bottom_75 > [class*="container"] { padding-bottom: 75px; }
.section_padding_bottom_100 > [class*="container"] { padding-bottom: 100px; }

/* Margins inside sections */
[class*="col-"] {
    margin-top: 15px;
    margin-bottom: 15px;
}

[class*="_0"] [class*="col-"],
header [class*="col-"] {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
}

.columns_padding_1 [class*="col-"] {
    margin-top: 0;
    margin-bottom: 1px;
}

.columns_padding_2 [class*="col-"] {
    margin-top: 1px;
    margin-bottom: 1px;
}

.columns_padding_5 [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.columns_padding_0 [class*="col-"] {
    padding: 0;
}

.columns_padding_1 [class*="col-"] {
    padding-left: 0;
    padding-right: 1px;
}

.columns_padding_2 [class*="col-"] {
    padding-left: 1px;
    padding-right: 1px;
}

.columns_padding_5 [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.columns_padding_0 > .container,
.columns_padding_1 > .container,
.columns_padding_2 > .container {
    padding-left: 30px;
    padding-right: 30px;
}

.columns_padding_5 > .container {
    padding-left: 25px;
    padding-right: 25px;
}

.columns_padding_0.table_section > .container {
    padding: 0;
}

.row.columns_padding_0 {
    margin: 0;
}

.row.columns_padding_1 {
    margin-left: 0;
    margin-right: -1px;
}

.row.columns_padding_2 {
    margin-left: -1px;
    margin-right: -1px;
}

.row.columns_padding_5 {
    margin-left: -5px;
    margin-right: -5px;
}

@media (min-width: 500px) {
    .columns_padding_25 > [class*="container"] > .row,
    .row.columns_padding_25 {
        margin-right: -25px;
        margin-left: -25px;
    }

    .columns_padding_25 > [class*="container"] > .row > [class*="col-"],
    .row.columns_padding_25 > [class*="col-"] {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

/* Top and bottom margins for columns inside sections and rows */
.columns_top_margin_0 [class*="col-"],
.row.columns_top_margin_0 [class*="col-"] { margin-top: 0; }
.columns_top_margin_5 [class*="col-"],
.row.columns_top_margin_5 [class*="col-"] { margin-top: 5px; }
.columns_top_margin_10 [class*="col-"],
.row.columns_top_margin_10 [class*="col-"] { margin-top: 10px; }
.columns_top_margin_15 [class*="col-"],
.row.columns_top_margin_15 [class*="col-"] { margin-top: 15px; }
.columns_top_margin_20 [class*="col-"],
.row.columns_top_margin_20 [class*="col-"] { margin-top: 20px; }
.columns_top_margin_30 [class*="col-"],
.row.columns_top_margin_30 [class*="col-"] { margin-top: 30px; }

.columns_bottom_margin_0 [class*="col-"],
.row.columns_bottom_margin_0 [class*="col-"] { margin-bottom: 0; }
.columns_bottom_margin_5 [class*="col-"],
.row.columns_bottom_margin_5 [class*="col-"] { margin-bottom: 5px; }
.columns_bottom_margin_10 [class*="col-"],
.row.columns_bottom_margin_10 [class*="col-"] { margin-bottom: 10px; }
.columns_bottom_margin_15 [class*="col-"],
.row.columns_bottom_margin_15 [class*="col-"] { margin-bottom: 15px; }
.columns_bottom_margin_20 [class*="col-"],
.row.columns_bottom_margin_20 [class*="col-"] { margin-bottom: 20px; }
.columns_bottom_margin_30 [class*="col-"],
.row.columns_bottom_margin_30 [class*="col-"] { margin-bottom: 30px; }

/* Vertical alignment in columns */
.table_section [class*="container"] {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
}

.table_section .row {
    display: table;
    min-width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

.table_section [class*="col-"] {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

@media screen and (max-width: 767px) {
    .table_section .row,
    .table_section [class*="col-"] {
        display: block;
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    .table_section.table_section_md .row,
    .table_section.table_section_md [class*="col-"] {
        display: block;
        width: auto;
    }
}

@media screen and (max-width: 1199px) {
    .table_section.table_section_lg .row,
    .table_section.table_section_lg [class*="col-"] {
        display: block;
        width: auto;
    }
}

@media screen and (min-width: 1200px) {
    .top-overlap {
        margin-top: -170px;
    }

    .top-overlap-small {
        margin-top: -100px;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 500px;
    }
}

/* ========================================
   GENERAL STYLES
   ======================================== */

html {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}

::-moz-selection,
::selection {
    color: #ffff;
    background-color: var(--primary-color);
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    background-color: #ffff;
    overflow: visible;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    line-height: 1;
    word-break: break-word;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

p {
    margin-bottom: 20px;
}

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

blockquote {
    position: relative;
    margin: 30px 0;
    padding: 10px 20px 20px 42px;
    border-left: 5px solid var(--primary-color);
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
}

blockquote .media {
    font-size: 14px;
    font-style: normal;
    margin: 0 0 6px;
    padding-top: 10px;
}

blockquote .media img {
    min-width: 40px;
    max-width: 40px;
    border-radius: 50%;
}

blockquote .item-meta {
    margin-top: 10px;
    font-style: normal;
    opacity: 0.7;
}

.blockquote-big {
    max-width: 82%;
    margin: 40px auto 42px;
    color: inherit;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 0 70px;
    border: none;
}

.flexslider .blockquote-big {
    margin-top: 0;
    padding-bottom: 60px;
}

.blockquote-big h3 {
    font-size: 16px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: inherit;
    margin-top: 30px;
}

.blockquote-big img {
    display: block;
    max-width: 100px;
    border-radius: 50%;
    margin: 25px auto 10px;
}

.blockquote-big .blockqoute-meta {
    font-style: normal;
    font-size: 28px;
}

.blockquote-big .blockqoute-meta:after {
    display: block;
    font-family: 'rt-icons-2';
    font-size: 40px;
    content: "\e601";
    color: var(--primary-color);
    margin-bottom: 10px;
}

.blockquote-big:before, 
.blockquote-big:after {
    font-style: normal;
    content: "\e977";
    font-family: 'rt-icons-2';
    position: absolute;
    font-size: 420px;
    color: #f9f9f9;
    top: -145px;
    left: -374px;
}

.blockquote-big:after {
    content: "\e978";
    left: auto;
    right: -374px;
}

@media (max-width: 600px) {
    .blockquote-big {
        font-size: 18px;
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
}

img, figure {
    max-width: 100%;
    height: auto;
}

figcaption, .entry-caption {
    padding: 3px 10px;
}

figcaption p, .entry-caption p {
    margin-bottom: 0;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a:hover {
    color: var(--primary-color);
    text-decoration: none;
    -webkit-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
}

a:focus {
    outline: medium none;
    text-decoration: none;
}

a img {
    -webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s;
}

hr {
    border: none;
    height: 1px;
    background-color: #ddd;
}

iframe {
    border: none;
    max-width: 100%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* ========================================
   STYLED LISTS
   ======================================== */

ul, ol {
    padding-left: 30px;
}

ul.list1 {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

ul.list1 li {
    position: relative;
    padding: 9px 0 10px 30px;
}

ul.list1 li > .media {
    margin: 3px 0 3px;
}

ul.list1.no-bullets li {
    padding-left: 0;
}

ul.list1.no-bullets li:before {
    display: none;
}

ul.list1 li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

ul.list1 li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.muted_background ul.list1 li {
    border-color: rgba(255, 255, 255, 0.4);
}

ul.list1 li:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid var(--primary-color);
    left: 10px;
    top: 17px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

ul.list2 {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 20px;
}

ul.list2 li {
    position: relative;
    padding: 8px 0 8px 0px;
}

ul.list2 li:before {
    font-family: 'rt-icons-2';
    font-size: 8px;
    color: var(--primary-color);
    content: "\e7c5";
    position: absolute;
    left: -18px;
    top: 7px;
}

ol.list3 {
    counter-reset: li;
    list-style: none outside none;
    padding: 0;
}

ol.list3 li {
    position: relative;
    padding: 8px 0 8px 38px;
}

ol.list3 li:after {
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -16px;
    font-weight: 700;
    color: inherit;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #ffff;
    background-color: var(--primary-color);
    border-radius: 100%;
}

table {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
}

table td, table th {
    padding: 3px 0;
}

.table_template thead {
    background-color: var(--primary-color);
    color: #323232;
}

.table_template thead.light {
    background-color: #ffff;
}

.table_template td, .table_template th {
    padding: 18px 30px;
}

.table_template tbody tr:nth-of-type(odd) {
    background-color: rgba(238, 238, 238, 0.1);
}

.table_template tbody tr:nth-of-type(even) {
    background-color: rgba(17, 17, 17, 0.05);
}

/* Icons in headings, paragraphs and buttons */
h1 > [class*="rt-icon"],
h2 > [class*="rt-icon"],
h3 > [class*="rt-icon"],
h4 > [class*="rt-icon"],
h5 > [class*="rt-icon"],
h6 > [class*="rt-icon"] {
    font-size: 1.2em;
    position: relative;
    top: .1em;
    line-height: 0;
    padding-right: 0.1em;
}

p > [class*="rt-icon"] {
    font-size: 1.1em;
    position: relative;
    top: .05em;
    line-height: 0;
    padding: 0 0.2em;
}

p > [class*="rt-icon"] + [class*="rt-icon"] {
    margin-left: -0.75em;
}

.theme_buttons a > [class*="rt-icon"],
.theme_button > [class*="rt-icon"] {
    font-size: 1.8em;
    line-height: 0;
    position: relative;
    top: 5px;
    padding: 0 3px;
}

.theme_buttons a > [class*="glyphicon"],
.theme_buttons a > [class*="fa-"],
.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
    font-size: 1.5em;
    position: relative;
    top: 3px;
    line-height: 0;
}

/* ========================================
   BUTTONS
   ======================================== */

.theme_buttons a,
.theme_button {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 23px 20px;
    margin-bottom: 4px;
    line-height: 1;
    display: inline-block;
    min-width: 8.5em;
    text-align: center;
    color: #ffff;
    border: 3px solid #323232;
    background-color: #323232;
    border-radius: 0px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.theme_buttons.color1 a,
.theme_button.color1 {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.theme_buttons.color2 a,
.theme_button.color2 {
    background-color: var(--accent-gold);
    border-color: var(--accent-gold);
}

.theme_buttons a:active,
.theme_buttons a:hover,
.theme_buttons a:focus,
.theme_button:active,
.theme_button:hover,
.theme_button:focus {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.05s linear 0s;
    transition: all 0.05s linear 0s;
}

.theme_buttons a:active,
.theme_button:active {
    top: 1px;
}

.theme_buttons.inverse a,
.theme_button.inverse {
    color: #323232;
    background-color: transparent;
    border: 3px solid #323232;
}

.muted_buttons a,
.muted_button {
    opacity: 0.2;
}

.small_buttons a,
.small_button {
    padding: 1px 7px 0px;
    text-transform: uppercase;
    font-weight: 100;
    min-width: auto;
}

.square_buttons a,
.square_button {
    padding-left: 10px;
    padding-right: 10px;
    min-width: auto;
}

.wide_buttons a,
.wide_button {
    padding-left: 50px;
    padding-right: 50px;
}

.block_buttons a,
.block_button {
    display: block;
    width: 100%;
    text-align: center;
}

/* ========================================
   HEADER STYLES - NETSTELAR
   ======================================== */

.page_header {
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    z-index: 1000;
    background-color: var(--background-dark);
}

.page_header.mobile-active {
    z-index: 1002;
}

.page_header.affix {
    position: fixed;
}

.page_header.affix-bottom {
    top: 0 !important;
    position: fixed;
}

/* Header con fondo oscuro NETSTELAR */
.header_darkgrey,
.page_header {
    background-color: var(--background-dark);
}

.header_darkgrey a[class*='soc-'],
.page_header a[class*='soc-'] {
    color: var(--primary-color);
}

.header_white {
    color: #9a9a9a;
    background-color: #ffff;
}

.header_white.affix {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}

.header_white a.logo {
    color: #323232;
}

/* Logo */
a.logo {
    display: inline-block;
    word-break: break-word;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

a.logo img {
    background-color: transparent;
}

a.logo img + .logo_text {
    padding: 0 15px;
}

.home a.logo img,
footer a.logo img {
    max-width: 100%;
}

@media (max-width: 991px) {
    a.logo.logo_image {
        max-width: 120px;
    }
}

.header_gradient a.logo,
.header_darkgrey a.logo {
    color: #ffff;
}

a.logo.bottom_logo {
    padding: 0;
    font-size: 28px;
}

a.logo.bottom_logo img {
    max-width: 65px;
}

/* ========================================
   MAIN MENU (min 992px) STYLES
   ======================================== */

@media (min-width: 992px) {
    /* Menu layout */
    .sf-menu, .sf-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sf-menu li {
        position: relative;
    }

    .sf-menu li > ul {
        position: absolute;
        display: none;
        top: 100%;
        z-index: 99;
    }

    .sf-menu li:hover > ul,
    .sf-menu li.sfHover > ul {
        display: block;
    }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu li > ul > li > ul {
        top: -20px;
        left: 100%;
    }

    /* Menu skin */
    .sf-menu a {
        padding: .4em 1.1em;
        text-decoration: none;
        zoom: 1;
        -webkit-transition-property: color, background-color, border-color;
        transition-property: color, background-color, border-color;
    }

    .sf-menu > li {
        display: inline-block;
        position: relative;
        margin: 0 -2px;
    }

    .sf-menu > li > a {
        padding-top: 27px;
        padding-bottom: 28px;
        color: var(--primary-color);
    }

    .sf-menu > li > a:hover,
    .sf-menu > li.active > a {
        color: #ffff;
    }

    .bordegold_items .sf-menu {
        text-align: center;
    }

    .bordegold_items .sf-menu > li {
        padding: 0;
    }

    .bordegold_items .sf-menu > li + li:before {
        content: '';
        width: 1px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .header_white .sf-menu > li > a {
        color: #323232;
    }

    .header_white .sf-menu > li > a:hover,
    .header_white .sf-menu > li.active > a {
        color: var(--primary-color);
    }

    .header_white .sf-menu > li + li:before {
        background-color: #e1e1e1;
    }

    .header_darkgrey .sf-menu > li > a {
        color: var(--primary-color);
    }

    .header_darkgrey .sf-menu > li > a:hover,
    .header_darkgrey .sf-menu > li.active > a {
        color: #ffff;
    }

    .header_gradient .sf-menu > li > a {
        color: #ffff;
    }

    .header_gradient .sf-menu > li > a:hover,
    .header_gradient .sf-menu > li.active > a {
        color: #323232;
    }

    .sf-menu li:hover,
    .sf-menu li.sfHover {
        -webkit-transition: none;
        transition: none;
    }

    /* Second and next levels */
    .sf-menu > li .mega-menu,
    .sf-menu li > ul {
        margin-top: 1px;
        text-align: left;
        list-style: none;
        padding: 20px 0;
        background-color: #ffff;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
        min-width: 12em;

    }

    .sf-menu ul a {
        color: #323232;
        padding-left: 30px;
        padding-right: 30px;
    }

    .sf-menu .mega-menu ul {
        box-shadow: none;
        padding: 0;
    }

    .sf-menu .mega-menu ul a {
        padding-left: 0;
        padding-right: 0;
    }

    .sf-menu ul a:hover,
    .sf-menu ul li.active > a {
        color: var(--primary-color);
    }

    /* Third level */
    .sf-menu ul ul {
        margin-top: 0;
        margin-left: 1px;
    }

    /* Arrows */
    .sf-arrows .sf-with-ul:after {
        font-family: 'FontAwesome';
        content: "\f107";
        padding-left: 7px;
    }

    .sf-arrows ul .sf-with-ul:after {
        content: '\f105';
    }
}

/* Common paddings */
@media (min-width: 992px) {
    .sf-menu > li > a {
        padding-left: 2px;
        padding-right: 0px;
    }

    .bordegold_items .sf-menu > li > a {
        padding-right: 40px;
        padding-left: 44px;
    }
}

/* -md- paddings */
@media (min-width: 992px) and (max-width: 1199px) {
    .sf-menu > li > a {
        padding-left: 9px;
        padding-right: 8px;
    }

    .bordegold_items .sf-menu > li > a {
        padding-right: 20px;
        padding-left: 24px;
    }
}

/* -lg- paddings */
@media (min-width: 1200px) {
    .sf-menu > li > a {
        padding-left: 18px;
        padding-right: 18px;
    }

    .boxed .col-md-6 .sf-menu > li > a {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media (min-width: 1400px) {
    .sf-menu > li > a {
        padding-left: 19px;
        padding-right: 13px;
    }
}

/* ========================================
   MOBILE MENU
   ======================================== */

.toggle_menu {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    display: none;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 1001;
    visibility: visible;
}

.header_white .toggle_menu span,
.header_white .toggle_menu span:before,
.header_white .toggle_menu span:after {
    background-color: #323232;
}

.page_toplogo .toggle_menu {
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    background-color: #323232;
    margin: 0;
}

.toggle_menu:hover span:before {
    top: -7px;
}

.toggle_menu:hover span:after {
    top: 7px;
}

.toggle_menu span,
.toggle_menu span:before,
.toggle_menu span:after {
    display: block;
    width: 24px;
    height: 2px;
    position: absolute;
    background-color: var(--primary-color);
    content: '';
    left: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.toggle_menu span {
    left: 18px;
    top: 50%;
    margin-top: -1px;
}

.toggle_menu span:before {
    top: -6px;
}

.toggle_menu span:after {
    top: 6px;
}

@media (max-width: 991px) {
    .mainmenu_wrapper {
        position: fixed;
        visibility: hidden;
        z-index: 10;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: transparent;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .mobile-active .mainmenu_wrapper {
        visibility: visible;
        opacity: 1;
        background-color: #111;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .toggle_menu {
        display: block;
    }

    .toggle_menu.mobile-active {
        background-color: #323232;
        border: none;
        left: auto;
        top: 0;
        right: 0;
        position: fixed;
        margin: 0;
        z-index: 3000;
    }

    .toggle_menu.mobile-active:after {
        position: absolute;
        top: 14px;
        left: 10px;
        font-family: 'rt-icons-2';
        content: "\e117";
        font-size: 40px;
        color: #ffff;
    }

    .toggle_menu.mobile-active span {
        display: none;
    }

    .nav-justified > li > a {
        text-align: left;
    }

    .sf-menu {
        position: fixed;
        overflow: auto;
        background-color: #323232;
        padding: 10px 20px 10px 10px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 100%;
        font-size: 1.1em;
        text-transform: uppercase;
        font-weight: 400;
        word-wrap: break-word;
        text-align: left;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        opacity: 0;
    }

    .mobile-active .sf-menu {
        opacity: 1;
        right: 20px;
    }

    .sf-menu > li > a,
    .sf-menu a {
        color: #ffff;
    }

    .sf-menu ul {
        list-style: none;
        padding-left: 10px;
    }

    .sf-menu ul li a {
        display: block;
        padding: 10px;
        font-weight: 300;
        font-size: 16px;
        text-transform: none;
    }

    .sf-menu ul li a:before {
        content: '-';
        padding-right: 5px;
    }

    .sf-menu ul ul li a:before {
        content: '--';
        padding-right: 5px;
    }

    .sf-arrows .sf-with-ul {
        padding-right: 2.5em;
    }

    .sf-arrows .sf-with-ul:after {
        font-family: 'FontAwesome';
        content: '\f107';
        position: absolute;
        right: 1.44em;
        height: 0;
        width: 0;
        font-size: 20px;
    }

    .sf-arrows .sfHover > a,
    .sf-arrows .sfHover > a:hover {
        color: #ffff;
        background-color: #323232;
    }
}

@media (min-width: 992px) {
    .sf-menu .md-hidden {
        display: none;
    }
}

@media (max-width: 991px) {
    #more-li {
        display: none;
    }
}

.sf-menu i[class] {
    padding-right: 7px;
    font-size: 1.1em;
}

/* ========================================
   LIGHT SECTION - .ls
   ======================================== */

.ls {
    background-color: #ffff;
    color: #9a9a9a;
}

.ls h1, .ls h2, .ls h3, .ls h4, .ls h5, .ls h6 {
    color: #323232;
}

.ls h1 a, .ls h2 a, .ls h3 a, .ls h4 a, .ls h5 a, .ls h6 a {
    color: inherit;
}

.ls h1 a:hover, .ls h2 a:hover, .ls h3 a:hover, .ls h4 a:hover, .ls h5 a:hover, .ls h6 a:hover {
    color: #9a9a9a;
}

.ls a {
    color: var(--primary-color);
}

.ls a:hover {
    color: #323232;
}

.ls .theme_buttons a,
.ls .theme_button {
    color: #ffff;
}

.ls .theme_buttons a:hover, 
.ls .theme_buttons a:focus,
.ls .theme_button:hover,
.ls .theme_button:focus {
    color: rgba(255, 255, 255, 0.7);
}

.ls .theme_buttons a i,
.ls .theme_button i {
    color: #ffff;
}

.ls .theme_button.inverse a,
.ls .theme_button.inverse {
    color: #323232;
}

.ls .theme_button.inverse a:hover, 
.ls .theme_button.inverse a:focus,
.ls .theme_button.inverse:hover,
.ls .theme_button.inverse:focus {
    color: rgba(50, 50, 50, 0.7);
}

.ls .theme_button.inverse a i,
.ls .theme_button.inverse i {
    color: #323232;
}

.ls .color-icon.bg-icon {
    background-color: #f8f8f8;
}

.ls .highlight {
    color: var(--primary-color);
}

.ls .highlight2 {
    color: var(--accent-gold);
}

.ls .greylinks a {
    color: #9a9a9a;
}

.ls .greylinks a:hover {
    color: var(--primary-color);
}

.ls .darklinks a {
    color: #323232;
}

.ls .darklinks a:hover {
    color: var(--accent-gold);
}

.ls .pagination > li > a,
.ls .pagination > li > span {
    background-color: #f5f5f5;
    color: #323232;
}

.ls .pagination > li.active > a,
.ls .pagination > li.active > span,
.ls .pagination > li > a:hover,
.ls .pagination > li > span:hover,
.ls .pagination > li > a:focus,
.ls .pagination > li > span:focus {
    background-color: var(--primary-color);
    color: #ffff;
}

/* Grey section - light section, muted section - .ls.ms */
.ls.ms {
    background-color: #f2f2f2;
}

.ls.ms .greylinks a:hover {
    color: #323232;
}

.ls.ms .with_background {
    background-color: #ffff;
}

.ls.ms hr {
    background-color: #ffff;
}

.ls.ms input[type="text"],
.ls.ms input[type="email"],
.ls.ms input[type="url"],
.ls.ms input[type="password"],
.ls.ms input[type="search"],
.ls.ms input[type="tel"],
.ls.ms textarea,
.ls.ms select,
.ls.ms .form-control {
    border-color: transparent;
    background-color: #ffff;
}

.ls.ms .panel-title > a {
    background-color: #ffff;
}

.ls.ms .panel-title > a.collapsed:hover,
.ls.ms .panel-title > a:hover {
    background-color: rgba(50, 50, 50, 0.05);
}

.ls.ms .pagination a,
.ls.ms .pagination span {
    background-color: #ffff;
}

.ls.ms .breadcrumb {
    color: #9a9a9a;
}

.ls.ms .breadcrumb a {
    color: #818181;
}

.ls.ms .breadcrumb a:hover {
    color: var(--primary-color);
}

/* ========================================
   DARK SECTION - .ds
   ======================================== */

.ds {
    background-color: #323232;
    color: #9a9a9a;
}

.ds.ms {
    background-color: #1a1a1a;
}

.ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6 {
    color: #ffff;
}

.ds h1 a, .ds h2 a, .ds h3 a, .ds h4 a, .ds h5 a, .ds h6 a {
    color: #ffff;
}

.ds h1 a:hover, .ds h2 a:hover, .ds h3 a:hover, .ds h4 a:hover, .ds h5 a:hover, .ds h6 a:hover {
    color: var(--primary-color);
}

.ds a {
    color: #ffff;
}

.ds a:hover {
    color: var(--primary-color);
}

.ds hr {
    border-color: rgba(255, 255, 255, 0.1);
}

.ds blockquote, .ds .blockquote {
    color: #ffff;
}

.ds .blockquote-big:before, .ds .blockquote-big:after {
    color: #2c2c2c;
}

.ds .theme_buttons a,
.ds .theme_button {
    color: #ffff;
}

.ds .theme_buttons a:after,
.ds .theme_button:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.02);
}

.ds .theme_buttons a:hover, 
.ds .theme_buttons a:focus,
.ds .theme_button:hover,
.ds .theme_button:focus {
    color: rgba(255, 255, 255, 0.5);
}

.ds .theme_buttons a i,
.ds .theme_button i {
    color: #ffff;
}

.ds .theme_buttons.inverse a,
.ds .theme_button.inverse {
    border-color: #ffff;
    background-color: transparent;
    color: #ffff;
}

.ds .theme_buttons.inverse a:after,
.ds .theme_button.inverse:after {
    display: none;
}

.ds .theme_buttons.inverse a:hover, 
.ds .theme_buttons.inverse a:focus,
.ds .theme_button.inverse:hover,
.ds .theme_button.inverse:focus {
    color: rgba(255, 255, 255, 0.5);
}

.ds .theme_buttons.inverse a.color1,
.ds .theme_button.inverse.color1 {
    border-color: var(--primary-color);
}

.ds .theme_buttons.inverse a.color1:hover,
.ds .theme_button.inverse.color1:hover {
    color: var(--primary-color);
}

.ds .social-icon.color-icon:hover {
    color: #ffff;
}

.ds .muted_background,
.ds .with_background,
.ds .well {
    background-color: rgba(255, 255, 255, 0.06);
}

.ds.muted_section:before {
    background-color: rgba(255, 255, 255, 0.06);
}

.ds .with_border {
    border-color: rgba(255, 255, 255, 0.1);
}

.ds .highlight {
    color: var(--primary-color);
}

.ds .highlight2 {
    color: var(--accent-gold);
}

.ds .grey, .ds .black {
    color: #ffff;
    border-color: #ffff;
}

.ds .highlightlinks a {
    color: var(--primary-color);
}

.ds .highlightlinks a:hover {
    opacity: 0.5;
}

.ds .greylinks a {
    color: #9a9a9a;
}

.ds .greylinks a:hover {
    color: var(--primary-color);
}

.ds .darklinks a {
    color: #ffff;
}

.ds .darklinks a:hover {
    color: var(--primary-color);
}

.ds.with_top_border:before, 
.ds.with_bottom_border:after {
    background-color: rgba(255, 255, 255, 0.1);
}

.ds .section_header + p {
    color: inherit;
}

.ds input[type="text"],
.ds input[type="email"],
.ds input[type="url"],
.ds input[type="password"],
.ds input[type="search"],
.ds input[type="tel"],
.ds textarea,
.ds select,
.ds .form-control {
    background-color: #ffff;
    border-color: #ffff;
}

.ds form label + [class*="icon-"] {
    color: #ffff;
}

.ds .form-group-select:before {
    border-color: rgba(255, 255, 255, 0.1);
}

.ds .form-control:-moz-placeholder,
.ds .form-control::-moz-placeholder,
.ds .form-control:-ms-input-placeholder,
.ds .form-control::-webkit-input-placeholder {
    color: #9a9a9a;
    opacity: 1;
}

.ds .contact-form.transparent-background .form-control {
    border-color: rgba(255, 255, 255, 0.1);
}

.ds .border-paragraphs p {
    color: #ffff;
    border-color: rgba(255, 255, 255, 0.1);
}

.ds .table,
.ds .table-bordegold,
.ds .table th,
.ds .table td {
    border-color: rgba(255, 255, 255, 0.1);
}

.ds .table-striped > tbody > tr:nth-child(odd),
.ds .table-striped > tbody > tr:nth-child(odd) > td,
.ds .table-striped > tbody > tr:nth-child(odd) > th {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.06);
}

.ds .color-icon.bg-icon {
    background-color: #ffff;
}

.ds .color-icon.bg-icon:hover {
    color: #ffff;
}

.ds .color-bg-icon:hover {
    background-color: var(--primary-color);
}

.ds .tab-content, 
.ds .nav-tabs > li > a {
    background-color: rgba(255, 255, 255, 0.06);
}

.ds .nav-tabs > li.active > a, 
.ds .nav-tabs > li.active > a:hover, 
.ds .nav-tabs > li.active > a:focus {
    border-color: var(--primary-color);
    border-bottom-color: transparent;
    background-color: var(--primary-color);
    color: #ffff;
}

.ds .pagination > li > a,
.ds .pagination > li > span {
    color: #ffff;
    background-color: rgba(255, 255, 255, 0.06);
}

.ds .pagination > li.active > a,
.ds .pagination > li.active > span,
.ds .pagination > li > a:hover,
.ds .pagination > li > span:hover,
.ds .pagination > li > a:focus,
.ds .pagination > li > span:focus {
    background-color: var(--primary-color);
}

/* ========================================
   COLOR SECTION - .cs
   ======================================== */

.cs {
    background-color: var(--primary-color);
    color: #ffff;
}

.cs.main_color2 {
    background-color: var(--accent-gold);
}

.cs.main_color2 .highlight {
    color: var(--primary-color);
}

.cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6 {
    color: #ffff;
}

.cs h1 a, .cs h2 a, .cs h3 a, .cs h4 a, .cs h5 a, .cs h6 a {
    color: #ffff;
}

.cs h1 a:hover, .cs h2 a:hover, .cs h3 a:hover, .cs h4 a:hover, .cs h5 a:hover, .cs h6 a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.cs a {
    color: #ffff;
}

.cs a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.cs blockquote, .cs .blockquote {
    border-color: rgba(255, 255, 255, 0.3);
}

.cs .theme_buttons a.color1,
.cs .theme_button.color1 {
    background-color: #ffff;
    border-color: #ffff;
    color: #323232;
}

.cs .theme_buttons a.color1:hover,
.cs .theme_button.color1:hover {
    color: rgba(50, 50, 50, 0.7);
}

.cs .theme_buttons a.color1 i,
.cs .theme_button.color1 i {
    color: #323232;
}

.cs .theme_buttons a:hover, 
.cs .theme_buttons a:focus,
.cs .theme_button:hover,
.cs .theme_button:focus {
    color: rgba(255, 255, 255, 0.5);
}

.cs .theme_buttons a i,
.cs .theme_button i {
    color: #ffff;
}

.cs .theme_buttons.inverse a,
.cs .theme_button.inverse {
    background-color: transparent;
    border-color: #ffff;
    color: #ffff;
}

.cs .theme_buttons.inverse a:hover, 
.cs .theme_buttons.inverse a:focus,
.cs .theme_button.inverse:hover,
.cs .theme_button.inverse:focus {
    color: rgba(255, 255, 255, 0.5);
}

section .cs .theme_buttons a,
section .cs .theme_button {
    color: #323232;
    background-color: #ffff;
    border-color: #ffff;
}

section .cs .theme_buttons a:hover,
section .cs .theme_button:hover {
    background-color: #323232;
    border-color: #323232;
    color: #ffff;
}

.cs .with_background {
    background-color: rgba(255, 255, 255, 0.1);
}

.cs .with_border {
    border-color: rgba(255, 255, 255, 0.1);
}

.cs .greylinks a {
    color: #ffff;
    opacity: 0.7;
}

.cs .greylinks a:hover {
    opacity: 1;
    color: #ffff;
}

.cs .black {
    border-color: #ffff;
    color: #ffff;
}

.cs .grey {
    border-color: #323232;
    color: #323232;
}

.cs .response,
.cs .highlight {
    color: #ffff;
}

.cs ul.list1 li {
    border-color: rgba(255, 255, 255, 0.1);
}

.cs [class*='soc-'] {
    color: #ffff;
    border-color: #ffff;
}

.cs .color-icon.bg-icon {
    background-color: #ffff;
}

.cs a.social-icon.color-bg-icon:hover {
    background-color: #323232;
}

.cs .pagination > li > a,
.cs .pagination > li > span {
    color: #ffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.cs .pagination > li.active > a,
.cs .pagination > li.active > span,
.cs .pagination > li > a:hover,
.cs .pagination > li > span:hover,
.cs .pagination > li > a:focus,
.cs .pagination > li > span:focus {
    background-color: #ffff;
    color: #323232;
}

/* ========================================
   PRELOADER
   ======================================== */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffff;
    z-index: 13000;
    height: 100%;
}

.lt-ie9 .preloader {
    display: none;
}

.preloader_image {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
    margin: -50px 0 0 -50px;
}

/* ========================================
   ANIMATED ELEMENTS
   ======================================== */

.to_animate {
    visibility: hidden;
}

.lt-ie10 .to_animate,
.lt-ie9 .to_animate {
    visibility: visible;
}

.animated {
    visibility: visible !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 992px) {
    .page_header_wrapper .col-sm-12 {
        min-height: 0;
    }
}

@media (max-width: 767px) {
    .page_topline [class*="col-"] > span {
        display: block;
    }
}

@media (min-width: 768px) {
    .page_topline [class*="col-"] > span {
        padding-left: 33px;
    }

    .page_topline [class*="col-"] > span:first-child {
        padding-left: 0;
    }
}
/* Fondo oscuro para el menú superior */  
    .page_header.header_white {  
        background-color: #171717 !important;
        border-bottom: 2px solid #C8A84E;    /* Línea dorada sutil en la base */  
    }  
  
    /* Cambiar el color de los textos del menú a blanco/dorado para que se vean */  
    .mainmenu nav > ul > li > a {  
        color: #ffffff !important;  
    }  
  
    /* Color dorado cuando pasas el mouse (hover) */  
    .mainmenu nav > ul > li > a:hover {  
        color: #C8A84E !important;  
    }  
  
    /* Ajuste para los iconos de goldes sociales en el header */  
    .page_header .social-icon {  
        color: #ffffff !important;  
        border-color: rgba(255, 255, 255, 0.2) !important;  
    }  
  
    /* Mantener el resto de la página con fondo blanco */  
    body, .ls {  
        background-color: #ffffff !important;  
        color: #333333;  
    }

	/* Texto del menú en BLANCO y NEGRITAS */  
    .mainmenu nav > ul > li > a,  
    .mainmenu.nav.sf-menu > li > a {  
        color: #ffffff !important;  
        font-weight: bold !important;  
    }  
  
    /* Color DORADO cuando pasas el mouse (hover) */  
    .mainmenu nav > ul > li > a:hover,  
    .mainmenu.nav.sf-menu > li > a:hover,  
    .mainmenu nav > ul > li.active > a {  
        color: #C8A84E !important;  
    }

    /* Fondo para el Pie de Página (Footer) */  
.page_footer.ds {  
    background-color: #171717 !important;  
    color: #ffffff !important;            /* Texto blanco para contraste */  
}

/* Texto de Copyright al final de la página */  
.page_copyright.ls p {  
    color: #000000 !important; /* Negro puro */  
    margin: 0;  
}

/* ============================================
   NETSTELAR - ESTILOS PERSONALIZADOS
   ============================================ */

   /* --- CUADROS SOLUCIONES (DARK & PREMIUM) --- */
.square_teaser {
    background-color: #171717 !important;
    border-radius: 20px !important;
    border: 1px solid rgba(200, 168, 78, 0.2) !important;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
}
.square_teaser:hover {
    transform: translateY(-10px);
    border-color: #C8A84E !important;
    box-shadow: 0 20px 40px rgb(32, 32, 32)
}
/* --- MODALES MODERNOS NETSTELAR --- */  
  
/* Fondo oscuro detrás del modal */  
.modal-backdrop.in {  
    background-color: #171717 !important;  
    opacity: 0.85 !important;  
}  
  
/* Animación de entrada */  
.modal.fade .modal-dialog {  
    transform: translateY(-30px) scale(0.97) !important;  
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.35s ease !important;  
    opacity: 0;  
}  
.modal.in .modal-dialog {  
    transform: translateY(0) scale(1) !important;  
    opacity: 1;  
}  
  
/* Ventana principal */  
div.modal-content {  
    border-radius: 24px !important;  
    overflow: hidden !important;  
    border: none !important;  
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5) !important;  
}  
  
/* Encabezado con gradiente */  
div.modal-content div.modal-header {  
    background: linear-gradient(135deg, #171717 0%, #1f1f1f 100%) !important;  
    border-bottom: 2px solid #C8A84E !important;  
    border-radius: 24px 24px 0 0 !important;  
    padding: 22px 28px !important;  
    position: relative !important;  
}  
  
/* Línea decorativa dorada izquierda */  
div.modal-content div.modal-header::before {  
    content: '' !important;  
    position: absolute !important;  
    left: 0 !important;  
    top: 0 !important;  
    bottom: 0 !important;  
    width: 5px !important;  
    background: linear-gradient(to bottom, #C8A84E, #f0d080) !important;  
    border-radius: 24px 0 0 0 !important;  
}  
  
/* Título h4 en DORADO */  
div.modal-content div.modal-header h4.modal-title,  
div.modal-content div.modal-header h4.modal-title b {  
    color: #C8A84E !important;  
    font-weight: 700 !important;  
    font-size: 18px !important;  
    letter-spacing: 1.5px !important;  
    text-transform: uppercase !important;  
    padding-left: 10px !important;  
}  
  
/* Botón cerrar X */  
div.modal-content div.modal-header button.close {  
    color: #ffffff !important;  
    opacity: 0.8 !important;  
    font-size: 24px !important;  
    text-shadow: none !important;  
    transition: all 0.2s ease !important;  
}  
div.modal-content div.modal-header button.close:hover {  
    color: #C8A84E !important;  
    opacity: 1 !important;  
    transform: rotate(90deg) !important;  
}  
  
/* Cuerpo del modal */  
div.modal-content div.modal-body {  
    background-color: #ffffff !important;  
    padding: 30px !important;  
}  
  
/* Texto en NEGRO */  
div.modal-content div.modal-body p {  
    color: #1a1a1a !important;  
    line-height: 1.9 !important;  
    font-size: 15px !important;  
}  
  
/* Imagen redondeada */  
div.modal-content div.modal-body img {  
    border-radius: 16px !important;  
    width: 100% !important;  
    object-fit: cover !important;  
    box-shadow: 0 8px 25px rgba(10, 22, 40, 0.2) !important;  
    transition: transform 0.3s ease !important;  
}  
div.modal-content div.modal-body img:hover {  
    transform: scale(1.03) !important;  
}  
  
/* Línea dorada entre imagen y texto */  
div.modal-content div.modal-body .col-md-7 {  
    border-left: 3px solid rgba(200, 168, 78, 0.3) !important;  
    padding-left: 20px !important;  
}  
  
/* Botón Conocer más */  
div.modal-content div.modal-body a.btn.inverse {  
    background-color: transparent !important;  
    border: 2px solid #C8A84E !important;  
    color: #171717 !important;  
    border-radius: 50px !important;  
    font-weight: 700 !important;  
    padding: 10px 28px !important;  
    letter-spacing: 1px !important;  
    text-transform: uppercase !important;  
    font-size: 13px !important;  
    transition: all 0.3s ease !important;  
    margin-top: 15px !important;  
    display: inline-block !important;  
}  
div.modal-content div.modal-body a.btn.inverse:hover {  
    background-color: #C8A84E !important;  
    color: #171717 !important;  
    box-shadow: 0 5px 20px rgba(200, 168, 78, 0.4) !important;  
    transform: translateY(-2px) !important;  
}

/* ===== NOSOTROS - Títulos dorados en tarjetas ===== */  
.about-card .card-body-text h3 {  
    color: #C8A84E !important;  
}

/* ===== HEADER ===== */
		.page_header {
			border-bottom: 2px solid #C8A84E;
		}
		.logo img { max-height: 70px; width: auto; }
		.sf-menu a { color: #ffffff !important; font-weight: bold !important; }
		.sf-menu a:hover, .sf-menu li.active > a { color: #C8A84E !important; }

		/* ===== TARJETA ÚNICA - QUIÉNES SOMOS ===== */
		.about-card {
			background: #ffffff;
			border-radius: 20px;
			border: 1px solid rgba(200,168,78,0.25);
			box-shadow: 0 8px 30px rgba(10,22,40,0.08);
			padding: 40px 50px;
			display: flex;
			align-items: flex-start;
			gap: 30px;
			margin-bottom: 0;
			transition: box-shadow 0.3s ease;
		}
		.about-card:hover {
			box-shadow: 0 12px 40px rgba(200,168,78,0.18);
			border-color: #C8A84E;
		}
		.about-card .card-icon {
			flex-shrink: 0;
			width: 70px;
			height: 70px;
			background: #0a1628;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.about-card .card-icon i {
			font-size: 30px;
			color: #C8A84E;
		}
		.about-card .card-body-text h3 {
			color: #0a1628;
			font-weight: 700;
			margin-bottom: 12px;
		}
		.about-card .card-body-text p {
			color: #555;
			line-height: 1.8;
			margin: 0;
		}

		/* ===== VALORES ===== */
		.valor-card {
			background: #fff;
			border-radius: 16px;
			border: 1px solid #eee;
			padding: 30px 25px;
			margin-bottom: 25px;
			transition: all 0.3s ease;
			display: flex;
			align-items: flex-start;
			gap: 20px;
		}
		.valor-card:hover {
			border-color: #C8A84E;
			box-shadow: 0 8px 25px rgba(200,168,78,0.15);
			transform: translateY(-3px);
		}
		.valor-card .valor-icon {
			flex-shrink: 0;
			width: 55px;
			height: 55px;
			background: linear-gradient(135deg, #0a1628, #1a3050);
			border-radius: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.valor-card .valor-icon i { font-size: 24px; color: #C8A84E; }
		.valor-card h4 { color: #0a1628; font-weight: 700; margin: 0 0 8px; }
		.valor-card p { color: #666; margin: 0; line-height: 1.7; }

		/* ===== SECCIÓN INTRO TEXTO ===== */
		.section-intro-text {
			background: #f8f9fa;
			border-left: 4px solid #C8A84E;
			border-radius: 0 12px 12px 0;
			padding: 25px 30px;
			margin-bottom: 40px;
			font-size: 16px;
			line-height: 1.8;
			color: #444;
		}

		/* ===== CTA ===== */
		.cta-section {
			background: #0a1628;
			padding: 70px 0;
			text-align: center;
			color: #fff;
		}
		.cta-section h2 { color: #C8A84E; font-weight: 700; margin-bottom: 15px; }
		.btn-gold {
			background: #C8A84E;
			color: #0a1628;
			font-weight: 800;
			padding: 14px 40px;
			border-radius: 8px;
			border: none;
			font-size: 15px;
			letter-spacing: 1px;
			transition: background 0.3s;
		}
		.btn-gold:hover { background: #e0c06a; color: #0a1628; }

		/* ===== CERTIFICADOS ===== */
		.cert-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px 0; }
		.cert-grid img { height: 80px; width: auto; filter: grayscale(30%); transition: filter 0.3s; }
		.cert-grid img:hover { filter: grayscale(0%); }

/* ============================================================
   NETSTELAR — SOLUCIONES + CONTACTO (solo clases nuevas)
   Pegar al final de main-simple.css
   ============================================================ */

/* Tokens adicionales (complementan los ya existentes) */
:root {
  --ns-navy:    #0a1628;
  --ns-surface: #0f223f;
  --ns-border:  rgba(200,168,78,.28);
  --ns-shadow:  0 18px 45px rgba(0,0,0,.22);
  --ns-muted:   #64748b;
}

/* ============================================================
   HERO BANNER — Soluciones / Contacto
   ============================================================ */
.ns-hero {
  background: #0a1628;
  color: #fff;
  padding: 70px 0;
  position: relative;
  overflow: hidden;
}
.ns-hero h1, .ns-hero h2, .ns-hero h3 { color: #fff; }
.ns-hero .ns-hero-title   { font-weight: 800; letter-spacing: .4px; margin-bottom: 12px; }
.ns-hero .ns-hero-subtitle{ color: rgba(255,255,255,.82); max-width: 850px; margin: 0 auto; line-height: 1.65; }
.ns-hero .ns-hero-accent  { width: 70px; height: 3px; background: #C8A84E; margin: 18px auto 0; border-radius: 999px; }

/* ============================================================
   TARJETAS GRID — Soluciones
   ============================================================ */
.ns-cards { padding: 80px 0; background: #fff; }

.ns-card {
  background: #0a1628;
  border: 1px solid rgba(200,168,78,.28);
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
  overflow: hidden;
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ns-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
  border-color: rgba(200,168,78,.55);
}

.ns-card-media { position: relative; overflow: hidden; background: #08101d; }
.ns-card-media img {
  width: 100%; height: 220px; object-fit: cover; display: block;
  filter: brightness(.92) contrast(1.05);
  transition: transform .35s ease, filter .35s ease;
}
.ns-card:hover .ns-card-media img { transform: scale(1.05); filter: brightness(1) contrast(1.08); }

.ns-card-body  { padding: 24px 22px 22px; }
.ns-card-title,
.ns-card-title a { color: #C8A84E; font-weight: 800; letter-spacing: .2px; margin: 0 0 10px; }
.ns-card-text  { color: rgba(255,255,255,.84); line-height: 1.7; margin: 0 0 16px; }
.ns-card-meta  { color: rgba(255,255,255,.65); font-size: 14px; }
.ns-card-actions { margin-top: 18px; }

/* ============================================================
   BOTÓN NETSTELAR (ns-btn)
   ============================================================ */
.ns-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  border-radius: 999px; padding: 12px 24px;
  font-weight: 800; letter-spacing: .3px; border: 2px solid transparent;
  transition: all .25s ease; text-transform: uppercase; font-size: 13px;
  line-height: 1; text-decoration: none !important;
}
.ns-btn--gold { background: #C8A84E; color: #0a1628 !important; }
.ns-btn--gold:hover {
  background: transparent; border-color: #C8A84E; color: #C8A84E !important;
  transform: translateY(-2px); box-shadow: 0 10px 22px rgba(200,168,78,.22);
}
.ns-btn--outline { background: transparent; border-color: #C8A84E; color: #C8A84E !important; }
.ns-btn--outline:hover { background: #C8A84E; color: #0a1628 !important; }

/* ============================================================
   CONTACTO — info cards + formulario + mapa
   ============================================================ */
.ns-contact { padding: 80px 0; background: #fff; }

.ns-info-card {
  background: #0a1628; border: 1px solid rgba(200,168,78,.28);
  border-radius: 18px; padding: 22px; height: 100%;
  box-shadow: 0 10px 25px rgba(0,0,0,.10);
}
.ns-info-card .ns-info-title { color: #C8A84E; font-weight: 900; margin: 0 0 8px; letter-spacing: .2px; }
.ns-info-card .ns-info-text,
.ns-info-card .ns-info-text a { color: rgba(255,255,255,.86); text-decoration: none; }
.ns-info-card .ns-info-text a:hover { color: #C8A84E; }

.ns-panel {
  background: #0a1628; border: 1px solid rgba(200,168,78,.28);
  border-radius: 18px; overflow: hidden; box-shadow: 0 18px 45px rgba(0,0,0,.22);
}
.ns-panel-header { padding: 18px 22px; border-bottom: 1px solid rgba(200,168,78,.18); }
.ns-panel-title  { color: #fff; font-weight: 900; margin: 0; }
.ns-panel-body   { padding: 22px; }

/* Formulario dentro de .ns-panel */
.ns-form label {
  color: rgba(255,255,255,.78); font-weight: 700; font-size: 13px;
  letter-spacing: .25px; text-transform: uppercase; margin-bottom: 6px;
}
.ns-form .form-control,
.ns-form input,
.ns-form textarea,
.ns-form select {
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12);
  color: #fff; border-radius: 14px; padding: 12px 14px; box-shadow: none; outline: none;
}
.ns-form .form-control::placeholder,
.ns-form input::placeholder,
.ns-form textarea::placeholder { color: rgba(255,255,255,.45); }
.ns-form .form-control:focus,
.ns-form input:focus,
.ns-form textarea:focus,
.ns-form select:focus {
  border-color: rgba(200,168,78,.7);
  box-shadow: 0 0 0 4px rgba(200,168,78,.15);
}

/* Mapa */
.ns-map { width: 100%; height: 420px; border: 0; display: block; filter: saturate(.95) contrast(1.05); }

/* ============================================================
   Responsivo
   ============================================================ */
@media (max-width: 991px) {
  .ns-hero    { padding: 56px 0; }
  .ns-cards,
  .ns-contact { padding: 60px 0; }
  .ns-card-media img { height: 200px; }
}
@media (max-width: 575px) {
  .ns-card-body   { padding: 20px 18px; }
  .ns-panel-body  { padding: 18px; }
  .ns-map         { height: 340px; }
}

/* ================================
   CONTACTO — versión clara (solo contacto.html)
   Requiere: <body class="contact-page">
================================ */

/* Tarjetas info (Teléfono/Correo/Dirección) en blanco */
body.contact-page .ns-info-card{
  background: #fff !important;
  border: 1px solid rgba(200,168,78,.28) !important;
  box-shadow: 0 10px 25px rgba(10,22,40,.08) !important;
}

body.contact-page .ns-info-card .ns-info-title{
  color: #0a1628 !important;
}

body.contact-page .ns-info-card .ns-info-text,
body.contact-page .ns-info-card .ns-info-text a{
  color: #111 !important;
}

body.contact-page .ns-info-card .ns-info-text a:hover{
  color: #C8A84E !important;
}

/* Panel del formulario en blanco */
body.contact-page .ns-panel{
  background: #fff !important;
  border: 1px solid rgba(200,168,78,.28) !important;
  box-shadow: 0 18px 45px rgba(10,22,40,.10) !important;
}

body.contact-page .ns-panel-header{
  border-bottom: 1px solid rgba(200,168,78,.18) !important;
}

/* Título "Solicita Información" en dorado */
body.contact-page .ns-panel-title{
  color: #C8A84E !important;
}

/* Labels (Nombre Completo, Teléfono, etc.) en negro */
body.contact-page .ns-form label{
  color: #111 !important;
}

/* Inputs en blanco con texto negro */
body.contact-page .ns-form .form-control,
body.contact-page .ns-form input,
body.contact-page .ns-form textarea,
body.contact-page .ns-form select{
  background: #fff !important;
  border: 1px solid rgba(10,22,40,.18) !important;
  color: #111 !important;
}

body.contact-page .ns-form .form-control::placeholder,
body.contact-page .ns-form input::placeholder,
body.contact-page .ns-form textarea::placeholder{
  color: rgba(17,17,17,.45) !important;
}

body.contact-page .ns-form .form-control:focus,
body.contact-page .ns-form input:focus,
body.contact-page .ns-form textarea:focus,
body.contact-page .ns-form select:focus{
  border-color: rgba(200,168,78,.8) !important;
  box-shadow: 0 0 0 4px rgba(200,168,78,.18) !important;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: 'Segoe UI', sans-serif; background: #f5f5f5; }

  /* ===== HERO CONTACTO ===== */
  .ns-contact-hero {
    background: #fff;
    padding: 80px 20px 60px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

/* Etiqueta pequeña */
  .ns-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(200, 168, 78, 0.10);
    border: 1px solid rgba(200, 168, 78, 0.35);
    color: #C8A84E;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 7px 18px;
    border-radius: 999px;
    margin-bottom: 24px;
  }
 
  /* ===================================================  
   NETSTELAR — SECTION BANNERS (Distribución Moderna)  
   =================================================== */  
  
.ns-section-banner {  
  padding: 60px 0 30px;  
  background: #ffffff;  
  position: relative;  
  overflow: hidden;  
}  
  
/* Línea decorativa izquierda de la sección */  
.ns-section-banner::before {  
  content: '';  
  position: absolute;  
  left: 0; top: 0; bottom: 0;  
  width: 4px;  
  background: linear-gradient(180deg, transparent, #C8A84E, transparent);  
}  
  
.ns-section-banner--alt {  
  background: #f7f8fa;  
}  
  
.ns-section-banner--alt::before {  
  left: auto;  
  right: 0;  
}  
  
/* Pill / etiqueta */  
.ns-label-pill {  
  display: inline-flex;  
  align-items: center;  
  gap: 7px;  
  background: rgba(200, 168, 78, 0.10);  
  border: 1px solid rgba(200, 168, 78, 0.40);  
  color: #C8A84E;  
  font-size: 11px;  
  font-weight: 700;  
  letter-spacing: 2.5px;  
  text-transform: uppercase;  
  padding: 6px 16px;  
  border-radius: 999px;  
  margin-bottom: 16px;  
}  
  
/* Título de sección */  
.ns-section-title {  
  font-size: clamp(28px, 4vw, 44px);  
  font-weight: 900;  
  color: #0a1628;  
  line-height: 1.15;  
  margin: 0 0 14px;  
  letter-spacing: -0.5px;  
}  
  
.ns-section-title span {  
  color: #C8A84E;  
}  
  
/* Subtítulo */  
.ns-section-sub {  
  font-size: 16px;  
  color: #666;  
  max-width: 520px;  
  line-height: 1.7;  
  margin: 0;  
}  
  
/* Línea decorativa horizontal */  
.ns-section-line-col {  
  display: flex;  
  align-items: center;  
}  
  
.ns-section-line {  
  width: 100%;  
  height: 2px;  
  background: linear-gradient(90deg, #C8A84E, transparent);  
  border-radius: 999px;  
}  
  
.ns-section-banner--alt .ns-section-line {  
  background: linear-gradient(270deg, #C8A84E, transparent);  
}  
  
/* ===================================================  
   CUADROS DE SOLUCIONES — Mejoras de Distribución  
   =================================================== */  
  
/* Separador visual entre Soluciones y Servicios */  
  

  
/* Hover mejorado en cuadros */  
.square_teaser {  
  border-radius: 14px;  
  overflow: hidden;  
  transition: transform 0.3s ease, box-shadow 0.3s ease;  
}  
  
.square_teaser:hover {  
  transform: translateY(-8px) scale(1.02);  
  box-shadow: 0 20px 40px rgba(10, 22, 40, 0.18);  
}  
  
/* Título dentro del cuadro más legible */  
.square_teaser .item-content h4 {  
  font-size: 15px;  
  font-weight: 800;  
  letter-spacing: 0.5px;  
  line-height: 1.3;  
  text-transform: uppercase;  
}  
  
/* Icono del cuadro con color dorado */  
.square_teaser .teaser_icon i {  
  color: #C8A84E !important;  
  transition: transform 0.3s ease;  
}  
  
.square_teaser:hover .teaser_icon i {  
  transform: scale(1.2) rotate(-5deg);  
}  
  
/* ===================================================  
   FOOTER — Refinamiento Visual  
   =================================================== */  
  
.page_footer.ds {  
  border-top: 3px solid #C8A84E;  
}  
  
.page_footer .widget-title {  
  font-size: 13px;  
  letter-spacing: 2px;  
  text-transform: uppercase;  
  color: #C8A84E !important;  
  margin-bottom: 20px;  
  padding-bottom: 10px;  
  border-bottom: 1px solid rgba(200,168,78,0.25);  
}