:root {
scroll-behavior: smooth;
/* Color palette ------------- */
--primary-color: #008ACF;
--secondary-color: #062D3F;
--afi-gray: #C8DAE2;
--afi-white: #F3F3F3;
/* B&W colors ------------- */
--black: var(--black);
--gray-333333: #333333;
--gray-DDDDDD: #dddddd;
--white: #ffffff;
/* Charts color palette ------------- */
--data-1: #062d3f;
--data-2: #37bbf4;
--data-3: #C8DAE2;
--data-4: #F3F3F3;
--data-5: #C6F3C6;
--data-6: #72C971;
--data-7: #367B35;
--negative-data-1: #eb5656;
--negative-data-2: #ee8787;
/* Tables color palette ------------- */
--hover-color: #8DB9CA;
--td-select-color: #f1faff;
--success-color: #367B35;
--danger-color: #eb5656;
/* Others colors ------------- */
--bg-contact-section: #F8FCFF;
--bg-tag: #e8f5ff;
--border-tag: #a3dfff;
--gradient-color01: #008ACF;
--gradient-color02: #66cbff;
--transparent: transparent;
/* Fonts ------------- */
--primary-font: "Roboto Serif";
--secondary-font: "Roboto Serif";
}


/*------------------------------------------------------
	BASIC STYLES 
--------------------------------------------------------*/
body {
  background: white;
  font-size: 16px;
  font-family: var(--primary-font);
  font-weight: normal;
  font-style: normal;
  line-height: 28px;
  color: var(--black);
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--black);
  font-family: var(--primary-font);
  font-weight: 500;
}

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 18px;
}

h4 {
  line-height: 1.7;
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0 0 20px 0;
}
p img {
  margin: 0;
}
p.lead {
  font-size: 28px;
  line-height: 36px;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}

a, a:visited {
  color: var(--primary-color);
  text-decoration: none !important;
  outline: 0;
}

a:hover, a:focus, a:active {
  color: var(secondary-color); text-decoration: underline; text-decoration-thickness: 1px !important;
}

p a, p a:visited {
  line-height: inherit;
}


/* Logo */
.logo {width:114px; padding:5px 0;} 
.navbar-brand {margin-right: 0px;} 
.web-name h4 {margin-top: 8px; width: 178px; font-size: 20px;}


/* Formato */
.no-padding {padding:0;}
.inline {display:inline !important;}
.fw-300 {font-weight: 300;}

/* Varios texto */
.titulo_novedades {font-size: 21px; line-height: 32px; margin-bottom: 24px; font-weight:600;}
.titulo_novedades a {color: #333333;}
.titulo_filtros {border-bottom:solid 1px #008ACF; padding-bottom:10px; margin-bottom:25px;}
.titulo_ley {border-bottom:solid 1px #008ACF; padding-bottom:25px; margin-bottom:30px;}
.ctn-categoria_ley {font-size: 24px !important; line-height: 32px; margin-bottom: 16px; font-weight: 400; color:#33393e; height: 195px; text-align:center;}
.ctn-categoria_ley img {margin-bottom: 15px;}
.txt-read {font-weight:300; padding-top:20px;}
.txt-read li {margin-bottom: 15px;}
.txt-read li ul li {margin-top: 15px;}
.entradilla {font-size: 20px; line-height: 30px; border-bottom:solid 1px #008ACF; padding-bottom:30px}

/* Breadcrumb */
.breadcrumb {margin-bottom: 10px; background-color: transparent; border-radius: 0;}
.breadcrumb a {color:#008ACF;}
.breadcrumb a:hover {color:#008ACF; text-decoration: underline;}
.breadcrumb-item.active {color: #333333;}
.breadcrumb-item + .breadcrumb-item::before {font-weight:300;}

/* Para listados con botón "cargar más"  */
.container-listado-contenido {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* Sections */
#section-login, #section-register {text-align: center; padding-top: 120px;}
#section-recoverlogin {text-align: center; padding-top: 150px;}
#section-title {background-color: #ffffff; padding:50px 0 0px 0; margin-top:44px;}
#section-title h1 {font-size: 52px; line-height: 65px; margin-bottom: 40px; color:#333333; font-weight: 200;}
#buscador_home {background: url(../rcs/banner.jpg); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding:130px 0 110px 0; margin-bottom:80px;}
#buscador {background: url(../rcs/banner.jpg); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding:30px 0 70px 0; margin-bottom:80px;}
#resultados_busqueda p a, #resultados_busqueda li a {color:#008ACF;}
#resultados_busqueda p a:hover, #resultados_busqueda li a:hover {color:#008ACF; text-decoration:underline;}
#resultados_busqueda li {margin-bottom:15px;}
#resultados_busqueda li:last-child {margin-bottom:-10px;}
#resultados_busqueda .pagination {margin-top:80px;}
#resultados_busqueda .pagination li a:hover {text-decoration:none;}
#detalle_busqueda {margin-top:50px;}
#respuesta_especialista {padding:0 0 50px 0;}
#respuesta_especialista h2 {border-left: 2px solid #008ACF; padding-left: 20px; line-height: 45px; margin-bottom: 4%;font-size: 30px; line-height: 38px;}
#detalle-respuesta_especialista {padding:50px 0 0 0;}
#analisis_afi {background-color: #f5f5f5; padding:50px 0; margin-bottom:80px;}
#analisis_afi h2 {font-size: 40px; line-height: 54px; margin-bottom: 40px; font-weight: 300;}
#novedades_normativas {padding: 0 0 80px 0;}
#novedades_normativas h2 {font-size: 40px; line-height: 54px; margin-bottom: 40px; font-weight: 300;}
.ctn-novedades_home {padding:35px 20px 20px 20px; border-radius:0; box-sizing:border-box; border:0;box-shadow: 0 .15rem 1.25rem 0 rgba(33,40,50,.15);}
.ctn-novedades_home:hover {background-color:#ffffff; cursor:default;}
.bg-novedad_afi {background-color:#ffffff; background-image:url(../rcs/bg_afi-analisis.png); background-repeat:no-repeat; background-position:top 5px right 5px; box-shadow: 0 .15rem 1.25rem 0 rgba(33,40,50,.15);}
.lnk-login {color:#008ACF !important; font-weight:300 !important;}
.lnk-login:hover {color:#008ACF !important; font-weight:300 !important; text-decoration: underline;}

/* Botones */
#nav-button_group a, #nav-button_group-xs a {margin-left:10px;}
.btn {font-size: 11px; border-radius: 0; font-weight: 500; line-height: 20px; font-family: var(--primary-font); text-transform: uppercase !important;}
.btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:active  {color: #ffffff; background-color: #008ACF; border-color: #008ACF;}
.btn-primary:hover, .btn-outline-primary:hover,.btn-primary.focus, .btn-primary:focus {color: #ffffff; background-color: #062D3F !important; border-color: #062D3F;}
.btn-secondary {color: #33393e; background-color: #f5f8fa; border-color: #33393e;}
.btn-secondary:hover {color: #33393e; background-color: #d3e0e9; border-color: #171a1c;}
.btn-default {background-color: transparent; border-color: #33393e;}
.btn-default:hover {background-color: #062D3F; border-color:#062D3F !important; color: #ffffff;}
.btn-buscador_home {background-color: #008ACF;font-size: 14px; padding: 10px 32px;}
.btn-lg {font-size: 15px;}
.btn-icon_download {margin-left: 10px;}
.btn-login {padding:15px 60px;}
#myBtn {display: none; position: fixed; bottom: 45px; right: 30px; z-index: 99; background-color: #008ACF; border:solid 1px #008ACF; outline: none; color: white; /* Text color */ cursor: pointer; padding: 15px; border-radius: 50px; -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15); box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);}
#myBtn:hover {background-color: #062D3F; border-color: #062D3F;}
.btn-outline-primary {color: #008ACF; border-color: #008ACF;}
a.btn-default {color: #062D3F;}

/* Jumbotron */
.jumbotron {padding-top: 3rem; padding-bottom: 3rem; margin-bottom: 0; background-color: #ffffff;}
.jumbotron h1 {font-size: 44px; line-height: 54px; color: #ffffff;}
.jumbotron p:last-child { margin-bottom: 0;}
.jumbotron h1 {font-weight: 300;}
.jumbotron .container {min-width: 40rem;}

/* Buscador home */
#buscador_home .input-buscador:hover, .busca .input-buscador:hover  {border-radius: 0; border: 2px solid #008ACF;}
#buscador_home .input-buscador, .busca .input-buscador, #buscador .input-buscador { color: #808080; background: #ffffff; padding: 25px 35px; width: 100%; margin-left: auto;  margin-right: auto; margin-top: 5vh; border-radius: 0; border: 2px solid transparent;}
.lupa-buscador {padding:8px 10px 0 0;}
#buscador_home .form-control, #buscador .form-control {font-size: 20px; border: 0px; padding-top:6px;}
.form-control {font-size: 12px;}

/* Filtros posición fixed */
.fixme {width: 300px; background-color:#ffffff;}
.accordion-filters .card {border: none;}
.accordion-filters .card .card-header {padding:0 0 10px 0; background-color:#ffffff; margin-bottom:25px; font-size: 1.25rem; width:100%; border-bottom:solid 1px #008ACF; }
.accordion-filters .card-body {padding:0; background-color:#ffffff;}
.clean-filters {font-size:12px; padding-top:6px;}

/* Preguntas home */
.ctn-pregunta {border:solid 1px #cccccc; }
.ctn-texto_pregunta {background-color: #ffffff; min-height:325px; width:70%; float:right; padding:25px; box-sizing:border-box;}
.bg-pregunta_1 {background-image:url(../rcs/bg_pregunta-1.jpg); background-size:cover; background-repeat:no-repeat; min-height:325px; background-position: -225px top}
.bg-pregunta_2 {background-image:url(../rcs/bg_pregunta-2.jpg); background-size:cover; background-repeat:no-repeat; min-height:325px; background-position: -225px top}

/* Etiquetas */
.badge {display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 500; line-height: 1; text-align: center;  white-space: nowrap; vertical-align: baseline; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; font-size: 13px; margin: 5px 5px 5px 0;}
.badge-primary {color: #ffffff !important; background-color: #333333 !important;}
.badge-success {color: #ffffff !important; background-color: #72C971 !important;}
.badge-danger {color: #ffffff !important; background-color: #EB5656 !important;}

/* Cards */
.card {border-radius:0;}
.card-title {line-height: 28px; margin-top: 10px; color: #333333; font-size: 18px; font-weight: 500; margin-bottom: 20px; height: 120px;}
.card-text {font-weight: 300;}
.categoria-analisis {color: #008ACF; text-transform:uppercase; font-size:12px;}
p.lnk-ver_mas {margin-bottom:0;}
p.lnk-ver_mas  a, #resultados_busqueda p.lnk-ver_mas  a {color: #008ACF; text-transform:uppercase; font-size:14px; margin-bottom:0;}
p.lnk-ver_mas  a .stretched-link, #resultados_busqueda p.lnk-ver_mas  a .stretched-link {text-decoration:none;}
#resultados_busqueda p.lnk-ver_mas   {margin-top:-10px;}

/* Footer */
footer { padding-top: 3rem; padding-bottom: 3rem; font-size: 12px; font-weight: 300; color: #8e9398 !important;}
footer p { margin-bottom: .25rem;}
footer .footer_legal {padding: 15px 0; border-top: 2px solid #eeeeee;font-weight: 500; background-color: #f5f5f5;}
footer .footer_legal ul.legal  {margin:0}
footer .footer_legal .legal li a {color: #808080; margin:0 10px 0 0}
footer .footer_legal .legal li a:hover {text-decoration:none;}

/* Login / registro */
.form-signin {width: 100%; max-width: 400px; padding: 15px 15px 50px 15px; margin: auto;}
.form-register {width: 100%; max-width: 700px; padding: 15px 15px 50px 15px; margin: auto;}
.form-signin label, .form-register label {text-align:left !important; width:100%;}
.form-signin .checkbox {font-weight: 400;}
.form-signin .form-control, .form-register .form-control {position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px;}
.form-signin .form-control:focus, .form-register .form-control:focus {z-index: 2;}
.form-signin input[type="user"], .form-register input[type="user"], .form-register input[type="email"] {margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; font-weight:300;}
.form-signin input[type="text"], .form-signin input[type="password"], .form-register input[type="password"], .form-register input[type="verifypassword"], .form-register input[type="text"] {margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; font-weight:300;}

/* Recuperar contraseña */
.form-recoverpassword {width: 100%; max-width: 600px; padding: 15px 15px 50px 15px; margin: auto;}
.form-recoverpassword label {text-align:left !important; width:100%;}
.form-recoverpassword .form-control {position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px;}
.form-recoverpassword .form-control:focus {z-index: 2;}
.form-recoverpassword input[type="text"] {margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; font-weight:300;}

/* Imágenes en escala de grises */
img.gray {filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */}

/* Media Queries */
@media (min-width: 1200px) {
.container {max-width: 1170px;}
}
@media (max-width: 990px) {
.fixme {width: 250px;}
.container: {padding: 0 30px !important;}
}
@media (max-width: 800px) {
#logo_pie, #texto_pie, #logos_excelencia {clear:both; float:none !important; padding:15px 0; margin:auto !important; text-align:center;}
}
@media (min-width: 768px) {
.jumbotron {padding-top: 6rem; padding-bottom: 6rem;}
}
@media (max-width: 767px) {
.card-title {height:auto; margin-bottom:10px;font-size: 24px; line-height: 32px;}
.fixme {width:auto !important; position:relative !important; top:0 !important;}
}
@media (max-width: 640px) {
.input-buscador {max-width:550px;}
.jumbotron .container {max-width: 600px; min-width: 0;}
#buscador_home .input-buscador, .busca .input-buscador, #buscador .input-buscador {padding: 25px 15px;}
}
@media (max-width: 660px) {
#section-title {padding:50px 0 30px 0;}
#section-title h1 {font-size: 36px; line-height: 42px; margin-bottom: 0; font-weight: 300;}
#respuesta_especialista h2, #novedades_normativas h2 {font-size: 36px; margin-bottom: 20px;font-weight: 300;}
.titulo_ley {font-size: 32px !important; text-align:left !important;}
.titulo_novedades {font-size: 20px !important; line-height: 28px !important; margin-bottom: 18px !important;}
}
@media (max-width: 550px) {
.bg-pregunta_1, .bg-pregunta_2 {background-image:none;}
.ctn-texto_pregunta {width:100%; float:none; padding:25px;}
}



span.alineacion { vertical-align:middle; margin-top: -1px;}

.lupita {font-size: 30px;
  position: absolute;
  margin-left: -15px;
}


.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-size: 18px;
    vertical-align: middle;
    margin-right:5px;
}