/*
Theme Name: Basket Consulting 2022
Theme URI: http://www.basketconsulting.cl/
Description: El Tema Mockup para Wordpress fue realizado especificamente para la web.
Cuenta con un alto nivel de personalización para adecuarse a las necesidades de los usuarios de esta web.
Author:Jorge Miranda en <a href="http://www.mockup.cl/">Mockup</a>
Version: 1.0
*/


* {padding: 0; margin-bottom: 0; -webkit-font-smoothing: antialiased;}
*:focus {outline: none;}



html {margin:0!important;}

img {text-decoration: none; border:0 none;}

a {text-decoration: none; line-height:1; transition: color .2s linear 0s;}
a:hover {cursor: pointer; color: var(--rojo);}
a:active, a:hover {outline: 0;}

body {font-family: 'Open Sans', sans-serif; background:#ffffff; color:#333333; font-size: 16px; }

#wpadminbar {display: block !important; position: fixed;}

h1 { font-weight: 800; font-size: 42px;}
h2 { font-weight: 800; font-size: 36px;}
h3 { font-weight: 800; font-size: 24px;}
h4 { font-weight: 700; font-size: 20px;}
h4, h5, h6, {font-family: 'Montserrat', sans-serif;font-weight: 600;  margin-bottom: 1rem;}
p {line-height:150%; font-weight: 400; letter-spacing: .025em; font-size: 0.95rem;}

.size-full {width: 100%; height: auto; display: block;}
.size-full img {width: 100%; height: auto; display: block;}

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

.bblack {top: 0; left: 0; bottom: 0; right: 0; position: absolute; background: rgba(0, 0, 0, .3);}

#wrapp {position: relative; width: 100%; display: table;}

.container {  padding-right: 3rem; padding-left: 3rem;}
.linkFull { position: absolute; top:0; left: 0; right: 0; bottom: 0; text-indent: -9999px; }

.pd-80 {padding: 80px 0;}
.badge {padding:0.4rem; font-weight: normal;}

.jumbotron {   } 
.jumbotron h1 {}
.btn {transition: all .2s linear 0s;}
.btn:hover {box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);}
.title1 {z-index:10;}
#breadcrumbs {font-size: 13px;}
#breadcrumbs a {color: #000; border-bottom: 1px dotted #333;}


.hero {}
.hero .image {position: relative; padding-top: 50%;}
.hero .image img {object-fit: cover; object-position: center; width: 100%; height: 100%; position: absolute; top: 0;}

.container-xxl-wide {    max-width: 1568px;  padding-left: 32px; padding-right: 32px;     margin-left: auto;  margin-right: auto;}
.mt-title {margin-top: -150px; z-index: 10;}

:root { 
--rojo: #FF0200;
--beige: #DAD0BA;
--beige2:  #F9F8EE;
--gris: #cfcfcf;
}

.text-rojo {color: var(--rojo);}

.bg-rojo {background: var(--rojo);}
.bg-beige {background: var(--beige);}
.bg-beige2 {background: var(--beige2);}
.bg-gris {background: var(--gris);}

/* Flechas Slider */

.flex-direction-nav a {width: 60px; height: 60px; background:#FFF;}
.flex-direction-nav a:before {background: url(img_css/arrow-left.svg) no-repeat 5px 7px; background-size:70%; width: 60px; height: 60px; content: ''; }
.flex-direction-nav a.flex-next:before {background: url(img_css/arrow-right.svg) no-repeat 10px 7px; content: ''; background-size:70%;}
.flexslider .flex-direction-nav .flex-prev {left:0;}
.flexslider .flex-direction-nav .flex-next {right: 0;}
.flexslider:hover .flex-direction-nav .flex-prev {left:0;}
.flexslider:hover .flex-direction-nav .flex-next {right: 0;}
ul.flex-direction-nav li a {line-height: 40px;}
.flexslider.dv_slider {margin:0;}


/* efecto link ver más */
a.vermas {display: inline-block; font-weight: 600; position: relative;}
a.vermas:hover {color: initial;}
a.vermas:after {   height: 1px   width: 0   background: #000   content: ""   display: block   position: absolute   right: 0   -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms   transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms;}
a.vermas:hover:after {   left: 0!important   width: 100%!important   -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s   transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s   color:initial;}

a.vermas.text-naranjo:after { background: var(--naranjo);}
a.vermas.text-rojo:after { background: var(--rojo);}
a.vermas.text-white:after { background: #FFF;}
a.vermas.text-negro:after { background: var(--negro);}

a.goTitle_rojo {transition: all .2s ease-in-out 0s; }
a.goTitle_rojo:hover {color:var(--rojo);}
a.goTitle_naranjo{transition: all .2s ease-in-out 0s; }
a.goTitle_naranjo:hover {color:var(--naranjo);}
a.goTitle_negro{transition: all .2s ease-in-out 0s; }
a.goTitle_negro:hover {color:var(--negro);}

.btn {text-transform: uppercase; font-weight: bold;}
.btn-group-lg>.btn, .btn-lg {padding: 20px 40px; text-transform: uppercase;}
.btn-sm {padding: 0.25rem 0.5rem;}

.btn-primary {color: #fff; background-color: var(--rojo); transition: all .2s linear 0s; border-color: var(--rojo);}
.btn-primary:hover {background-color: #DB0301;}
.text-primary {color: var(--rojo);}

.fecha {font-size: 0.9rem;}

.wpcf7-form-control-wrap + .email{
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.btn_suscribirse {padding: 8px 16px; border-top-right-radius: .25rem;   border-bottom-right-radius: .25rem; border:  0 none; border-radius: 0px 4px 4px 0px!important;}

.blockPost * {transition: all .2s linear 0s;}
.blockPost a:hover {color: var(--rojo);}
.blockPost .imagen {position: relative; padding-top: 60%;}
.blockPost .imagen img {object-fit: cover; object-position: center; width: 100%; height: 100%; position: absolute; top: 0;}
.blockPost .categorias a{color: #333; text-transform: uppercase; font-size: .8rem; transition: all .2s linear 0s;}
.blockPost .categorias a:hover {color: var(--rojo);}
.blockPost .texto {}
.blockPost .texto h3 a{ color: #333; }
.blockPost .texto h3 a: hover{ color: var(--rojo); }
.blockPost .footer-post {margin-top: 1rem;  padding-top: 1rem;  border-top: 1px solid rgba(0,0,0,.1);}
.blockPost .footer-post .autor {font-weight: bold; color: #333;}
.blockPost .footer-post .autor:hover {color: var(--rojo);}

/* forma fuentes fuentes */
.contenido {font-size: 0.9rem;}
.contenido h2 {font-size: 2rem;}
.contenido h3 {}
.contenido h4 {}
.contenido h5 {}
.contenido h6 {}
.contenido p {}
.contenido ul {  }
.contenido ul li { margin-bottom: 1rem; }
.contenido a { color: var(--rojo); font-weight: 600; position: relative;}
/*.contenido a:after {   height: 1px   width: 0   background: #000   content: ""   display: block   position: absolute   right: 0   -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms   transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms;}
.contenido a:hover:after {   left: 0!important   width: 100%!important   -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s   transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s;}*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {   margin: 5px 20px 20px 0;}

.aligncenter,
div.aligncenter {   display: block   margin: 5px auto 5px auto;}

.alignright {   float:right   margin: 5px 0 20px 20px;}
.alignleft {   float: left   margin: 5px 20px 20px 0;}

a img.alignright {   float: right   margin: 5px 0 20px 20px;}
a img.alignnone {   margin: 5px 20px 20px 0;}
a img.alignleft {   float: left   margin: 5px 20px 20px 0;}
a img.aligncenter {   display: block   margin-left: auto   margin-right: auto;}

.wp-caption {   background: #fff   border: 1px solid #f0f0f0   max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px   text-align: center;}

.wp-caption.alignnone {   margin: 5px 20px 20px 0;}
.wp-caption.alignleft {   margin: 5px 20px 20px 0;}
.wp-caption.alignright {   margin: 5px 0 20px 20px;}
.wp-caption img {   border: 0 none   height: auto   margin: 0   max-width: 98.5%   padding: 0   width: auto;}
.wp-caption p.wp-caption-text {   font-size: 11px   line-height: 17px   margin: 0   padding: 0 4px 5px;}

/* Text meant only for screen readers. */
.screen-reader-text { border: 0 clip: rect(1px, 1px, 1px, 1px) clip-path: inset(50%) height: 1px margin: -1px overflow: hidden padding: 0 position: absolute !important width: 1px word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus { background-color: #eee clip: auto !important clip-path: none color: #444 display: block font-size: 1em height: auto left: 5px line-height: normal padding: 15px 23px 14px text-decoration: none top: 5px width: auto z-index: 100000 /* Above WP toolbar. */
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption, figcaption {font-size: 12px;}

/**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,600;0,800;0,900;1,200;1,300;1,400;1,600&display=swap');


header {color: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); z-index: 11; position: relative; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(4px); position: fixed; width: 100%;}
header .menuTop {background: #444; font-size: 13px; height: 40px;}
header .menuTop a {color: #FFF;}
header .menuTop .btn_menuTOP  {line-height: 40px; font-size: 13px; padding:0 20px ; display: inline-block;}

header .logo { display: block; height: 100%; width: 140px;}
header .logo img {position: absolute; top: 50%; transform: translate(0, -50%); max-width: 140px; object-fit: contain; height: 100%;}

.menuPrincipal {list-style: none; padding: 0; margin: 0;}
.menuPrincipal li { float: left; margin: 5px 15px;  font-size: 14px;  font-weight: 600; }
.menuPrincipal li a { color: #000; padding: 5px 15px;  line-height: 45px;  display: block;}

.MenusWeb {display: none; position: absolute; background: #FFF; width: 80%; margin: 0 10%; top: 100px; z-index: 99999; border-top: 3px solid var(--negro); padding: 5%;}
.MenusWeb li a{    border-bottom: 1px solid rgba(0,0,0,.03);color: #666;padding: 10px 5%; display: block;}
.BtnCerrar {display: none;     position: absolute;top: 50%; margin-top: -20px;height: 40px;color: #333; border: 1px solid; width: 40px; line-height: 37px;border-radius: 30px; padding: 0px;right: 0;}
.menuBtn {position: absolute;top: 50%; margin-top: -20px;height: 40px;color: #333; border: 1px solid; width: 40px; line-height: 37px;border-radius: 30px; padding: 0px; right: 0;}

.SuperBuscador {position: absolute; margin-top: -80px; width: 100%;}

.QueEs {background: var(--beige2) url(''); background-size: cover; padding-top: 160px; padding-bottom: 80px;}

.somos {background: #F4F3F3; position: relative; z-index: 10; margin-top: -120px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
#metodo {}
#metodo .imagen {width: 80px; height: 80px;}
#metodo .imagen img {width: 100%; height: 100%; object-position: center; object-fit: contain;}

.wpcf7-spinner {display: none;}

.tooltip-one {
  padding: 18px 32px;
  background: var(--rojo);
  position: relative;
  min-width: 150px;
  max-width: 180px;
  border-radius: 5px;
  text-align: center;
  filter: drop-shadow(0 3px 5px #ccc);
  line-height: 1.5;
  color: #FFF;
  margin: 0 auto;
      font-size: 30px;
    font-weight: bold;
}
.tooltip-one:after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  background: var(--rojo);
  transform: rotate(45deg);
}
.generic-hero {position: relative; z-index: 1;}
.img_back { position: absolute; top: 0;  left: 0;  bottom: 0; right: 0;  overflow: hidden; z-index: -1;}

.img_back img{object-fit: cover; width: 100%; height: 100%; object-position: center; opacity: .2;}

.documentos {}
.documentos .documento {background: #FFF;border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; overflow: hidden;}
.documentos .documento h3 {font-size: 1rem;}
.documentos .documento p {font-size: 0.85rem;}
.documentos .documento .icon {-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; font-size: 200%;}

.callTo {background:var(--rojo) url(img_css/Trazado_24.png) no-repeat; background-position: center; background-size: cover;}

.Autor {}
.Autor .imagen {}
.Autor .imagen img {object-fit: contain;    width: 100%; height: auto; object-position: top;}

.NavPost a {color: #333; transition: all .2s linear 0s;}
.NavPost a:hover {color: var(--rojo);}

#equipo {}
#equipo .persona {height: 100%; width: 100%;}
#equipo .persona .imagen {width: 100%; position: absolute;}
#equipo .persona .imagen img {width: 100%; height: 100%; display: block; object-fit: cover; object-position: center;}
#equipo .persona .text {top: 65%; transition: all .2s linear 0s; bottom: 0; color: #FFF; width: 100%; background: rgb(51,51,51); background: linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8384397704394257) 45%); padding: 30px;}
#equipo .persona .text .description {opacity: 0; transition: all .2s linear 0s; }
#equipo .persona:hover .text {top: 0;}
#equipo .persona:hover .text .description {opacity: 1;}

#partners .imagen {transition: all .2s linear 0s;}
#partners .imagen:hover {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

footer { background: #010204 url(img_css/footer_bg.png) repeat-x top; padding-top: 215px; }
footer a {color: #FFF; transition: all .2s linear 0s;}
footer a:hover {color: var(--rojo);}
footer .piefooter { }
footer .piefooter p { padding: 10px 0; margin: 0; position: 0;}
footer a.text-rojo:hover {color: #FFF;}

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {

body {font-size: 16px; }
h1 {font-size: calc(42px - 1vw);}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
p {font-size: 0.95rem;}


}


/* MEDIA QUERY */


@media (min-width: 1400px) {
 .somos {margin-top:-120px !important;}


}

@media only screen  and (max-width: 1200px) {


.menuPrincipal li {margin: 5px 0px}

}

@media only screen  and (max-width: 1024px) {

h1 {font-size: calc(42px - 1vw);}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
p {font-size: 0.95rem;}

#equipo .persona .text h3 {font-size: 20px;}
#equipo .persona .text {font-size: 0.8rem;}

.somos {margin-top:0px !important;}
}


@media only screen and (max-width: 992px) { 



}

@media (min-width: 768px) {
  

}

@media only screen and (max-width: 768px) { 



}

@media only screen and (max-width: 576px) {




}