/* ===============================
   VARIABLES
================================ */
:root {
  --color-main: #006ec9;
  --color-azul: #1a2e40;
  --color-black: #0e1e2b;
  --color-white: #ffffff;
  --color-gray: #f5f8f8;
  --radius-main: 50px;
  --transition-main: all .3s ease;
}

/* ===============================
   RESET TIPOGRÁFICO
================================ */
html, body {
  font-family: 'Montserrat', sans-serif!important;
  scroll-behavior: smooth;
  font-weight: 400!important;
  font-size: .95rem!important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif!important;
  letter-spacing: 0.1rem !important;
}

h1:not(.tt-title-subpages):not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]) {
  font-weight: 800!important;
  letter-spacing: 0.1rem!important;
}


/* ===============================
   LOADER
================================ */

#loader .dot, .lds-roller div:after, .lds-fs div, .lds-ellipsis div {
  background: var(--color-main)!important;
}
#loader-wrapper {
    background: background: var(--color-white)!important;
}
.btn-cat-fixed {
    background: background: var(--color-main)!important;
}


/* EFECTOS */

.reveal {
  opacity: 0;
  transition: all 1s ease;
  will-change: transform, opacity;
}

.reveal.active {
  opacity: 1;
}

/* Fade sutil */
.reveal.fade {
  transform: translateY(20px);
}

.reveal.fade.active {
  opacity: 1;
  transform: translateY(0);
}

/* Slide desde abajo muy suave */

.reveal.slide-up.active {
  opacity: 1;
  transform: translateY(0);
}

/* Slide desde izquierda */
.reveal.slide-left {
  transform: translateX(-40px);
}

.reveal.slide-left.active {
  transform: translateX(0);
}

/* Slide desde derecha */
.reveal.slide-right {
  transform: translateX(40px);
}

.reveal.slide-right.active {
  transform: translateX(0);
}

/* Slide desde abajo */
.reveal.slide-up {
  transform: translateY(40px);
}

.reveal.slide-up.active {
  transform: translateY(0);
}

/* Zoom sutil */
.reveal.zoom {
  transform: scale(0.97);
}

.reveal.zoom.active {
  transform: scale(1);
}

/* Variaciones de velocidad */
.reveal.fast {
  transition-duration: 0.6s;
}

.reveal.slow {
  transition-duration: 1.6s;
}

/* Aparición elegante tipo cortina */
.reveal.blur {
  filter: blur(10px);
}

.reveal.blur.active {
  opacity: 1;
  filter: blur(0);
}


@media (max-width: 992px) {

    .reveal.slide-left,
    .reveal.slide-right {
        transform: none !important;
    }

    .row.g-5 {
        --bs-gutter-x: 1rem;
        --bs-gutter-y: 1rem;
    }

}

/* Cómo se aplica: 

<div class="col-lg-3 col-12 reveal slide-up"></div>

<link rel="stylesheet" href="css/animaciones.css">
<script src="js/animaciones.js" defer></script>

 */

/* ===============================
   BOTONES
================================ */
.btn, 
button,
a[class*="btn"] {
  border-radius: var(--radius-main)!important;
  transition: var(--transition-main)!important;
}

.btn:hover {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

.btn.uno {
  background: var(--color-main)!important;
  color: white!important;
  border: 1px solid transparent!important;
}

.btn.uno:hover,
.btn.uno:active,
.btn.uno:focus {
  background: transparent!important;
  border: 1px solid white!important;
  color: white!important;
}

.btn.dos {
  background: transparent!important;
  border: 1px solid white!important;
  color: white!important;
}

.btn.dos:hover,
.btn.dos:active,
.btn.dos:focus {
  background: var(--color-main)!important;
  color: white!important;
  border: 1px solid var(--color-main)!important;
}

.btn.tres {
  background: var(--color-main)!important;
  color: white!important;
  border: 1px solid transparent!important;
}

.btn.tres:hover,
.btn.tres:active,
.btn.tres:focus {
  background: var(--color-azul)!important;
  border: 1px solid var(--color-azul)!important;
  color: white!important;
}


/* ===============================
   GENERALES
================================ */

.tt-product-single-info .tt-title {
    font-weight: 700;
}

#tt-pageContent > .container-indent0:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 0px!important;
}

#tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 52px!important;
    margin-bottom: 52px!important;
}

.tt-breadcrumb {
    display: none!important;
}

#tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
    margin-bottom: 0px !important;
}

#tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) .container {
    margin-bottom: 80px !important;
}

/* ===============================
   MEGAMENÚ
================================ */

#supermenuProductos .supermenu-categories {
    background: var(--color-black);!important;
}
.supermenu-subcategories h3 a, 
.supermenu-subcategories h3 a:hover,
.supermenu-subcategories h3 a:active,
.supermenu-subcategories h3 a:focus,
.subcategory-item a,
.subcategory-item a:hover,
.subcategory-item a:active, 
.subcategory-item a:focus {
    color: var(--color-main)!important;
}

.supermenu-subcategories h3 {
    border-bottom: 2px solid var(--color-main)!important;
}

.my-services .row > div:last-child .service-item {
  border-right: none !important;
}


/* ===============================
   HEADER
================================ */

.tt-header-holder .tt-obj-menu {
  display: flex!important;
  justify-content: space-around!important;
}

#opcional-contacto {
    position: absolute!important;
    right: 40px!important;
    top: 20px!important;
    background-color: var(--color-main) !important;
    color: white!important;
    border: 1px solid transparent !important;
    border-radius: var(--radius-main) !important;
    transition: var(--transition-main) !important;
    padding: 0px 17px 4px 9px!important;
}
#opcional-contacto:hover, 
#opcional-contacto:active,
#opcional-contacto:focus {
    background-color: var(--color-azul)!important;
    color: white!important;
}

#opcional-contacto span:hover,
#opcional-contacto span:active,
#opcional-contacto span:focus,
#opcional-contacto:hover span, 
#opcional-contacto:active span,
#opcional-contacto:focus span {
    color: white!important;
}

header .tt-search.tt-dropdown-obj, header .tt-stuck-nav .tt-dropdown-obj, .tt-mobile-header .tt-dropdown-obj {
    display: none!important;
}

.tt-mobile-header .tt-logo-container {
  height: 86px!important;
}

.tt-mobile-header .tt-logo-container .tt-logo img, .tt-logo img {
    max-height: 65px!important;
    position: relative;
    top: 1px;
}

.tt-logo-2 img {
    max-height: 40px!important;
    top: 3px!important;
}

header .tt-cart .tt-dropdown-toggle .tt-badge-cart {
  background: var(--color-main)!important;
}

.tt-cesta-nro {
  background: var(--color-main)!important;
}

.tt-cesta {
  background: var(--color-black)!important;
}

.tt-header-bg,
.stuck.tt-stuck-nav,
header .tt-mobile-header {
  background: var(white)!important;
}

.tt-desctop-menu nav > ul > li > a {
  color: var(--color-dark)!important;
}

.tt-desctop-menu nav > ul > li > a:hover {
  color: var(--color-main)!important;
}

.tt-desktop-header .tt-dropdown-obj {
    display: none!important;
}

header .tt-dropdown-obj .tt-dropdown-toggle, header .tt-dropdown-obj .tt-dropdown-mic, .tt-menu-toggle i,
header .tt-dropdown-obj .tt-dropdown-toggle, header .tt-dropdown-obj .tt-dropdown-mic, .tt-menu-toggle i:hover,
header .tt-dropdown-obj .tt-dropdown-toggle, header .tt-dropdown-obj .tt-dropdown-mic, .tt-menu-toggle i:active,
header .tt-dropdown-obj .tt-dropdown-toggle, header .tt-dropdown-obj .tt-dropdown-mic, .tt-menu-toggle i:focus {
  background: var(--color-main)!important;
  color: var(--color-dark)!important;
  margin-right: 6px;
    width: 38px;
    padding: 8px 3px;
    height: 38px;
}

.tt-mobile-header .tt-header-row .tt-menu-toggle i{
  background: transparent!important;
}

.tt-stuck-nav .tt-header-row .tt-menu-toggle i{
  background: transparent!important;
}

@media (max-width: 481px) {
    header .tt-menu-toggle:after {
        top: 22px!important;
        left: 4px!important;
        color: var(--color-black) !important;
    }
}

.tt-col-obj tt-obj-menu {
    
}



#boton-micuenta-index, #boton-mipedido-index {
  display: none!important;
}

.tt-desctop-menu .tt-megamenu-submenu > li > a:hover,
.tt-desctop-menu .tt-megamenu-submenu > li > a:active,
.tt-desctop-menu .tt-megamenu-submenu > li > a:focus {
    color: var(--color-main)!important;
}

/* ===============================
   SLIDER
================================ */

.hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected {
  background: var(--color-main)!important;
}

.hephaistos .tp-bullet {
  background: var(--color-white)!important;
}

.f-slider-2 {
        font-size: 26px!important;
        line-height: 55px;
    }

.f-slider-1 {
        font-size: 65px!important
        line-height: 75px;
    }

/* mobile */
@media (max-width: 768px) {
  .tp-caption1.fullscreenvideo {
    width: 60%!important;
  }
  .f-slider-2 {
      font-size: 12px!important;
      line-height: 1.2!important;
  }
  .f-slider-1 {
      font-size: 30px!important;
      line-height: 1.2!important;
  }
  .tp-caption1-wd-4 a {
    padding: 14px 10px 12px!important;
  }

  #rev_slider_1_forcefullwidth,
    #rev_slider_1_forcefullwidth .rev_slider_wrapper,
    #rev_slider_1,
    #rev_slider_1 .tp-revslider-mainul,
    #rev_slider_1 .tp-revslider-slidesli,
    #rev_slider_1 .slotholder,
    #rev_slider_1 .tp-bgimg,
    .tp-fullwidth-forcer {
      height: 45vh!important;
  }
}


/* ===============================
   BANNER INICIO
================================ */


.parallax {
    background-image: url("https://nunezasoc.tiendavirtual.ar/webfiles/nunezasoc/banners/5/archivos/parallax.jpg");
    height: 100%;
    min-height: 650px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;    
  }

.parallax  .parallax-text {
     left: 0;
    padding: 5vw;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    height: 100%;   
    }
.parallax  .parallax-text h1 {
    color: white;
    font-size: 38px!important;
    margin-bottom: 20px;
    line-height: normal !important;
    padding-bottom: 0px !important;
    padding-top: 120px;  
    }
.parallax  .parallax-text p {
    color: white;
    font-size: 16px;
}    
.overlay {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(120deg, rgb(68 84 100) 18%, rgb(14 30 43) 100%);
  opacity: 0.4;
  position: absolute;
  display: block;
  overflow: hidden;
  z-index: 1;
  left: 0;
}

@media (max-width: 768px) {
  .parallax  .parallax-text h1 {
    font-size: 28px!important;
    line-height: normal !important;
    padding-bottom: 0px !important;
    padding-top: 80px!important;
  }
  .parallax  .parallax-text h3 {
    font-size: 20px!important;
    letter-spacing: 0.2rem !important;
  }
  .parallax  .parallax-text .btn.uno, 
  .parallax  .parallax-text .btn.dos {
    width: 100% !important;
    margin-bottom: 15px !important;
  }
}

/* ===============================
   TITULOS
================================ */
.tt-block-title .tt-title {
  color: var(--color-main)!important;
}

/* ===============================
   PRODUCTOS
================================ */
.tt-product {
  background: var(--color-white)!important;
  border-radius: 12px!important;
  transition: var(--transition-main)!important;
}

.tt-product:hover {
  transform: translateY(-5px);
}

.tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-fatured {
    background: var(--color-main)!important;
    color: #ffffff;
    padding: 10px 15px !important;
    border-radius: 50px !important;
}

.tt-product .tt-image-box {
  background: var(--color-white)!important;
  border-radius: 10px!important;
  overflow: hidden;
}

.tt-product img {
  transition: var(--transition-main);
}

.tt-product:hover img {
  transform: scale(1.05);
}

.tt-product .tt-price {
  color: var(--color-black)!important;
  font-weight: 600!important;
}

.tt-product .tt-btn-addtocart {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

.t-decimal:after {
    border-bottom: 1px solid var(--color-main)!important;
}

.tt-cuotas {
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-image-box .tt-btn-compare {
  background: var(--color-main)!important;
  color: var(--color-white)!important;
}

.tt-product:not(.tt-view) .tt-image-box .tt-label-location {
  top: 6px!important;
}

.leftColumn .tt-list-row li a.active:hover,
.leftColumn .tt-list-row li a.active:active,
.leftColumn .tt-list-row li a.active:focus {
  color: var(--color-main)!important;
}

.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:hover,
.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:active,
.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a:focus {
  color: var(--color-main)!important;
}

.tt-collapse .tt-collapse-title:hover span,
.tt-collapse .tt-collapse-title:acitve span,
.tt-collapse .tt-collapse-title:focus span{
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-description .tt-add-info li a:hover,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:active,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:focus {
  color: var(--color-main)!important;
}

.tt-product:not(.tt-view) .tt-description .tt-title a:hover,
.tt-product:not(.tt-view) .tt-description .tt-title a:active,
.tt-product:not(.tt-view) .tt-description .tt-title a:focus {
  color: var(--color-main)!important;
}

/* ===============================
   LABELS
================================ */
.tt-label-new {
  background: var(--color-black)!important;
  color: var(--color-white)!important;
  border-radius: 20px!important;
  padding: 9px !important;
}

/* ===============================
   LISTADOS
================================ */

.leftColumn .tt-list-row li a, .rightColumn .tt-list-row li a {
  text-transform: uppercase!important;
}
.tt-btn-col-close a:hover, .leftColumn .tt-list-row li a.active, .tt-filters-options .tt-btn-toggle a, .tt-filters-options .tt-btn-toggle a:before, .tt-filters-options .tt-btn-toggle a {
  color: var(--color-main)!important;
}
.btn-link {
  text-transform: uppercase!important;
}


/* ===============================
   FICHA
================================ */

.tt-label-our-fatured {
  background: var(--color-main) !important;    
}

.tt-product-single-info .tt-label [class^="tt-label"] {
  background: var(--color-main) !important;
    color: #ffffff !important;
    padding: 9px !important;
    border-radius: 50px !important;
}

.contact-form .btn {
  border-radius: 0px!important; 
}

.wrapper-social-icon {
    margin-top: 0px!important; 
    margin-bottom: 0px!important; 
}

.wrapper-social-icon {
  background: var(--color-main)!important;
}

.compartiren {
  color: var(--color-white)!important;
}

ul.tt-social-icon.justify-content-center li a {
   color: var(--color-white)!important;
}

#contacto_producto_todo {
    display: none!important;
}



/* ===============================
   PREGUNTAS Y RESPUESTAS
================================ */

.ia-preguntas-strip {
    background: var(--color-black)!important;
}
.ia-preguntas-title {
  color: var(--color-white)!important;
}
#ia-pregunta-btn {
    background: var(--color-main)!important;
    border: 1px solid var(--color-main)!important;
    color: #fff !important;
    border-radius: 0px!important;    
}


/* ===============================
   ENVIOS
================================ */

.tt-services-block .tt-col-icon {
  color: var(--color-main)!important;
}



/* ===============================
   FOOTER
================================ */

footer {
    margin-top: 0px!important;
}

footer .tt-color-scheme-01 {
  background: var(--color-black)!important;
  color: var(--color-white)!important;
}

footer .tt-color-scheme-02,
footer .tt-color-scheme-03 {
  background: var(--color-main)!important;
}

footer .tt-mobile-collapse .tt-collapse-title, footer .tt-mobile-collapse .tt-collapse-title:before {
  color: var(--color-white)!important;
}

.css-home-prefooter {
  display: none!important;
}

footer .tt-color-scheme-01 .tt-list li a, footer .tt-color-scheme-01 .tt-social-icon li a, 
footer .tt-color-scheme-01 .tt-mobile-collapse .tt-collapse-content .tt-list li a,
 footer .tt-color-scheme-01 .tt-collapse-content, footer .tt-color-scheme-01 .tt-collapse-content a:hover {
        color: #ffffff!important;
    }
footer .tt-color-scheme-01 address span  {
        color: #ffffff!important;
    }
footer .tt-color-scheme-01 .tt-list li a:hover, footer .tt-color-scheme-01 .tt-social-icon li a:hover, 
footer .tt-color-scheme-01 .tt-mobile-collapse .tt-collapse-content .tt-list li a:hover, footer .tt-color-scheme-01 .tt-collapse-content a {
        color: #ffffff!important;
    }
footer .fc-pie-micuenta {
  display: none!important;
}

footer .tt-newsletter form .btn {border-radius: 0px 50px 50px 0px !important;}

/* ===============================
   CAMBIO TEXTOS MENÚ Y FOOTER 
================================ */


/*pc*/
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a#pg-institucional-2 span {
    display: none!important;
}
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a#pg-institucional-2:before {
    content: "EL ESTUDIO";
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a#pg-novedades-2 span {
    display: none!important;
}
.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a#pg-novedades-2:before {
    content: "SERVICIOS";
}

/*movil*/

.panel-menu #opcional-m-institucional a#pg-institucional span {
    display: none!important;
}

.panel-menu #opcional-m-institucional a#pg-institucional:before {
    content: "EL ESTUDIO";
}

.panel-menu #opcional-m-novedades a#pg-novedades span {
    display: none!important;
}

.panel-menu #opcional-m-novedades a#pg-novedades:before {
    content: "SERVICIOS";
}

.panel-menu #opcional-m-productos a#pg-productos span {
    display: none!important;
}

.panel-menu #opcional-m-productos a#pg-productos:before {
    content: "OPORTUNIDADES";
}

/*footer*/

footer #pg-institucional-3 span {
    display: none!important;
}

footer #pg-institucional-3:before {
    content: "EL ESTUDIO";
}

footer #pg-novedades-3 span {
    display: none!important;
}

footer #pg-novedades-3:before {
    content: "SERVICIOS";
}

footer .tt-mobile-collapse .tt-collapse-content .tt-list li:nth-child(2) a {
    font-size: 0;
    line-height: 1;
}

footer .tt-mobile-collapse .tt-collapse-content .tt-list li:nth-child(2) a::before {
    content: "OPORTUNIDADES";
    font-size: 16px;
}

.content-indent.container-fluid-custom-mobile-padding-02 h1.tt-title {
    font-size: 0!important;
}

.content-indent.container-fluid-custom-mobile-padding-02 h1.tt-title span#productos-titular-mid:before {
    content: "OPORTUNIDADES";
    font-size: 24px;
    font-weight: 700;
}

.tt-filters-options .tt-btn-toggle, .tt-filters-options .tt-quantity, 
.tt-collapse.tt-collapse-categorias, .tt-filters-options .tt-sort, 
.tt-product-inside-hover > .tt-row-btn:nth-of-type(2){
    display: none!important;
}

/* ===============================
   Sector institucional
================================ */

#about-study{
    padding:80px 0;
    background:#fff;
}

#about-study .about-study-intro{
    padding-right:40px;
}

#about-study .about-study-subtitle{
    display:inline-block;
    font-size:.9rem;
    font-weight:600;
    color:var(--color-main);
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:15px;
}

#about-study .about-study-title{
    font-size:2.4rem;
    font-weight:700;
    line-height:1.2;
    color:#0b1f2a;
    margin:0 0 25px;
}

#about-study .about-study-description{
    font-size:1rem;
    line-height:1.8;
    color:#555;
    margin:0;
}


/* ===============================
   Valores
================================ */

#about-study .about-study-values{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
}

#about-study .about-study-value{
    display:flex;
    align-items:flex-start;
    gap:25px;
    padding:25px 30px;
    border-bottom:1px solid #eeeeee;
}

#about-study .about-study-value:nth-child(odd){
    border-right:1px solid #eeeeee;
}

#about-study .about-study-value:nth-child(3),
#about-study .about-study-value:nth-child(4){
    border-bottom:0;
}

#about-study .about-study-value-icon{
    flex:0 0 70px;
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f3f8fc;
    border-radius:12px;
}

#about-study .about-study-value-icon i{
    font-size:2rem;
    color:var(--color-main);
}

#about-study .about-study-value-content{
    flex:1;
}

#about-study .about-study-value-content h3{
    font-size:1.1rem;
    font-weight:700;
    color:#111;
    line-height:1.3;
    margin:3px 0 12px;
}

#about-study .about-study-value-content p{
    font-size:.95rem;
    line-height:1.7;
    color:#555;
    margin:0;
}


/* ===============================
   Counter
================================ */

#about-study .about-study-counter{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    margin-top:70px;
    padding:35px 30px;
    background:#002638;
    border-radius:22px;
    overflow:hidden;
}

#about-study .about-study-counter-item{
    display:flex;
    align-items:flex-start;
    gap:20px;
    min-width:0;
    padding:5px 30px;
    border-right:1px solid rgba(255,255,255,.12);
}

#about-study .about-study-counter-item:first-child{
    padding-left:10px;
}

#about-study .about-study-counter-item:last-child{
    padding-right:10px;
    border-right:0;
}

#about-study .about-study-counter-icon{
    flex:0 0 auto;
    padding-top:5px;
}

#about-study .about-study-counter-icon i{
    font-size:2.5rem;
    color:var(--color-main);
}

#about-study .about-study-counter-content{
    min-width:0;
}

#about-study .about-study-counter-number{
    color:#fff;
    font-size:2.5rem;
    font-weight:700;
    line-height:1;
    margin-bottom:12px;
}

#about-study .about-study-counter-number span::before{
    content:"+";
}

#about-study .about-study-counter-item:nth-child(3) .about-study-counter-number span::before,
#about-study .about-study-counter-item:nth-child(4) .about-study-counter-number span::before{
    content:"";
}

#about-study .about-study-counter-content h3{
    color:#fff;
    font-size:.95rem;
    font-weight:600;
    line-height:1.3;
    margin:0 0 10px;
}

#about-study .about-study-counter-content p{
    color:rgba(255,255,255,.75);
    font-size:.8rem;
    line-height:1.6;
    margin:0;
}


/* ===============================
   Tablet
================================ */

@media(max-width:1199px){

    #about-study .about-study-intro{
        padding-right:20px;
    }

    #about-study .about-study-title{
        font-size:2.1rem;
    }

    #about-study .about-study-value{
        gap:18px;
        padding:22px 20px;
    }

    #about-study .about-study-value-icon{
        flex:0 0 60px;
        width:60px;
        height:60px;
    }

    #about-study .about-study-value-icon i{
        font-size:1.7rem;
    }

    #about-study .about-study-counter{
        padding:30px 20px;
    }

    #about-study .about-study-counter-item{
        gap:15px;
        padding:5px 20px;
    }

    #about-study .about-study-counter-number{
        font-size:2.1rem;
    }

}


/* ===============================
   Mobile
================================ */

@media(max-width:991px){

    #about-study{
        padding:70px 0;
    }

    #about-study .about-study-intro{
        padding-right:0;
        margin-bottom:45px;
        text-align:center;
    }

    #about-study .about-study-title{
        font-size:2rem;
    }

    #about-study .about-study-values{
        grid-template-columns:1fr;
    }

    #about-study .about-study-value{
        padding:25px 0;
        border-right:0 !important;
        border-bottom:1px solid #eeeeee !important;
    }

    #about-study .about-study-value:last-child{
        border-bottom:0 !important;
    }

    #about-study .about-study-counter{
        grid-template-columns:repeat(2, 1fr);
        margin-top:55px;
        gap:25px 0;
    }

    #about-study .about-study-counter-item{
        padding:10px 25px;
        border-right:1px solid rgba(255,255,255,.12);
    }

    #about-study .about-study-counter-item:nth-child(2){
        border-right:0;
    }

    #about-study .about-study-counter-item:nth-child(3),
    #about-study .about-study-counter-item:nth-child(4){
        border-top:1px solid rgba(255,255,255,.12);
        padding-top:30px;
    }

    #about-study .about-study-counter-item:nth-child(3){
        border-right:1px solid rgba(255,255,255,.12);
    }

    #about-study .about-study-counter-item:first-child,
    #about-study .about-study-counter-item:last-child{
        padding-left:25px;
        padding-right:25px;
    }

}


/* ===============================
   Mobile pequeño
================================ */

@media(max-width:575px){

    #about-study{
        padding:55px 0;
    }

    #about-study .about-study-subtitle{
        font-size:.8rem;
    }

    #about-study .about-study-title{
        font-size:1.8rem;
    }

    #about-study .about-study-description{
        font-size:.95rem;
    }

    #about-study .about-study-value{
        gap:18px;
        padding:22px 0;
    }

    #about-study .about-study-value-icon{
        flex:0 0 55px;
        width:55px;
        height:55px;
        border-radius:10px;
    }

    #about-study .about-study-value-icon i{
        font-size:1.5rem;
    }

    #about-study .about-study-value-content h3{
        font-size:1rem;
    }

    #about-study .about-study-value-content p{
        font-size:.9rem;
    }

    #about-study .about-study-counter{
        grid-template-columns:1fr;
        padding:25px 20px;
        margin-top:45px;
        border-radius:18px;
        gap:0;
    }

    #about-study .about-study-counter-item,
    #about-study .about-study-counter-item:nth-child(3),
    #about-study .about-study-counter-item:nth-child(4){
        padding:25px 5px;
        border-right:0 !important;
        border-top:0 !important;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    #about-study .about-study-counter-item:first-child{
        padding-top:5px;
    }

    #about-study .about-study-counter-item:last-child{
        padding-bottom:5px;
        border-bottom:0;
    }

    #about-study .about-study-counter-number{
        font-size:2rem;
    }

    #about-study .about-study-counter-icon i{
        font-size:2rem;
    }

}

/* ===============================
   SERVICIOS
================================ */

.container-indent0.bannerpos-2.bannerorden-1 {
    background: #f5f8f8;
    padding: 40px 0px;
}

.css-novedades-d .tt-post-single .tt-post-content {
    margin-top: 0px!important;
}

#tt-pageContent .container-indent .row .col-xs-12.col-md-10.col-lg-8.col-md-auto {
    flex: 0 0 100%!important;
        max-width: 100%!important;
}

.tt-post-single .tt-tag, .tt-post-single h1.tt-title, .tt-post-single .tt-autor {
    display: none!important;
}

#services-home .services-header{
    text-align:center;
}

#services-home {
  padding:40px 0!important;
}

#services-home .services-subtitle{
    display:inline-block;
    margin-bottom:15px;
    color:var(--color-main);
    font-size:.9rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin
}

#services-home h2{
    font-size:2.3rem;
    font-weight:700;
    margin-bottom:20px;
}

#services-home .services-header p{    
    line-height:1.8;
    margin-bottom: 40px;
}

#services-home .service-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    height:100%;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

#services-home .service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 50px rgba(0,0,0,.12);
}

#services-home .service-image{
    overflow:hidden;
}

#services-home .service-image img{
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
    transition:.5s;
}

#services-home .service-card:hover img{
    transform:scale(1.08);
}

#services-home .service-content{
    padding:32px;
}

#services-home h3{
    font-size:1.35rem;
    margin-bottom:18px;
    font-weight:700;
}

#services-home .service-content p{
    color:#666;
    line-height:1.7;
    margin-bottom:28px;
}

#services-home .service-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    font-weight:600;
    color:var(--color-main);
    transition:.3s;
    border: 1px solid var(--color-main);
    padding: 10px 25px;
    border-radius: 50px;
}

#services-home .service-link i{
    transition:.3s;
}

#services-home .service-link:hover i{
    transform:translateX(6px);
}

@media(max-width:991px){

    #services-home{
        padding:70px 0;
    }

    #services-home h2{
        font-size:2rem;
    }

    #services-home .service-content{
        padding:28px;
    }

}


/* ===============================
   Equipo
================================ */

#team-home{
    padding:90px 0;
    background:#fff;
}

#team-home .team-header{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

#team-home .team-subtitle{
    display:inline-block;
    margin-bottom:15px;
    font-size:.9rem;
    font-weight:600;
    color:#0098d8;
    letter-spacing:.08em;
    text-transform:uppercase;
}

#team-home h2{
    font-size:2.4rem;
    font-weight:700;
    margin-bottom:25px;
}

#team-home p{
    color:#666;
    line-height:1.8;
    margin-bottom:18px;
}

#team-home .btn{
    margin-top:20px;
}

#team-home .team-image img{
    width:100%;
    display:block;
    transition:.6s;
}

@media(max-width:991px){

    #team-home{
        padding:70px 0;
    }

    #team-home h2{
        font-size:2rem;
    }

}


/* ==========================================================
   INSTITUCIONAL INTERNO
   HERO
========================================================== */

#tt-pageContent.css-pagina-1col.institucional {
    margin-top: -52px!important;
}

#about-interno-hero{
    position: relative;
    overflow: hidden;
    padding: 140px 0 170px;
    background: linear-gradient(135deg, var(--color-main) 0%, var(--color-azul) 100%);
    color: var(--color-white);
}

#about-interno-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    opacity: .08;
    background:
        repeating-linear-gradient(
            125deg,
            transparent 0,
            transparent 34px,
            rgba(255,255,255,.8) 35px,
            transparent 36px
        );
}

#about-interno-hero::after{
    content: "";
    position: absolute;
    left: -10%;
    width: 120%;
    height: 170px;
    bottom: -90px;
    background: var(--color-white);
    border-radius: 50% 50% 0 0;
}

#about-interno-hero .container{
    position: relative;
    z-index: 5;
}

#about-interno-hero .hero-circle{
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,.07);
}

#about-interno-hero .circle-1{
    width: 340px;
    height: 340px;
    right: -120px;
    top: -120px;
}

#about-interno-hero .circle-2{
    width: 220px;
    height: 220px;
    left: 8%;
    bottom: 60px;
}

.about-interno-subtitle{
    display: inline-block;
    margin-bottom: 18px;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: rgba(255,255,255,.85);
}

#about-interno-about .about-interno-subtitle,
#about-interno-work .about-interno-subtitle,
#about-interno-team .about-interno-subtitle{
    color: var(--color-main);
}

.about-interno-title{
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 30px;
}

.about-interno-description{
    font-size: 1.1rem;
    line-height: 1.9;
    color: rgba(255,255,255,.9);
    margin-bottom: 18px;
}



/* ==========================================================
   TITULOS GENERALES
========================================================== */

.about-interno-section-title{
    font-size: 2.3rem;
    font-weight: 700;
    color: var(--color-azul);
    margin-bottom: 30px;
}

.about-interno-intro{
    color: #5e6a73;
    line-height: 1.9;
}



/* ==========================================================
   QUIENES SOMOS
========================================================== */

#about-interno-about{
    background: var(--color-white);
    padding: 100px 0;
}

#about-interno-about p{
    color: #5e6a73;
    line-height: 1.9;
    margin-bottom: 20px;
}

.about-interno-image{
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(0,0,0,.10);
}

.about-interno-image img{
    display: block;
    width: 100%;
    transition: .5s;
}

.about-interno-image:hover img{
    transform: scale(1.05);
}



/* ==========================================================
   NUESTRA FORMA DE TRABAJAR
========================================================== */

#about-interno-work{
    background: var(--color-gray);
    padding: 100px 0;
}

#about-interno-work .about-interno-card{
    height: 100%;
    background: var(--color-white);
    border-radius: 18px;
    padding: 35px 28px;
    text-align: center;
    transition: var(--transition-main);
    border: 1px solid rgba(0,0,0,.05);
}

#about-interno-work .about-interno-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,.08);
}

#about-interno-work .about-interno-card i{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(0,110,201,.08);
    color: var(--color-main);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    margin-bottom: 22px;
}

#about-interno-work .about-interno-card h4{
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-azul);
    margin-bottom: 18px;
}

#about-interno-work .about-interno-card p{
    margin: 0;
    color: #5e6a73;
    line-height: 1.8;
}

/* ==========================================================
   NUESTRO EQUIPO
========================================================== */

#about-interno-team{
    background: var(--color-white);
    padding: 100px 0;
}

#about-interno-team .about-interno-member{
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    transition: var(--transition-main);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

#about-interno-team .about-interno-member:hover{
    transform: translateY(-8px);
    box-shadow: 0 25px 45px rgba(0,0,0,.10);
}

#about-interno-team .member-image{
    overflow: hidden;
    background: var(--color-gray);
}

#about-interno-team .member-image img{
    display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
    transition: .45s;
}

#about-interno-team .about-interno-member:hover .member-image img{
    transform: scale(1.05);
}

#about-interno-team .member-content{
    padding: 30px;
}

#about-interno-team .member-content h3{
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--color-azul);
    margin-bottom: 10px;
}

#about-interno-team .member-profession{
    display: inline-block;
    padding: 6px 14px;
    border-radius: 30px;
    background: rgba(0,110,201,.08);
    color: var(--color-main);
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: 18px;
}

#about-interno-team .member-role{
    font-weight: 700;
    color: var(--color-black);
    margin-bottom: 12px;
}

#about-interno-team .member-speciality{
    color: #5e6a73;
    line-height: 1.8;
}



/* ==========================================================
   CTA FINAL
========================================================== */

#about-interno-cta{
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: linear-gradient(135deg, var(--color-main) 0%, var(--color-azul) 100%);
    color: var(--color-white);
}

#about-interno-cta::before{

    content: "";

    position: absolute;
    inset: 0;

    opacity: .08;

    background:
        repeating-linear-gradient(
            125deg,
            transparent 0,
            transparent 34px,
            rgba(255,255,255,.9) 35px,
            transparent 36px
        );

}

#about-interno-cta .container{
    position: relative;
    z-index: 2;
}

#about-interno-cta h2{
    color: var(--color-white);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 25px;
}

#about-interno-cta p{
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.9;
    color: rgba(255,255,255,.90);
}

.about-interno-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 45px;
    flex-wrap: wrap;
}



/* ==========================================================
   EFECTOS GENERALES
========================================================== */

.about-interno-image,
.about-interno-card,
.about-interno-member{
    transition: var(--transition-main);
}

.about-interno-image:hover,
.about-interno-card:hover,
.about-interno-member:hover{
    will-change: transform;
}



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

@media (max-width:1199px){

    .about-interno-title{
        font-size: 2.6rem;
    }

    .about-interno-section-title{
        font-size: 2rem;
    }

    #about-interno-team .member-image img{
        height: 320px;
    }

}

@media (max-width:991.98px){

    #about-interno-hero{
        padding: 110px 0 140px;
    }

    #about-interno-about,
    #about-interno-work,
    #about-interno-team,
    #about-interno-cta{
        padding: 80px 0;
    }

    .about-interno-title{
        font-size: 2.2rem;
    }

    .about-interno-section-title{
        font-size: 1.8rem;
    }

    #about-interno-about{
        text-align: center;
    }

    .about-interno-image{
        max-width: 520px;
        margin: 0 auto 20px;
    }

    #about-interno-work .about-interno-card{
        padding: 30px 24px;
    }

    #about-interno-team .member-image img{
        height: 340px;
    }

    #about-interno-cta h2{
        font-size: 2rem;
    }

}

@media (max-width:767.98px){

    #about-interno-hero{
        padding: 90px 0 120px;
    }

    .about-interno-title{
        font-size: 1.9rem;
        line-height: 1.25;
    }

    .about-interno-description,
    .about-interno-intro{
        font-size: 1rem;
    }

    .about-interno-section-title{
        font-size: 1.6rem;
    }

    #about-interno-work .about-interno-card i{
        width: 70px;
        height: 70px;
        font-size: 1.7rem;
    }

    #about-interno-work .about-interno-card{
        padding: 28px 22px;
    }

    #about-interno-team .member-image img{
        height: 300px;
    }

    .about-interno-buttons{
        flex-direction: column;
        gap: 15px;
    }

    .about-interno-buttons .btn{
        width: 100%;
        max-width: 320px;
    }

}

@media (max-width:575.98px){

    .about-interno-title{
        font-size: 1.75rem;
    }

    .about-interno-section-title{
        font-size: 1.45rem;
    }

    #about-interno-team .member-content{
        padding: 24px;
    }

    #about-interno-team .member-image img{
        height: 280px;
    }

    #about-interno-cta h2{
        font-size: 1.75rem;
    }

}

/* ==========================================================
   TODOS LOS SERVICIOS
========================================================== */

#services-page {    
    background: var(--color-white);
}


/* ==========================================================
   CABECERA
========================================================== */

#services-page .services-page-header{
    max-width: 860px;
    margin: 0 auto 70px;
    text-align: center;
}

#services-page .services-page-subtitle{
    display: inline-block;
    margin-bottom: 18px;
    color: var(--color-main);
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

#services-page .services-page-title{
    font-size: 2.7rem;
    font-weight: 700;
    color: var(--color-azul);
    line-height: 1.2;
    margin-bottom: 30px;
}

#services-page .services-page-description{
    color: #5e6a73;
    line-height: 1.9;
    margin-bottom: 18px;
}



/* ==========================================================
   CARDS
========================================================== */

#services-page .service-page-card{
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    border: 1px solid rgba(0,0,0,.06);
    transition: var(--transition-main);
    box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

#services-page .service-page-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 25px 45px rgba(0,0,0,.10);
}

#services-page .service-page-image{
    overflow: hidden;
}

#services-page .service-page-image img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: .45s;
    margin-top: 0px !important;
}

#services-page .service-page-card:hover .service-page-image img{
    transform: scale(1.06);
}

#services-page .service-page-content{
    padding: 32px;
}

#services-page .service-page-content h3{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--color-azul);
    margin-bottom: 18px;
}

#services-page .service-page-content p{
    color: #5e6a73;
    line-height: 1.8;
    margin-bottom: 30px;
}

#services-page .service-page-link{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: var(--color-main);
    text-decoration: none;
    transition: var(--transition-main);
    border: 1px solid var(--color-main);
    padding: 10px 25px;
    border-radius: 50px;
    border: 1px solid var(--color-main);
    padding: 10px 25px;
    border-radius: 50px;
}

#services-page .service-page-link i{
    transition: .3s;
}

#services-page .service-page-link:hover{
    color: var(--color-azul);
}

#services-page .service-page-link:hover i{
    transform: translateX(6px);
}



/* ==========================================================
   CTA
========================================================== */

#services-page .services-page-cta{
    margin-top: 90px;
    padding: 70px 50px;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, var(--color-main) 0%, var(--color-azul) 100%);
}

#services-page .services-page-cta::before{

    content:"";

    position:absolute;
    inset:0;

    opacity:.08;

    background:
        repeating-linear-gradient(
            125deg,
            transparent 0,
            transparent 34px,
            rgba(255,255,255,.9) 35px,
            transparent 36px
        );

}

#services-page .services-page-cta .row{
    position: relative;
    z-index: 2;
}

#services-page .services-page-cta .services-page-subtitle{
    color: rgba(255,255,255,.85);
}

#services-page .services-page-cta h2{
    color: var(--color-white);
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom: 25px;
}

#services-page .services-page-cta p{
    color: rgba(255,255,255,.90);
    line-height: 1.9;
    margin-bottom: 35px;
}



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

@media (max-width:1199px){

    #services-page .services-page-title{
        font-size: 2.4rem;
    }

}

@media (max-width:991.98px){
    

    #services-page .services-page-title{
        font-size: 2.1rem;
    }

    #services-page .services-page-header{
        margin-bottom: 60px;
    }

    #services-page .service-page-image img{
        height: 300px;
    }
   

}

@media (max-width:767.98px){

    #services-page .services-page-title{
        font-size: 1.85rem;
    }

    #services-page .services-page-content{
        padding: 28px;
    }

    #services-page .service-page-image img{
        height: 240px;
    }

    #services-page .services-page-cta{
        padding: 60px 30px;
    }

    #services-page .services-page-cta h2{
        font-size: 1.9rem;
    }

}

@media (max-width:575.98px){
   

    #services-page .services-page-title{
        font-size: 1.65rem;
    }

    #services-page .service-page-image img{
        height: 220px;
    }

    #services-page .services-page-cta{
        padding: 50px 25px;
        margin-top: 60px;
    }

    #services-page .services-page-cta h2{
        font-size: 1.65rem;
    }

}

/*==========================================================
  DETALLE DE SERVICIO
==========================================================*/

#service-detail{    
    background: var(--color-white);
    padding-bottom: 90px;
}

/*==========================================================
  CABECERA
==========================================================*/

#service-detail .service-detail-header{
    max-width: 820px;
    margin: 0 auto 70px;
    text-align: center;
}

#service-detail .service-detail-subtitle{
    display: inline-block;
    margin-bottom: 18px;
    color: var(--color-main);
    font-size: .90rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

#service-detail .service-detail-title{
    font-size: 2.7rem;
    font-weight: 700;
    color: var(--color-azul);
    line-height: 1.2;
    margin-bottom: 28px;
}

#service-detail .service-detail-description{
    color: #5e6a73;
    line-height: 1.9;
}



/*==========================================================
  IMAGEN + TEXTO
==========================================================*/

#service-detail .service-detail-about{
    padding: 30px 0 90px;
}

#service-detail .service-detail-image{
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    margin-bottom: 20px;
}

#service-detail .service-detail-image img{
    display: block;
    width: 100%;
    transition: .45s;
}

#service-detail .service-detail-image:hover img{
    transform: scale(1.05);
}

#service-detail .service-detail-about h2{
    color: var(--color-azul);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 28px;
}

#service-detail .service-detail-about p{
    color: #5e6a73;
    line-height: 1.9;
    margin-bottom: 18px;
}



/*==========================================================
  SERVICIOS INCLUIDOS
==========================================================*/

#service-detail .service-detail-list{
    padding: 90px 0;
    background: var(--color-gray);
    border-radius: 0px;
}

#service-detail .service-list-card{
    background: var(--color-white);
    border-radius: 22px;
    padding: 45px;
    box-shadow: 0 12px 35px rgba(0,0,0,.05);
}

#service-detail .service-list-card h2{
    color: var(--color-azul);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 35px;
}

#service-detail .service-list-card ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#service-detail .service-list-card li{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 0;
    color: #49545c;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

#service-detail .service-list-card li:last-child{
    border-bottom: none;
}

#service-detail .service-list-card i{
    color: var(--color-main);
    font-size: 1.2rem;
    flex-shrink: 0;
}



/*==========================================================
  CTA
==========================================================*/

#service-detail .service-detail-cta{
    margin-top: 90px;
    padding: 70px 50px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg,var(--color-main) 0%,var(--color-azul) 100%);
}

#service-detail .service-detail-cta::before{

    content:"";

    position:absolute;
    inset:0;

    opacity:.08;

    background:
        repeating-linear-gradient(
            125deg,
            transparent 0,
            transparent 34px,
            rgba(255,255,255,.9) 35px,
            transparent 36px
        );

}

#service-detail .service-detail-cta .row{
    position: relative;
    z-index: 2;
}

#service-detail .service-detail-cta .service-detail-subtitle{
    color: rgba(255,255,255,.85);
}

#service-detail .service-detail-cta h2{
    color: var(--color-white);
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom: 22px;
}

#service-detail .service-detail-cta p{
    color: rgba(255,255,255,.90);
    line-height: 1.9;
    margin-bottom: 35px;
}



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

@media (max-width:1199px){

    #service-detail .service-detail-title{
        font-size: 2.4rem;
    }

}

@media (max-width:991.98px){

    #service-detail{
        padding: 0px;
    }

    #service-detail .service-detail-header{
        margin-bottom: 60px;
    }

    #service-detail .service-detail-title{
        font-size: 2.1rem;
    }

    #service-detail .service-detail-about{
        padding-bottom: 70px;
    }

    #service-detail .service-detail-list{
        padding: 70px 30px;
    }

    #service-detail .service-detail-about{
        text-align: center;
    }

    #service-detail .service-detail-image{
        max-width: 520px;
        margin: 0px 0px 25px auto;
    }

}

@media (max-width:767.98px){

    #service-detail{
        padding: 0px 0;
    }

    #service-detail .service-detail-title{
        font-size: 1.85rem;
    }

    #service-detail .service-detail-about h2,
    #service-detail .service-list-card h2{
        font-size: 1.6rem;
    }

    #service-detail .service-list-card{
        padding: 35px 28px;
    }

    #service-detail .service-detail-cta{
        padding: 60px 30px;
    }

    #service-detail .service-detail-cta h2{
        font-size: 1.9rem;
    }

}

@media (max-width:575.98px){

    #service-detail .service-detail-title{
        font-size: 1.65rem;
    }

    #service-detail .service-detail-list{
        padding: 50px 15px;
    }

    #service-detail .service-list-card{
        padding: 28px 22px;
    }

    #service-detail .service-list-card li{
        font-size: .95rem;
        padding: 16px 0;
    }

    #service-detail .service-detail-cta{
        padding: 50px 25px;
    }

    #service-detail .service-detail-cta h2{
        font-size: 1.65rem;
    }

}

/*==========================================================
  BÚSQUEDAS LABORALES
==========================================================*/

.busquedas-laborales{
    margin-top: 40px;
}

.busquedas-laborales h4{
    color: var(--color-azul);
    font-size: 2rem;
    font-weight: 700;
}

.busquedas-laborales p{
    color: #5e6a73;
    line-height: 1.9;
}



/*==========================================================
  FICHA
==========================================================*/

.busqueda-item{
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,.10);
    transition: var(--transition-main);
}

.busqueda-item:last-child{
    border-bottom: none;
}

.busqueda-item:hover{
    padding-left: 12px;
}

.busqueda-item h5{
    color: var(--color-azul);
    font-size: 1.45rem;
    font-weight: 700;
    margin-bottom: 25px;
}



/*==========================================================
  DATOS
==========================================================*/

.busqueda-datos{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:16px 30px;

    margin-bottom:25px;

}

.busqueda-datos div{
    display:flex;
    align-items:flex-start;
    gap:12px;
    color:#4d5962;
    line-height:1.6;
}

.busqueda-datos i{
    color:var(--color-main);
    font-size:1rem;
    width:20px;
    margin-top:2px;
    flex-shrink:0;
}

.busqueda-datos strong{
    color:var(--color-black);
}



/*==========================================================
  DESCRIPCIÓN
==========================================================*/

.busqueda-resumen{
    margin-bottom:25px;
    color:#5e6a73;
    line-height:1.9;
}



/*==========================================================
  LINK
==========================================================*/

.busqueda-link{
    isplay: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition-main);
    margin-top: 40px;
    border: 1px solid var(--color-main);
    background: var(--color-main);
    color: white;
    padding: 10px 25px;
    border-radius: 50px;
}

.busqueda-link i{
    transition:.3s;
}

.busqueda-link:hover{
    color: white;
    background: var(--color-azul);
}

.busqueda-link:hover i{
    transform:translateX(6px);
}



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

@media (max-width:991.98px){

    .busquedas-laborales h4{
        font-size:1.75rem;
    }

}

@media (max-width:767.98px){

    .busqueda-datos{

        grid-template-columns:1fr;

        gap:14px;

    }

    .busqueda-item h5{
        font-size:1.25rem;
    }

    .busquedas-laborales h4{
        font-size:1.55rem;
    }

}

/*==========================================================
  CADA BÚSQUEDA
==========================================================*/

.cv-upload-form {
    max-width: 700px;
}

.cv-upload-form .form-label {
    font-weight: 600;
    color: #444;
    margin-bottom: 10px;
}

.cv-upload-form .upload-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background: #f7f7f7;
    flex-wrap: wrap;
}

.cv-upload-form .upload-file-name {
    flex: 1;
    color: #777;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-upload-form .upload-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    background: var(--color-main);
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    transition: .25s;
    font-weight: 500;
    margin: 0;
    white-space: nowrap;
}

.cv-upload-form .upload-button:hover {
    background: #0057a2;
}

.cv-upload-form .upload-button i {
    font-size: 1rem;
    transition: .25s;
}

.cv-upload-form .upload-button:hover i {
    transform: translateX(4px);
}

.cv-upload-form .form-text {
    color: #888;
    margin-top: 8px;
}

.cv-upload-form .btn-submit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    background: var(--color-azul);
    color: #fff;
    border: 0;
    border-radius: 6px;
    transition: .25s;
    font-weight: 600;
}

.cv-upload-form .btn-submit:hover {
    background: #0057a2;
}

.cv-upload-form .btn-submit i {
    transition: .25s;
}

.cv-upload-form .btn-submit:hover i {
    transform: translateX(4px);
}

@media (max-width: 576px) {

    .cv-upload-form .upload-box {
        flex-direction: column;
        align-items: stretch;
    }

    .cv-upload-form .upload-file-name {
        white-space: normal;
        text-align: center;
    }

    .cv-upload-form .upload-button {
        justify-content: center;
        width: 100%;
    }

}

/*comienza el sitio original*/

.tt-header-holder .tt-obj-logo:not(.obj-move-right):not(.obj-aligment-center) .tt-logo {margin-right: 20px;}
.prop-c1 .select2 .selection .select2-selection, .prop-c1 .form-group input, .prop-c1dh .form-group input, .prop-avanzada .btn-lista {-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.prop-c2 .select2 .selection .select2-selection {border-radius: 0px!important;}
.prop-c1 .select2 .selection .select2-selection, .prop-c2 .select2 .selection .select2-selection {border-right: 0px; min-width: 100%; width: 100%}
.prop-c1 .select2, .prop-c2 .select2, .prop-c3 .select2 {min-width: 100%!important; width: 100%!important}
@media (min-width: 1025px) {
  .prop-c2  {padding-left: 0px; padding-right: 0px}
  .prop-c1, .prop-c1dh {padding-right: 0px}
  .prop-btn, .prop-c3, .prop-c3dh {padding-left: 0px}
  .form-busqueda .row.mb-2 {margin-top: 1rem!important}
  .tt-collapse-block .prop-avanzada.active .tt-collapse-title {bottom: 0px;}
  .prop-title {margin:0 0 15px; color:#fff!important}
  .prop-ambientes .tt-options-swatch.options-middle li a {min-width: 32px; min-height: 40px;}
}
@media (max-width: 1024px) {
.prop-ambientes .tt-options-swatch.options-middle li a {min-width: 32px; min-height: 30px;}
.prop-title {margin:0 0 10px; color:#fff!important}
.prop-c1dh {padding-right: 0px}
.prop-c3dh {padding-left: 0px}
.prop-fnd img {height: calc(100vh - 100px);}
.prop-tmobile {margin-top: 10px;}
.form-busqueda .form-group {margin-bottom: 10px;}
.form-busqueda .row.mb-2 {margin-top: 0.5rem!important}
.prop-label-mobile {display: none}
.btn-avanzada {margin-top: 1rem!important}
.tt-collapse-block .prop-avanzada.active .tt-collapse-title {bottom: -10px;}
}
@media (max-width: 900px) {
.prop-fnd .tt-description .tt-title-small {
    font-size: 20px;
    line-height: 20px;
}
}

.prop-c1 .form-group input, .prop-c1dh .form-group input {border-right: 1px solid #aaa}
.prop-btn a, .prop-c3 .form-group input, .prop-c3dh .form-group input, .prop-avanzada .btn-mapa {-webkit-border-top-left-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-bottomleft: 0px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.prop-btn a i {font-size: 14px; position: relative; top: -1px;}
.prop-wrapper {background: rgba(0, 0, 0, 0.65)!important; padding:20px!important}
.prop-ambientes ul.tt-options-swatch li {margin: 10px 5px 0!important}
.prop-c-label {color: #eeeeee}
.prop-avanzada .tt-collapse-title {color: #eeeeee!important; padding-top: 17px!important; padding-bottom: 0px!important;}
.prop-avanzada .tt-collapse-title:hover {color: #ffffff!important}
.tt-collapse-block .prop-avanzada.active .tt-collapse-title {color: #eee; padding-bottom: 15px; position: absolute; width: calc(100% - 20px);}
.prop-avanzada .btn-group {position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle;}
.prop-avanzada .btn-group input{display: none}
.prop-avanzada label.w-50.btn.btn-secondary {background: #787878; border: 2px solid #fff;}
.prop-avanzada label.w-50.btn.btn-secondary.active {background: #fff; border: 2px solid #fff; color: #151514}


.tt-btn-col-close a:hover, .leftColumn .tt-list-row li a.active, .tt-filters-options .tt-btn-toggle a, .tt-filters-options .tt-btn-toggle a:before, .tt-filters-options .tt-btn-toggle a {color:var(--color-main);}
.tt-breadcrumb ul li a,.tt-breadcrumb ul li {text-transform: uppercase;}
.t-decimal:after {border-bottom: 1px solid var(--color-main);}
.tt-product:not(.tt-view).thumbprod-center .tt-description .tt-price {zoom: 2; color: var(--color-main)!important;}

ul.tt-social-icon.justify-content-center li a {color:var(--color-main);}
ul.tt-social-icon.justify-content-center li a:hover {color:#5b99fe}
@media (min-width: 790px) {
  h1:not(.tt-title-subpages):not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]) {color:#fff}
}
/* alerta no compra*/
.t-alert{background: red; color: #fff; padding: 10px 50px 10px 15px;}
#t-alert-cerrar{position: absolute; top: 8px; right: 8px; color: inherit; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.t-cerrar{font-size: 22px;}
/* alerta no compra*/
/* barras laterales*/
@media (max-width: 1024px) {
  header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-btn .tt-item {margin-top: 10px!important;}
  header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-total-row {margin-top: 20px; padding-top: 14px;}
}
#carrito-canastita {overflow-x: hidden; max-height: 250px; padding-right: 15px;}
body::-webkit-scrollbar, #carrito-canastita::-webkit-scrollbar {background-color:#fff; width:16px}
body::-webkit-scrollbar-track, #carrito-canastita::-webkit-scrollbar-track {background-color:#fff}
body::-webkit-scrollbar-thumb, #carrito-canastita::-webkit-scrollbar-thumb {background-color:#babac0; border-radius:16px; border:4px solid #fff}
body::-webkit-scrollbar-button, #carrito-canastita::-webkit-scrollbar-button {display:none}
/* barras laterales*/
/*base*/
.precios-comparar {
  width: 100%;
  text-align: center;
  display: block!important;
}
.tt-compare-table .tt-item .tt-image-box .tt-img img {
    margin: 0 auto;
}
@media (min-width: 790px){
  .tt-shopcart-col .form-control {
      height: 244px;
  }
}
#sucursales .tt-blog-masonry .tt-post-content span b {font-weight: 900}
#sucursales .tt-blog-masonry .tt-post-content {margin-left: 70px; margin-right: 70px;}
.tt-description-wrapper{background: rgba(40, 121, 254, .75); padding: 6px; border-radius: 4px;}
.tt-description .tt-obj-bottom {background: rgba(40, 121, 254, .75); width: calc(100% - 58px); margin-left: -6px; padding: 6px 6px 4px;border-radius: 4px;}
.tt-promo-02 .tt-description .tt-obj-bottom {bottom: 20px}
.tt-base-color {
    color: var(--color-main)!important;
}
.modal-newsletter .modal-backdrop.show {
    -moz-opacity: 0.93!important;
    -khtml-opacity: 0.93!important;
    -webkit-opacity: 0.93!important;
    opacity: 0.93!important;
}
.color-2{color:#28c1fe!important}
.logo-splash{width: 100%!important}

.tt-promo-fixed .tt-description a {
    line-height: 15px!important;
    padding-top: 5px!important;
}
footer .tt-logo-alignment {
    top: 3px!important;
}
@media (min-width: 790px){
  footer .tt-color-scheme-01 .tt-collapse-title {
      line-height: 16px;
  }
}
.tt-wishlist-box .tt-wishlist-list .tt-item .tt-col-description .tt-description .tt-price .new-price, .tt-compare-table .tt-item .tt-image-box .tt-price .new-price, .precio-oferta, .tt-product:not(.tt-view) .tt-description .tt-price .new-price, .tt-product-design02:not(.tt-view) .tt-description .tt-price .new-price {
    color: var(--color-main)!important;
}
.tt-wishlist-box .tt-wishlist-list .tt-item .tt-col-description .tt-description .tt-price .old-price, .tt-compare-table .tt-item .tt-image-box .tt-price .old-price, .tt-product-single-info .tt-price .old-price, .precio-ant, .tt-product:not(.tt-view) .tt-description .tt-price .old-price {
    color: #dcdcdc!important;
    text-decoration: line-through;
}
.mw-80{max-width: 80px}
.tt-logo-2 img {height: auto; max-height: 15px; top: -2px; position: relative; padding-right: 15px;}
.tt-desctop-menu .tt-logo-2 img{width: auto!important; display: none}
.tt-desctop-menu nav > ul > li.dropdown > a {font-size: 12px}
@media (min-width: 1025px) and (max-width: 1229px) {
  .tt-desctop-menu nav > ul > li.dropdown > a {font-size: 11px; padding: 17px 7px 16px;}
}
.tt-stuck-parent-menu .tt-desctop-menu .tt-logo-2 img {display: block}
.tt-mobile-header .tt-logo-container .tt-logo img, .tt-logo img {max-height: 15px; position: relative; top: 1px}
.tt-label-gratis {background: #28a745; color: #ffffff; padding: 2px 6px; border-radius: 4px;}
#steps-uid-0 .actions ul li.disabled:nth-child(1) {display: none;}
footer .tt-box-copyright a img.loading {max-height: 51px}