/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/** BG HOME **/
.hs-content-id-209183080753 {  background: url(https://23877516.fs1.hubspotusercontent-na1.net/hubfs/23877516/TEXO%20BACKGROUND/texo_background_img_body3-scaled.png) !important;
    background-size: cover !important; background-position: center top !important; }

/** BG ABOUT US **/
.hs-content-id-209551133980 {  background: url(https://23877516.fs1.hubspotusercontent-na1.net/hubfs/23877516/TEXO%20BACKGROUND/TEXO_2026_About-Us.png) !important;
    background-size: cover !important; background-position: center top !important; }

/** BG CONTACT US **/
.hs-content-id-209805636016 {  background: url(https://23877516.fs1.hubspotusercontent-na1.net/hubfs/23877516/TEXO%20BACKGROUND/bg-Contact-us.jpg) !important;
    background-size: cover !important; background-position: center top !important; }

/**BG TEXO IT**/
.hs-content-id-209864268387 {  background: url(https://23877516.fs1.hubspotusercontent-na1.net/hubfs/23877516/TEXO%20BACKGROUND/BG-TEXO%20IT%202.png) !important;
    background-size: cover !important; background-position: center bottom !important; }

@media (max-width: 767px) {
.hs-content-id-209864268387 {  background: url(https://23877516.fs1.hubspotusercontent-na1.net/hubfs/23877516/TEXO%20BACKGROUND/BG-TEXO%20IT%203.png) !important;
    background-size: cover !important; background-position: center top !important; }
}
  
/**BG BLOG**/
.hs-content-id-208709558691 {  background: url(https://23877516.fs1.hubspotusercontent-na1.net/hubfs/23877516/TEXO%20BACKGROUND/bg-Contact-us.jpg) !important;
    background-size: cover !important; background-position: center top !important; }

/**BG BLOG POST**/
.hs-blog-post {  background: url(https://23877516.fs1.hubspotusercontent-na1.net/hubfs/23877516/TEXO%20BACKGROUND/bg-Contact-us.jpg) !important;
    background-size: cover !important; background-position: center top !important; }

.html_stretched body#top.home #wrap_all, .html_stretched body#top.home #wrap_all #main { background-color: transparent !important; }

.blog-post__img {
  width: 100% !important;
  height: 180px !important; /* altura fija (ajústala a tu diseño) */
  overflow: hidden !important;
}

.blog-post__img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;  /* 🔑 clave */
  display: block !important;
}

.header {
background:none !important;

}

.header__section{
z-index:99;
}

.review--dark.review--boxed {
background:rgba(255, 255, 255, 0.04) !important;
}

.header--sticky-active .header__section--main{
background:rgb(20 17 93 / 75%) !important; 
padding-top:60px;
}

.header__search{
display:none !important;
}

.nav--dark .nav__list--level1>li>a:before {
background:#fff !important;
}

.justify-end{
justify-content:left; !important;
  gap:400px !important;
}

.blog-post__contents{
color:#fff !important;
}
.blog-post__title a {
color:#fff !important;
}


.video-banner {
  margin-top: -100px; /* ajusta según altura del header */
}

.btn--accent .btn--fill, .btn--accent .btn--outline{
padding:10px 22px !important;
border-radius:40px !important;
background:#3A2BE7 !important;
transition:.3s !important;
box-shadow:none !important;
display:inline-flex;
align-items:center;
gap:10px;
margin-top:15px;
border-radius:40px;
background:#4f46e5;
color:white;
text-decoration:none;
font-size:13px !important;
outline: 8px solid rgba(58 43 231 / 30%);
transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;
}

.btn--accent .btn--fill, .btn--accent .btn--outline:hover{
background:#191768 !important;
color:white !important;
text-decoration:none !important;
box-shadow:none !important;
outline: 4px solid rgba(58 43 231 / 30%)
}



.card-button{
padding:10px 22px !important;
border-radius:40px !important;
background:#3A2BE7 !important;
transition:.3s !important;
box-shadow:none !important;
display:inline-flex;
align-items:center;
gap:10px;
margin-top:15px;
border-radius:40px;
background:#4f46e5;
color:white;
text-decoration:none;
font-size:13px !important;
outline: 8px solid rgba(58 43 231 / 30%);
transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;
}

.card-button a{
color:#fff !important;
text-decoration:none !important;
font-size:13px !important;
}

.card-button:hover{
background:#191768 !important;
color:white !important;
text-decoration:none !important;
box-shadow:none !important;
outline: 4px solid rgba(58 43 231 / 30%)
}


.btn-arrow{
display:flex;
transition:transform .3s ease;
}


.card-button:hover .btn-arrow{
transform:translateX(6px);
}

.footer {
background:none !important;
}

.header__section--main {
background:none !important;
}

.texo_vid_wrapper { overflow: hidden; border-radius: 12px; max-height: 350px; }

.texo_vid video { border-radius:12px; max-height: 350px;}

.texo_vid_wrapper{
  width:100%;
  max-width:100%;
  height:350px;
  overflow:hidden;
  position:relative;
}

.texo_vid{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover; /* o cover */
  display:block;
}

body.blog-4 {
  color: #ffffff;
}

/* textos */
.blog-4 p,
.blog-4 span,
.blog-4 li,
.blog-4 h1,
.blog-4 h2,
.blog-4 h3,
.blog-4 h4,
.blog-4 h5,
.blog-4 h6 {
  color: #ffff !important;
  background:none !important;
}

/* links */
.blog-4 a {
  color: #ffffff;
}

/* meta info */
.blog-post__info {
  color: rgba(255,255,255,0.7) !important;
}

/* tags */
.blog-post__tag {
  color: #ffff;
  border-color: rgba(255,255,255,0.2);
}

/* sidebar */
.blog-body__aside {
  color: #ededed;
}


/* ----------------------------------------------------------- ↓ RESPONSIVE STYLING ↓ ---------------------------------------------------------- */

@media (max-width: 952px) {
  .texo_vid_wrapper { max-height: 225px; }

}

@media (max-width: 767px) {
.texo_vid_wrapper { max-height: 340px; margin-bottom: 30px; }
  body{ background-position: center 500px !important; }
}