html {
    font-size: 16px;
    /* 100% = 16px */
}

/*Fuentes*/

@font-face {
    font-family: "OSans_Extrabold";
    src: url("fonts/OpenSans-ExtraBold.eot");
    src: local("7¨2"), url("fonts/OpenSans-ExtraBold.woff") format("woff"), url("fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("fonts/arialbd.ttf") format("truetype"), url("fonts/OpenSans-ExtraBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OSans_Light";
    src: url("fonts/OpenSans-Light.eot");
    src: local("7¨2"), url("fonts/OpenSans-Light.woff") format("woff"), url("fonts/OpenSans-Light.woff2") format("woff2"), url("fonts/OpenSans-Light.ttf") format("truetype"), url("fonts/OpenSans-Light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OSans_Regular";
    src: url("fonts/OpenSans-Regular.eot");
    src: local("7¨2"), url("fonts/OpenSans-Regular.woff") format("woff"), url("fonts/OpenSans-Regular.woff2") format("woff2"), url("fonts/OpenSans-Regular.ttf") format("truetype"), url("fonts/OpenSans-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*Fuentes*/

:root {
    /* Colors   */
    --just-white: #fff;
    --bc-green: #51ad31;
    --bc-blue: #005ca9;
    --bc-red: #e20612;
    --grey-ligth: #f0f0f0;
    --grey-medium: #878787;
    --grey-dark: #575756;
    --bc-dark: #000;
    --titulos: 1.875rem;
    --titleslide: 1.625rem;
    --subtitulos: 1.375rem;
    --text-especial: 1rem;
    --tit-text-miniatura: 1.375rem;
    --text-miniatura: 1rem;
    --fuente-ex: "OSans_Extrabold";
    --fuente-li: "OSans_Light";
    --fuente-re: "OSans_Regular";
    --text-normal: 1rem;
    --text-conocenos: 1.125rem;
    --small-text: 0.875rem;
}

.paragraph--id--626 .paragraph__column {
    padding: 0;
}

.text-extra {
    font-family: var(--fuente-ex);
}

.small-size {
    font-size: var(--small-text);
    font-family: var(--fuente-li);
}

.text-slide {
    font-size: var(--titleslide);
}

.text-normal {
    font-size: var(--text-normal);
}

body {
    color: var(--grey-dark);
    font-family: var(--fuente-li);
    line-height: 24px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.texto-light {
    font-family: var(--fuente-li);
    font-size: var(--subtitulos);
}

.texto-miniatura {
    font-family: var(--fuente-li);
}

.tit-texto-miniatura {
    font-size: var(--tit-text-miniatura);
    font-weight: bold;
}

.texto-miniatura-size {
    font-size: var(--text-miniatura);
}

.texto-extra {
    font-family: var(--fuente-ex);
}

.texto-regular {
    font-family: var(--fuente-re);
    /*font-size: var(--titulos);*/
}

.titulos-size {
    font-size: var(--titulos);
}

.subtitulos-size {
    font-size: var(--subtitulos);
    font-family: var(--fuente-ex);
}

.conocenos-size {
    font-size: var(--text-conocenos);
    font-family: var(--fuente-ex);
}

.texto-especial {
    font-family: var(--fuente-ex);
    font-size: var(--text-especial);
}

.verdebg {
    background: var(--bc-green);
}
/*dinamica*/

.node__content {
    /*! font-size: 1.071em; */
    margin-top: 0px;
}

.bg_verde {
    background: var(--bc-green);
    border-radius: 10px;
}

.azulbg {
    background: var(--bc-blue);
    border-radius: 10px;
}

.grisbg {
    background: var(--grey-medium);
    border-radius: 10px;
}

.bg-graphics {
    background: var(--grey-ligth);
    border-radius: 10px;
}

.t-info-blue {
    color: var(--bc-blue);
    border-radius: 10px;
}

#slick-block-content-slide-home-slide-home-default-1-5 .slick-arrow::before {
    color: var(--just-white);
}

#slick-block-content-slide-home-slide-home-default-1-5 .slick-next {
    right: 6%;
}

#slick-block-content-slide-home-slide-home-default-1-5 .slick-prev {
    left: 6%;
}

#slick-block-content-slide-home-slide-home-slide-dinamica-19-1 .slick-arrow::before {
    color: var(--just-white);
}
/*dinamica*/

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: var(--just-white);
    text-decoration: underline var(--just-white);
}

#slick-block-content-logros-cifras-conocenos-conocenos-16-1,
span .especial-extrae {
    font-family: var(--fuente-ex);
    font-size: var(--text-especial);
}

.bcg-grey {
    background: var(--grey-ligth);
}

.bg-greyd {
    color: var(--grey-dark);
}

.footer {
    font-size: 1rem;
}

.h1,
h1 {
    font-size: var(--titulos);
    font-family: var(--fuente-ex);
}

.h2,
h2 {
    font-size: var(--titulos);
    font-family: var(--fuente-ex);
}

.h3,
h3 {
    font-size: 1.375rem;
}

.h4,
h4 {
    font-size: 1.5rem;
}

.h5,
h5 {
    font-size: 1.25rem;
}

.h6,
h6 {
    font-size: 1rem;
}

a {
    color: var(--grey-dark);
}

a:hover {
    color: var(--grey-dark);
    text-decoration: underline;
}

.center-text {
    justify-content: center;
    align-items: center;
    display: flex;
}

.b-encabezado {
    background: var(--just-white);
}

.ic-svg {
    width: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1rem;
}

.mod {
    padding: 30px 0;
}

.img-content img {
    border-radius: 0.5rem;
    margin: 2%;
}

.slick--optionset--carousel {
    padding: 0 50px;
}

.slick__arrow {
    top: 43%;
}

.slick-arrow::before {
    color: var(--grey-dark);
    font-size: 1.5rem;
}

.slick-arrow::after {
    color: var(--grey-dark);
    font-size: 1.5rem;
}

.menu-principal {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
    background: var(--grey-medium);
    font-size: 14px;
    font-family: var(--fuente-ex);
}

.navbar-light .navbar-toggler {
    background-color: transparent;
    border: 0px;
    padding: 15px 30px;
}

.navbar-toggler span {
    color: var(--just-white);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--just-white);
    text-decoration: underline var(--just-white);
}

.socialred {
    color: var(--bc-blue);
}

.socialred:hover {
    color: var(--just-white);
}

#footer .footer-top .social-links a {
    font-size: 12px;
    display: inline-block;
    color: var(--just-white);
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 37px;
    height: 37px;
    transition: 0.3s;
    background-color: var(--just-white);
}

#block-redesvertical .social-links a {
    font-size: 7px;
    display: inline-block;
    color: var(--just-white);
    line-height: 20px;
    padding: 5px 0;
    margin-right: 1px;
    border-radius: 50%;
    text-align: center;
    width: 25px;
    height: 25px;
    transition: 0.3s;
    background-color: var(--just-white);
}

.socialver {
    color: var(--bc-green);
}

.socialver:hover {
    color: var(--bc-green);
}

#footer .footer-top .social-links a:hover {
    background: var(--bc-green);
    color: var(--just-white);
}

#block-footer,
footer a {
    color: var(--just-white);
}

#block-footer,
footer a:hover {
    color: var(--just-white);
}

.content-manifest {
    right: -26%;
    /*margin: auto 27rem auto 0;*/
    margin-top: auto;
    padding: 1rem;
    color: var(--just-white);
    z-index: auto;
    margin-top: -29%;
    width: 43%;
}

.main-achievements-container {
    background: var(--grey-ligth);
}

.bttn-red {
    background: var(--bc-red);
    font-weight: 800;
    text-align: center;
    color: var(--just-white);
    font-family: var(--fuente-ex);
    font-size: 1rem;
}

.bttn-red:hover {
    background-color: var(--grey-medium);
    border-color: var(--grey-medium);
    color: var(--just-white);
    font-family: var(--fuente-ex);
    font-size: 1rem;
}

.bttn-blu {
    background: var(--bc-blue);
    font-weight: 800;
    text-align: center;
    color: var(--just-white);
    font-family: var(--fuente-ex);
    font-size: 0.875rem;
}

.bttn-blu:hover {
    background-color: var(--grey-medium);
    border-color: var(--grey-medium);
    color: var(--just-white);
    font-family: var(--fuente-ex);
    font-size: 0.875rem;
}

.btn-sub {
    background-color: var(--bc-green);
    border-color: var(--bc-green);
    color: var(--just-white);
    font-family: var(--fuente-ex);
    font-size: 0.875rem;
}

.btn-sub:hover {
    background-color: var(--grey-medium);
    font-weight: 800;
    border-color: var(--grey-medium);
    color: var(--just-white);
    font-family: var(--fuente-ex);
    font-size: 0.875rem;
}

.cont-history {
    background: var(--bc-dark);
    opacity: 0.8;
    z-index: 2;
    margin-top: 33%;
}

.main-recognition-container {
    background-image: url("/themes/bootstrap_confecamaras/img/bg-testimonios.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--grey-ligth);
}

.cont-circ img {
    border-radius: 50%;
}

.al-cont {
    padding-left: 32px;
}

.bg-rayas-gris,
.main-services-container {
    background-image: url("/themes/bootstrap_confecamaras/img/bg-servicios-confe.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.card-box-d .card-overlay-hover {
    transition: all 0.2s ease-in-out;
    padding: 15px 40px 15px 35px;
}

.card-box-d .title-d {
    transition: 0.3s ease-in-out;
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem 0;
    transform: translateY(-20px);
    opacity: 0;
}

.card-box-d .content-d {
    opacity: 0;
    transition: 0.5s ease-in-out;
    transform: translateY(-40px);
}

.card-box-d .info-agents {
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.card-box-d .card-footer-d {
    transition: 0.5s ease-in-out;
    transform: translateY(40px);
    opacity: 0;
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
}

.card-box-d .list-inline-item:not(:last-child) {
    margin-right: 25px;
}

.card-box-d:hover .card-overlay-hover {
    background: var(--bc-green);
    opacity: 0.9;
}

.card-box-d:hover .title-d,
.card-box-d:hover .content-d,
.card-box-d:hover .info-agents,
.card-box-d:hover .card-footer-d {
    opacity: 1;
    transform: translateY(0);
}

.main-stories-container {
    background: var(--grey-ligth);
}
/*Inicio servicios*/

#car-container {
    position: relative;
    width: 307px;
    height: 285px;
    z-index: 1;
    float: left;
    perspective: 1000px;
}

img {
    width: auto;
    height: auto;
}

#car {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 0.8s linear;
}

#car:hover {
    transform: rotateY(180deg);
}

.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.back {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 8%;
    text-align: center;
    opacity: 0.9;
    background: var(--bc-green);
    border-radius: 0.5rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 0 88%);
}

.text-color {
    color: var(--just-white);
    font-size: 1.3rem;
    /*margin-top: 11%;*/
}
/*Fin de servicios*/
/*Inicio Conocenos*/

#con-container {
    position: relative;
    width: 310px;
    height: 210px;
    z-index: 1;
    float: left;
    perspective: 1000px;
    /*width: 280px;
	height: 178px;
	*/
}

img {
    width: auto;
    height: auto;
}

#con {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 0.8s linear;
}

#con:hover {
    transform: rotateY(180deg);
}

.face-con {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.back-con {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    opacity: 0.9;
    background: var(--bc-blue);
    color: var(--just-white);
    clip-path: polygon(0 0, 100% 0, 100% 94%, 12% 94%, 0 78%);
    border-radius: 0.5rem;
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 13% 100%, 0 81%);*/
}

.es-dob:after {
    content: url(/themes/bootstrap_confecamaras/img/borde-conocenos.png);
    bottom: -1%;
    right: 0%;
    position: absolute;
    /*bottom: -9%;
	right: -3%;*/
}

.text-franja {
    color: var(--just-white);
    font-size: 1rem;
    padding: 16px;
}
/*Fin de Conocenos*/
/*Inicio En medios*/

#block-eventos .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.card-title {
    font-size: 14pt;
    bottom: 0;
    position: absolute;
    padding: 0 15px;
    min-height: 44px;
}

.eventos-item img {
    border-radius: 1.5rem 1.5rem 0 0;
}

.eventos-item .card-body,
.eventos-item a {
    border-radius: 0 0 1.5rem 1.5rem;
    color: var(--just-white);
    text-decoration: none;
}

.imge-card img {
    max-width: 90%;
    border-radius: 1.25rem;
}
/*Fin En medios*/
/**/

.bg-blog {
    background: var(--grey-ligth);
}

.cb-medios {
    min-height: 290px;
}

.img-blog,
.img {
    max-width: 90%;
    margin: 5%;
}
/*Inicio paginador*/

.pagination .page-item a,
.pagination .page-item span {
    text-align: center;
    width: 38px;
    height: 38px;
}

.page-item.active .page-link {
    z-index: 1;
    border-color: var(--bc-green);
    border-radius: 50%;
}

.pagination .page-item.active .page-link,
.pagination .pager__item--next.active .page-link {
    background-color: var(--bc-green);
    border-color: var(--bc-green);
    color: var(--just-white);
}

.pagination .page-item .page-link,
.pagination .pager__item--next .page-link {
    color: #000;
    border-radius: 50%;
    border-color: var(--grey-dark);
}

.page-item:first-child .page-link {
    border-radius: 50%;
}

.page-item:last-child .page-link {
    border-radius: 50%;
}

.pagination {
    margin-top: 60px;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination .page-item {
    margin: 0 4px;
}
/*Fin paginador*/

.color-white {
    color: var(--just-white);
}

#block-footer,
footer {
    color: var(--just-white);
    background-color: var(--bc-blue);
    font-size: 1.125rem;
}

.bg-news-top {
    background-position: top 0px left 0px;
    background-repeat: no-repeat;
    background-size: 20%;
    background-image: url("/themes/bootstrap_confecamaras/img/bg-contacto-izquierdo.png");
}

.bg-news-bottom {
    background-position: bottom 0px right 0px;
    background-repeat: no-repeat;
    background-size: 20%;
    background-image: url("/themes/bootstrap_confecamaras/img/bg-contacto-derecho.png");
}

.hed-mob {
    font-family: var(--fuente-ex);
}

.bg-medios {
    background-position: top 0px left 0px, bottom 0px right 0px;
    background-size: 14%;
    background-repeat: no-repeat;
    background-image: url("/themes/bootstrap_confecamaras/img/bg-contacto-izquierdo.png"), url("/themes/bootstrap_confecamaras/img/bg-contacto-derecho.png");
}

.slick__slide:nth-child(3n + 1) .des-hist {
    background-color: #600207;
    mix-blend-mode: hard-light;
    /* background-color: var(--bc-red); */
}

.slick__slide:nth-child(3n + 2) .des-hist {
    background-color: #052042;
    mix-blend-mode: hard-light;
    /* background-color: var(--bc-blue); */
}

.slick__slide:nth-child(3n + 3) .des-hist {
    background-color: #51ad31;
    mix-blend-mode: normal;
    opacity: 0.9;
}

#block-views-block-blog-block-blog .item-blog {
    border-bottom: 1px dashed var(--grey-dark);
}

.itemc-relacionado {
    border-bottom: 1px dashed var(--grey-dark);
}

.field--type-image img,
.field--name-field-user-picture img {
    margin: 0;
}

.esquina-doblada .field--name-bp-image-field:after {
    content: url(/themes/bootstrap_confecamaras/img/esquina-d.png);
    bottom: -6%;
    right: -2.7%;
    position: absolute;
}

.field--name-field-categorias-blog {
    margin: 0;
}

.categoria-blog {
    background: var(--just-white);
    color: var(--grey-medium);
    bottom: -4%;
    right: 4%;
    left: 4%;
    padding: 10px 10px;
    border-radius: 0.5rem;
    box-shadow: 2px 1px 2px 1px rgba(157, 157, 156, 0.43);
}

.single-blog:hover img {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.single-blog::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 100%;
    bottom: 100%;
    border-top: 2px solid var(--bc-blue);
    border-left: 2px solid var(--bc-blue);
    visibility: hidden;
    z-index: -10;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-blog::before {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    left: 100%;
    top: 100%;
    border-right: 2px solid var(--bc-blue);
    border-bottom: 2px solid var(--bc-blue);
    visibility: hidden;
    z-index: -10;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-blog:hover::after {
    visibility: visible;
    right: 0px;
    bottom: 0px;
}

.single-blog:hover::before {
    visibility: visible;
    left: -2px;
    top: -2px;
}

.blog-img-wrapper {
    overflow: hidden;
    margin: 3%;
}

.redes-f p {
    line-height: 1;
}

.personalizado .paragraph > .paragraph__column {
    padding-bottom: 0px;
}

figure {
    margin: 0;
}

.item {
    padding: 15px;
    margin: 3px 0;
}

button.closex {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.redes-vert {
    position: fixed;
    top: 36vh;
    right: 0;
    z-index: 9999;
    background: var(--bc-green);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

#block-webform {
    background: var(--grey-ligth);
}

.js-form-type-search input.form-search {
    background: var(--grey-ligth);
    color: var(--grey-dark);
}

.js-form-type-search input.form-search {
    height: 41px;
}

#search-block-form:hover .icon,
#search-form:hover .icon {
    background: #fff;
}

#search-block-form .icon {
    height: 43px;
    width: 43px;
    color: #4f5b66;
}

#search-form .icon {
    background: #b4f34f;
}

.cont-mod {
    max-width: max-content;
    padding: 5%;
}

.item-tittle {
    display: inline-block;
}

#slick-block-content-testimonios-testimonios-default-5-5 .slick-arrow::before {
    color: var(--grey-dark);
}

#slick-block-content-historias-historias-default-2-2 .slick-arrow::before {
    color: var(--just-white);
}

#slick-block-content-historias-historias-default-2-2 .slick-next {
    right: 1%;
}

#slick-block-content-historias-historias-default-2-2 .slick-prev {
    left: 1%;
}

#slick-block-content-historias-historias-default-2-2 .slick__arrow {
    top: 50%;
}

#slick-block-content-logo-item-camaras-de-comercio-default-4-3 .slick-arrow::before {
    color: var(--grey-dark);
}

#slick-block-content-servicios-servicios-mobile-3-2 .slick-arrow::before {
    color: var(--grey-dark);
}

#slick-block-content-logros-cifras-conocenos-conocenos-16-1 .slick-arrow::before {
    color: var(--bc-green);
}

#slick-block-content-slide-home-slide-home-default-1-1 .slick-arrow::before {
    color: var(--just-white);
}

#slick-block-content-testimonios-testimonios-default-5-1 .slick-next {
    right: 27%;
}

#slick-block-content-testimonios-testimonios-default-5-1 .slick-prev {
    left: 27%;
}

#slick-block-content-testimonios-testimonios-default-5-1 .slick__arrow {
    top: 33%;
}

#slick-block-content-slide-home-slide-home-default-1-1 .slick-next {
    right: 7%;
}

#slick-block-content-slide-home-slide-home-default-1-1 .slick-prev {
    left: 7%;
}

blockquote p {
    margin-left: 2%;
    max-width: 70%;
    justify-content: center;
    color: var(--grey-dark);
    display: flex;
    font-size: 1.5em;
    margin-left: 18%;
}

a.enlace-en-medios.ppal::before {
    content: "";
    margin-right: 0px;
}

a.enlace-en-medios::before {
    content: "\2022";
    margin-right: 5px;
}

a.item-title::after {
    content: url(./arrow-down.png);
    margin-right: 5px;
    margin-left: 8px;
    width: 16px;
}
/*.item-title {font-weight: 600; min-width: 381px; } */

.item-tittle a:focus {
    outline: 0;
    box-shadow: 0 0 0 0.05rem rgb(0 0 0);
    background: none !important;
}

.paragraph--type--bp-tabs a[aria-selected="true"] {
    background-color: transparent !important;
}

.paragraph--type--bp-tabs .btn.focus,
.paragraph--type--bp-tabs .btn:focus {
    box-shadow: 0 0 0 0.2rem rgb(52 58 64 / 50%);
}

.c-dateblog {
    max-width: 300px;
    margin-top: 2%;
}

.cifras-number {
    font-size: 3rem;
    font-weight: bold;
    font-family: var(--fuente-ex);
}

.text-extra {
    font-family: var(--fuente-ex);
}

.text-regu {
    font-family: var(--fuente-re);
}

.item-conoc .field--name-field-titulo {
    min-height: 111px;
}

.front-text {
    position: absolute;
    bottom: 31%;
    background: var(--bc-blue);
    opacity: 0.8;
    color: #fff;
    width: 100%;
    padding: 15px;
}

.front-text:hover,
.front-text:focus,
.front-text:active {
    display: none !important;
}

.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col ul li {
    margin-left: 6%;
}

.title-person {
    background-image: url("/themes/bootstrap_confecamaras/img/bg-titulo-conocenos.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--grey-ligth);
}

.fecha-blog {
    color: var(--grey-medium);
    font-family: var(--fuente-ex);
}

.enlace-en-medios {
    color: var(--grey-dark);
    font-family: var(--fuente-ex);
}

.des-hist {
    position: absolute;
    z-index: 1;
    bottom: 0;
    padding: 30px;
    line-height: 1.17;
    width: 100%;
    max-height: 59px;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
}

.list-group-item {
    margin: 15px;
}

p {
    margin-top: 0;
}

footer #block-contacto .redes-f {
    line-height: 11px;
}

.icon-r-mercantil img {
    max-width: 60%;
}

.div-line {
    border-left: 1px dashed var(--grey-dark);
}

.card-blue {
    background: var(--bc-blue);
    opacity: 0.7;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
}

.card-blue,
.blue-text {
    color: var(--just-white);
}

.card-greyl {
    background: var(--grey-ligth);
    opacity: 0.8;
    color: var(--grey-dark);
    border-radius: 10px;
}

.contenedor-maximo {
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.bg-ant {
    background: #e9e9e9;
}

.pag-user {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #fff;
    box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, 0.16) !important;
}

.user-login-form {
    padding: 5%;
}

.nav .nav-tabs .primary {
    padding: 5%;
}

#user-pass {
    padding: 3%;
}

.btn-login {
    background: var(--bc-blue);
    color: #fff;
}

.input-group .form-text {
    margin-top: 0;
}

.btn-primary {
    color: #fff;
    background-color: var(--bc-blue);
    border-color: var(--just-white);
}
/*
                @media (min-width: 576px) {  
                    #mod-re,
                    .modal-dialog {
                    max-width: max-content;
                    margin: 0;	}  }
                */
                #block-estudioseconomicosinformacionparalatransformacionempresarial .text-link a{
                    color: var(--just-white);
                    text-decoration: underline;
                }       
                #block-estudioseconomicosinformacionparalatransformacionempresarial .text-link a{
                    color: var(--just-white);
                    text-decoration: underline;
                } 
                
                #block-estudios-economicos-mobile .text-link a{
                    color: var(--just-white);
                    text-decoration: underline;
                } 

@media screen and (max-width: 500px) {
    /*mobile */
    .content-manifest {
        color: var(--grey-dark);
        margin: 0;
        border-radius: 0px;
        width: 100%;
    }
    .field--type-image img,
    .field--name-field-user-picture img {
        margin: 0;
    }
    #views-exposed-form-blog-page-blog,
    .form-row > fieldset,
    .form-row > div {
        padding-right: 0;
        padding-left: 10%;
        flex: 0 0 auto;
        max-width: none;
    }
    #edit-field-categorias-blog-target-id {
        width: 90%;
        background-color: salmon;
    }
    .form-row > fieldset,
    .form-row > div {
        padding-right: 5px;
        padding-left: 5px;
        flex: 0 0 auto;
        width: 90%;
        max-width: none;
    }
    #mod-re,
    .item {
        border-top: 1px dashed var(--grey-medium);
    }
    .cont-testim {
        background-image: url("/themes/bootstrap_confecamaras/img/img-testim.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .hed-mob {
        font-size: 0.625rem;
        font-family: var(--fuente-ex);
    }
    .ic-svg {
        width: 22px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 0px;
    }
    .form-h {
        background: var(--grey-ligth);
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 0.5rem;
    }
    .content-manifest,
    .h2 h2 {
        font-size: 1.25rem;
    }
    .p p {
        font-size: 0.875rem;
        font-family: var(--fuente-li);
    }
    #block-footer,
    footer {
        color: var(--just-white);
        background-color: var(--bc-blue);
        font-size: 1.125rem;
        font-family: var(--fuente-li);
    }
    .h1,
    h1 {
        font-size: 1.125rem;
    }
    .h2,
    h2 {
        font-size: 1.05em;
    }
    .h3,
    h3 {
        font-size: 1rem;
    }
    .h4,
    h4 {
        font-size: 0.875rem;
    }
    .p,
    p {
        font-size: 16px;
    }
    .text-extra {
        font-family: var(--fuente-ex);
    }
    .text-regu {
        font-family: var(--fuente-re);
    }
    #slick-block-content-slide-home-slide-home-default-1-1 .slick-next {
        right: 0%;
    }
    #slick-block-content-slide-home-slide-home-default-1-1 .slick-prev {
        left: 0%;
    }
    #slick-block-content-testimonios-testimonios-default-5-1 .slick-next {
        right: -8%;
    }
    #slick-block-content-testimonios-testimonios-default-5-1 .slick-prev {
        left: -8%;
    }
    #slick-block-content-testimonios-testimonios-default-5-1 .slick__arrow {
        top: 23%;
    }
    #slick-block-content-servicios-servicios-adn-conocenosm-15-1 .slick-next {
        right: -14%;
    }
    #slick-block-content-servicios-servicios-adn-conocenosm-15-1 .slick-prev {
        left: -15%;
    }
    #slick-block-content-servicios-servicios-adn-conocenosm-15-1 .slick__arrow {
        top: 51%;
    }
    #slick-block-content-servicios-servicios-adn-conocenosm-15-1 .slick-arrow::before {
        color: var(--bc-blue);
    }
    .redes-f {
        line-height: 10px;
    }
    .main-stories-container {
        background: var(--just-white);
    }
    .emedios {
        background: var(--grey-ligth);
    }
    .al-cont {
        padding-left: 18px;
    }
    .item-conoc .field--name-field-titulo {
        min-height: 0px;
    }
    .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="true"].display::after {
        content: "-";
        color: var(--bc-green);
    }
    .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="false"].display::after {
        content: "+";
        color: var(--bc-green);
    }
}

@media screen and (min-width: 620px) {
    :root {
        --titulos: 1.875rem;
        --titleslide: 1.625rem;
        --subtitulos: 1.375rem;
        --text-especial: 1rem;
        --tit-text-miniatura: 1.375rem;
        --text-miniatura: 1rem;
        --text-conocenos: 1.125rem;
        --small-text: 0.875rem;
    }
.paragraph--id--877 .container .container-fluid {
padding:0!important;
}

}

@media (min-width: 300px) and (max-width: 620px) {
    /*  body{ 
                            background-color: #600207;
                            color: #fff;
                        } */
    #block-bootstrap-confecamaras-main-menu li.nav-item {
        background: #f0f0f0;
        color: #575756;
        text-align: left;
        padding: 5px 30px;
        border-top: 1px solid #9d9d9c;
    }
    #block-bootstrap-confecamaras-main-menu li.nav-item.active {
        background: #9d9d9c;
        color: #f0f0f0;
    }
    #block-cifraslogroshome .bord-log:nth-child(2) {
        background: var(--grey-medium);
    }
    #block-cifraslogroshome .bord-log:nth-child(3) {
        background: var(--grey-ligth);
        margin-bottom: 15px;
    }
    .footer {
        font-size: 13px !important;
    }
    :root {
        --titulos: 1.875rem;
        --titleslide: 1.625rem;
        --subtitulos: 1.375rem;
        --text-especial: 1rem;
        --tit-text-miniatura: 1.375rem;
        --text-conocenos: 1.125rem;
        --small-text: 0.875rem;
    }
    #slick-block-content-slide-home-slide-home-default-1-5 .slick__arrow {
        top: 23%;
    }
    #slick-block-content-slide-home-slide-home-default-1-5 .slick-next {
        right: 1%;
    }
    #slick-block-content-slide-home-slide-home-default-1-5 .slick-prev {
        left: 1%;
    }
    #slick-block-content-testimonios-testimonios-default-5-5 .slick-next {
        right: -10%;
    }
    #slick-block-content-testimonios-testimonios-default-5-5 .slick-prev {
        left: -10%;
    }
    #slick-block-content-testimonios-testimonios-default-5-5 .slick__arrow {
        top: 23%;
    }
    #slick-block-content-servicios-servicios-mobile-3-4 .slick__arrow {
        top: 50%;
    }
    #slick-block-content-servicios-servicios-mobile-3-4 .slick-arrow::before {
        color: var(--just-white);
    }
    .titulos-size {
        font-size: var(--subtitulos);
    }
    .subtitulos-size {
        font-size: var(--text-conocenos);
        font-family: var(--fuente-ex);
    }
    #con-container {
        position: relative;
        width: 270px;
        height: 190px;
        z-index: 1;
        float: left;
        /* width: 280px;
	                    height: 178px;*/
        perspective: 1000px;
    }
    .graphics-mobile {
        background: var(--grey-ligth);
        border-radius: 10px;
    }
    .text-graphics {
        color: var(--grey-dark);
    }
    .bg_verde {
        background: var(--grey-ligth);
        border-radius: 10px;
    }
    .azulbg {
        background: var(--grey-ligth);
        border-radius: 10px;
    }
    .grisbg {
        background: var(--grey-ligth);
        border-radius: 10px;
    }
    .border-din {
        border: 1px dashed var(--grey-dark);
        border-radius: 10px;
    }
    .color-grey {
        color: var(--grey-dark);
    }
    #slick-block-content-slide-home-slide-home-slide-dinamica-19-1 .slick__arrow {
        top: 30%;
    }
    .copy-dinamica {
        font-size: 12px;
    }
    .icon-manito {
        width: 35px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 1rem;
    }
    .ic-modal {
        width: 30px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 1rem;
    }

#878 .container .container-fluid {
padding:0!important;
background-color:whitesmoke;
}
}

@media screen and (min-width: 720px) {
    .container {
        max-width: 1010px;
    }
    .cb-blog {
        min-height: 270px;
    }
    .navbar-light .navbar-nav .nav-link {
        color: var(--just-white);
        font-weight: 800;
    }
    .nav-link:active {
        text-decoration:underline var(--just-white);
    }
    .item-historias img {
        border-radius: 10px;
    }
    .des-hist {
        border-radius: 0 0 10px 10px;
    }
    .tab-acordeon img,
    .redondo-bor img {
        border-radius: 0.5rem;
    }
    .card-md {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0.25rem;
    }
    .shadow-md {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }
    #block-cifraslogroshome .bord-log:nth-child(2) {
        border-right: 2px solid var(--just-white);
        border-left: 2px solid var(--just-white);
    }
    #slick-block-content-servicios-servicios-mobile-3-4 .slick-arrow::before {
        color: var(--just-white);
    }
    #slick-block-content-servicios-servicios-mobile-3-4 .slick__arrow {
        top: 50%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    /*tabletas*/
    #webform-submission-contactanos-add-form {
        background: var(--grey-ligth);
        border-radius: 0.5rem;
        margin: 19px;
    }
    .content-manifest2 {
        top: 0px;
        color: white;
        right: 4%;
        max-width: 60%;
    }
    #slick-block-content-slide-home-slide-home-default-1-1 .slick-prev {
        left: 0%;
    }
    #slick-block-content-slide-home-slide-home-default-1-1 .slick-next {
        right: 0%;
    }
    #car-container {
        position: relative;
        width: 230px;
        height: 214px;
        z-index: 1;
        float: left;
        perspective: 1000px;
    }
    .h1,
    h1 {
        font-size: 1.125rem;
    }
    .h2,
    h2 {
        font-size: 1.05em;
    }
    .h3,
    h3 {
        font-size: 1rem;
    }
    .h4,
    h4 {
        font-size: 0.875rem;
    }
    .p,
    p {
        font-size: 14px;
    }
    .text-extra {
        font-family: var(--fuente-ex);
    }
    .text-regu {
        font-family: var(--fuente-re);
    }
    .content-manifest2 {
        top: 0px;
        color: white;
        right: 4%;
        max-width: 60%;
    }
    .text-graphics {
        color: var(--just-white);
    }
    #slick-block-content-slide-home-slide-home-slide-dinamica-19-1 .slick-next {
        right: 6%;
    }
    #slick-block-content-slide-home-slide-home-slide-dinamica-19-1 .slick-prev {
        left: 6%;
    }
}

@media (min-width: 800px) {
    .col-lg-1-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-lg-2-5 {
        width: 40%;
    }
    .col-lg-3-5 {
        width: 60%;
    }
    .col-lg-4-5 {
        width: 80%;
    }
    .col-lg-5-5 {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    /*escritorio*/
    .paragraph--id--185 .paragraph--type--bp-columns__2col:nth-child(1) {
        padding-right: 54px;
    }
    .paragraph--id--185 .paragraph--type--bp-columns__2col:nth-child(2) {
        padding-left: 54px;
    }
    #contacto {
        background-position: top 0px left 0px, bottom 0px right 0px;
        background-repeat: no-repeat;
        background-size: 11%;
        background-image: url("/themes/bootstrap_confecamaras/img/bg-contacto-izquierdo.png"), url("/themes/bootstrap_confecamaras/img/bg-contacto-derecho.png");
    }
    .bcg-greycont {
        background: var(--grey-ligth);
        border-radius: 0.5rem;
    }
    #footer {
        background-image: url("/themes/bootstrap_confecamaras/img/bg-footer.png");
        background-position: 0% 0%;
        background-repeat: no-repeat;
        background-size: 20%;
    }
    .testim-cont {
        max-width: 1100px;
    }
    #webform-submission-contactanos-add-form {
        margin: 5%;
    }
    .cont-testim {
        background-image: url("/themes/bootstrap_confecamaras/img/img-testim.png");
        background-size: 284px;
        background-position: top;
        background-repeat: no-repeat;
    }
    .border-t-dashed {
        border-top: 2px dashed;
    }
    .border-b-dashed {
        border-bottom: 2px dashed;
    }
    .divis-lin {
        border-right: 1px solid var(--just-white);
        margin-bottom: 4%;
        margin-right: 3%;
    }
    #block-cifrasconocenos :nth-child(3n + 2) .item-conoc {
        border-right: 2px dashed var(--grey-dark);
        border-left: 2px dashed var(--grey-dark);
    }
    .item:nth-child(-n + 4) {
        border-right: 1px solid;
    }
    .mercan-title {
        border-top: 2px dashed;
        border-bottom: 2px dashed;
    }
    .paragraph--id--185 .paragraph--type--bp-columns__2col:nth-child(1) {
        border-right: 2px solid #575756;
    }
    /*Inicio Conocenos mobile*/
    #conmob-container {
        position: relative;
        width: 350px;
        height: 220px;
        z-index: 1;
        perspective: 1000px;
    }
    #conmob {
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transition: all 0.8s linear;
    }
    #conmob:hover {
        transform: rotateY(180deg);
    }
    .face-conmob {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
    }
    .back-conmob {
        display: block;
        transform: rotateY(180deg);
        box-sizing: border-box;
        padding: 10px;
        text-align: center;
        opacity: 0.9;
        background: var(--bc-blue);
        color: var(--just-white);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 13% 100%, 0 81%);
    }
    .es-dob .field--name-bp-image-field:after {
        content: url(/themes/bootstrap_confecamaras/img/esquina-d.png);
        bottom: -7%;
        right: -1%;
        position: absolute;
    }
    .front-textmob {
        position: absolute;
        bottom: 22%;
        background: var(--bc-blue);
        opacity: 0.8;
        color: #fff;
        width: 100%;
        padding: 15px;
    }
    .front-textmob:hover,
    .front-textmob:focus,
    .front-textmob:active {
        display: none !important;
    }
    
    /*Fin de Conocenos mobile*/
    .p-content {
        padding-top: 70px;
        padding-left: 70px;
        padding-right: 70px;
    }
    .bg-dynamic {
        background-position: top 0px left 0px, bottom 0px right 0px;
        background-size: 12%;
        background-repeat: no-repeat;
        background-image: url("/themes/bootstrap_confecamaras/img/bg-contacto-izquierdo.png");
    }
    .text-graphics {
        color: var(--just-white);
    }
    #slick-block-content-slide-home-slide-home-slide-dinamica-19-1 .slick-next {
        right: 6%;
    }
    #slick-block-content-slide-home-slide-home-slide-dinamica-19-1 .slick-prev {
        left: 6%;
    }
    #slick-block-content-slide-home-slide-home-slide-dinamica-19-1 .slick__arrow {
        top: 50%;
    }
    .bg-rayas {
        background-image: url("/themes/bootstrap_confecamaras/img/bg-servicios-confe.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    #slick-block-content-testimonios-testimonios-default-5-5 .slick-next {
        right: 27%;
    }
    #slick-block-content-testimonios-testimonios-default-5-5 .slick-prev {
        left: 27%;
    }
    #slick-block-content-testimonios-testimonios-default-5-5 .slick__arrow {
        top: 30%;
    }
    #slick-block-content-testimonios-testimonios-default-5-5 .slick-arrow::before {
        color: var(--bc-blue);
    }
}