/*generales*/
@font-face {
  font-family: 'RockwellCustom';
  src: url('../fonts/Rockwell-Font/ROCK.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'RockwellCustom';
  src: url('../fonts/Rockwell-Font/Rockwell-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

body{
  font-family: 'Josefin Sans', sans-serif;
  
}
a:focus, a:hover{
  text-decoration: none;
}
h1 {
  font-weight: 600;
  color: #ffffff;
  font-size: 50px;
  line-height: 0.79em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-family: 'Josefin Sans', sans-serif;
  margin-top: 0px;
}
#rev_slider_1_1_wrapper h1{
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 110px !important;
  font-weight: bold !important;
}
#rev_slider_1_1_wrapper h2{
  font-family: 'RockwellCustom', 'Rockwell', sans-serif !important;
  font-size: 70px !important;
  line-height: 1 !important;
  font-weight: bold !important;
}
#rev_slider_1_1_wrapper p{
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 25px !important;
}
h2 {
    font-size: 32px;
    text-transform: none;
    font-weight: 600;
    margin: 0px auto;
    font-family: 'Josefin Sans', sans-serif;
    color: #ffffff;
    line-height: 1.2;
    margin-top: 0px;
}
h3 {
    font-size: 22px;

    text-transform: none;
 
    margin: 0px auto;
    
    font-family: 'Josefin Sans', sans-serif;
    color: #ffffff;
    line-height: 1.2;
    margin-top: 0px;
}
h6 {
    font-size: 22px;
    text-transform: none;
    font-weight: 800;
    margin: 0px auto;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    color: #ffffff;
    line-height: 1.2;
    margin-top: 0px;
}
h3{
  margin-top: 0px;
}
h4 {
  font-weight: 800;
  color: #000000;
  font-size: 22px;
  line-height: 0.79em;
  
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-family: 'Josefin Sans', sans-serif;
      margin-bottom: 20px;
}
h5{
    float: right;
    font-size: 24px;
    text-decoration: underline;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}
p{
  font-size: 20px;
}
.navbar{
  margin-bottom: 0;
  border: 0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
  background-color: transparent;
}
.dropdown-menu{
  top: 214%;
}
.dropdown-menu>li>a{
  font-family: 'RockwellCustom', 'Rockwell', serif;
  color: #000000;
}
.lj-portfolio-filters{
font-family: 'RockwellCustom', 'Rockwell', serif;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
  background-image: none !important;
  background-color: transparent !important;
}
#universos,#propiedad {
    scroll-margin-top: 100px;
}
.navbar-fixed-top{
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
body.home .contenido{
  margin-top: 0px;
}
.contenido{
  margin-top: 146px;
}
body.home .contenido{
  margin-top: 0;
}

body.front-page .contenido,
body[class*="plantilla-home"] .contenido{
  margin-top: 0 !important;
}

body.home .navbar-fixed-top,
body.front-page .navbar-fixed-top,
body[class*="plantilla-home"] .navbar-fixed-top{
 
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  top: 16px;
}

.marquee{
    width:100%;
    overflow:hidden;
    padding: 20px 0px;
}

.marquee-track{
    display:flex;
    align-items:center;
    gap:80px;
    width:max-content;
    animation:scroll 20s linear infinite;
}

.marquee-track img{
    height:120px; /* Ajusta */
    width:auto;
    flex-shrink:0;
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}
.navbar-fixed-top{
  top:16px;
}
.navbar .dropdown-toggle::after {
    content: "";
    display: inline-block;
    margin-left: .45rem;
    vertical-align: .2em;
    border-top: .35em solid currentColor;
    border-right: .35em solid transparent;
    border-left: .35em solid transparent;
    transition: transform .25s ease;
}
.navbar .show > .dropdown-toggle::after,
.navbar .dropdown-toggle[aria-expanded="true"]::after{
    transform: rotate(180deg);
}
.lj-portfolio-filters{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    justify-content:center;
    margin:0 0 50px;
}

.lj-portfolio-filters button{
    border:none;
    background:#eee;
    padding: 6px 6px;
    font-size: 14px;
    border-radius:100px;
    cursor:pointer;
    transition:.3s;
}

.lj-portfolio-filters button:hover,
.lj-portfolio-filters button.active{
    background:#000;
    color:#fff;
}
.navbar-fixed-top .container{
  max-width: calc(100% - 56px);
  min-height: 99px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: #f6f4ee;
  border-radius: 20px;
  margin-top: 10px;
  padding: 0 34px;
}
.navbar-header{
  float: none;
  position: static;
  left: auto;
  top: auto;
  transform: none;
  display: flex;
  align-items: center;
}
.navbar-brand,
.custom-logo-link{
  height: auto;
  padding: 0;
  margin-left: 0 !important;
  display: inline-flex;
  align-items: center;
}
.navbar-brand img,
.custom-logo{
  display: block;
  width: auto;
  height: 86px;
  max-width: none;
}
.navbar-collapse{
  padding-left: 0;
  padding-right: 0;
  flex: 1 1 auto;
}
.navbar-nav{
  float: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 0 auto;
}
.navbar-nav>li{
  float: none;
  position: relative;
}
.navbar-nav>li+li{
  border-left: 0;
}
.navbar-nav>li+li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 52px;
  background: #2a2a2a;
}
.navbar-nav>li>a{
  padding: 0 30px;
  color: #222222;
  font-family: 'RockwellCustom', 'Rockwell', serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
.row.lj-nosotros-band-head{
  font-family: 'RockwellCustom', 'Rockwell', serif;
}

@media (min-width: 993px) {
  .navbar-header{
    flex: 0 0 auto;
  }

  .navbar-collapse{
    display: flex !important;
    justify-content: flex-end;
  }
}
.navbar-nav>.current-menu-item>a,
.navbar-nav>.current-menu-item>a:focus,
.navbar-nav>.current-menu-item>a:hover,
.current-menu-item a{
  color: #ef8f2f !important;
}
.navbar-nav>li>a .caret{
  margin-left: 8px;
  border-top-width: 7px;
  border-right-width: 7px;
  border-left-width: 7px;
}
.menu-principal-container a{
  color:#5c5959;
}
.nav>li>a:focus, .nav>li>a:hover{
  background-color: transparent;
  color: orange;
}
.current-menu-item a{
  color: orange;
}
.container{
  margin: 0px auto !important;
}
.contenclien img{
  width: 100%;
}
.aviso .vc_row.wpb_row.vc_inner.vc_row-fluid.container{
  margin: 0px auto !important;
}
#rowclientes > div > div,#rowclientes > div > div > div > div{
  padding: 0px;
}
#rowclientes{
  margin: 0px auto !important;
}
#rowclientes .nots div{
  padding: 0px;
}
#isotope-list img{
  max-width: 100%;
  height: auto;
}
.row,.vc_row{
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.vc_column_container>.vc_column-inner{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/*Home de clientes*/
.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px 30px;
}

.portfolio-item {
  grid-column: span 1;
}

.portfolio-item.wide {
  grid-column: span 2;
}

.portfolio-item img {
  width: 100%;
  height: auto;
  display: block;
}

.cliente-meta{
  padding-top: 12px;
}
.proyecto-header, .proyecto-contenido,.lj-footer-grid{
  font-family: 'Josefin Sans', sans-serif;
}
.cliente-meta h2 {
  margin: 0 0 4px;
  color: #1f1f1f;
  font-size: 24px;
  line-height: 1.05;
  font-weight: 800;
   font-family: 'Josefin Sans', sans-serif;
}

.cliente-subtitulo {
  margin: 0 0 8px;
  color: #1f1f1f;
  font-size: 18px;
  line-height: 1.25;
  font-family: 'Josefin Sans', sans-serif;
}
#tituloaaviso h1{
font-family: 'Josefin Sans', sans-serif !important;
color: #000000 !important;
font-size: 40px;

}
.lj-nosotros-obsesion{
  background:#fff;
  padding:60px 0;
}

.lj-nosotros-obsesion-image{
  display:block;
  width:100%;
  height:auto;
}
.lj-related-projects{
  margin-bottom: 80px;
}
.lj-nosotros-obsesion{
  background:#fff;
  padding:60px 0;
  overflow:hidden;
}

.lj-obsesion-composition{
  position:relative;
  width:100%;
  aspect-ratio:1600 / 1080;
}

.lj-obsesion-base{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

.lj-obsesion-frame{
  position:absolute;
  overflow:hidden;
}

.lj-obsesion-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .8s ease;
}

.lj-obsesion-frame:hover img{
  transform:scale(1.06);
}

/* Cuadro superior central */
.lj-obsesion-frame-1{
  left:30.75%;
  top:3.2%;
  width:18.6%;
  height:27.5%;
}

/* Cuadro superior derecho */
.lj-obsesion-frame-2{
  left:70.45%;
  top:15.3%;
  width:28.5%;
  height:34%;
}

/* Cuadro inferior izquierdo */
.lj-obsesion-frame-3{
  left:1.15%;
  top:38.6%;
  width:31.6%;
  height:27%;
}

@media(max-width:767px){
  .lj-nosotros-obsesion{
    padding:30px 0;
  }
}
.titotro{
  font-size: 30px;
  color: #000000;
  margin-bottom: 30px;
  font-family: 'Josefin Sans', sans-serif !important;
}
.related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.related-grid .portfolio-item{
    width:100%;
}

.related-grid .portfolio-item.wide{
    grid-column:auto;
}
.aviso p{
font-family: 'Josefin Sans', sans-serif;
color: #000000;
line-height: 1.2;
font-weight: 300;
display: flex;
}
.aviso p b{
margin-top: 15px !important;
margin-bottom: 5px !important;
font-weight: 400 !important;
}
.cliente-categorias {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
   font-family: 'RockwellCustom', 'Rockwell', serif;
}

.cliente-categoria {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  background: #ece9e4;
  color: #2b2b2b;
  font-size: 12px;
  line-height: 1;
  padding: 5px 8px;
  font-weight: 500;
}

.lj-home-client-info.cliente-meta h2 {
  font-size: 24px;
  padding: 10px 0px 4px 0px;
}

.lj-home-client-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.lj-home-client-link:hover,
.lj-home-client-link:focus {
  color: inherit;
  text-decoration: none;
}

.lj-home-client-link img {
  width: 100%;
  height: auto;
  display: block;
}

.lj-home-client-image{
    overflow:hidden;
    border-radius:8px; /* opcional */
}

.lj-home-client-image img{
    display:block;
    width:100%;
    height:auto;
    transition:transform .6s cubic-bezier(.2,.6,.2,1);
    transform:scale(1);
}

.lj-home-client-link:hover .lj-home-client-image img{
    transform:scale(1.08);
}

/* =========================================================
   SVG ANIMADO: CEREBRO DE LA TARJETA DISEÑO
   ========================================================= */

.lj-animated-brain {
  position: relative;
  overflow: visible;
}

.lj-animated-brain svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/*
 * Estructura del SVG:
 *
 * Primer grupo: rayos.
 * Segundo grupo: cerebro.
 * Polígonos: estrellas.
 */
.lj-animated-brain #Capa_1-2 > g > g:first-child path,
.lj-animated-brain #Capa_1-2 > g > g:nth-child(2) path,
.lj-animated-brain #Capa_1-2 > g > polygon {
  transform-box: fill-box;
  transform-origin: center;
  will-change: transform, opacity;
}

/*
 * Evita que el SVG aparezca completo antes
 * de que Anime.js prepare la animación.
 */
.lj-animated-brain:not(.is-animation-ready)
  #Capa_1-2 > g > g:first-child path,
.lj-animated-brain:not(.is-animation-ready)
  #Capa_1-2 > g > g:nth-child(2) path,
.lj-animated-brain:not(.is-animation-ready)
  #Capa_1-2 > g > polygon {
  opacity: 0;
}

/*
 * Por accesibilidad, se elimina el movimiento cuando
 * el usuario tiene activada esta preferencia.
 */
@media (prefers-reduced-motion: reduce) {

  .lj-animated-brain #Capa_1-2 > g > g:first-child path,
  .lj-animated-brain #Capa_1-2 > g > g:nth-child(2) path,
  .lj-animated-brain #Capa_1-2 > g > polygon {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* =========================================================
   SVG ANIMADO: COMUNICACIÓN
   ========================================================= */

.lj-animated-communication {
  position: relative;
  overflow: visible;
}

.lj-animated-communication svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.lj-animated-communication #Capa_1-2 path,
.lj-animated-communication #Capa_1-2 polygon {
  transform-box: fill-box;
  transform-origin: center;
  will-change: transform, opacity;
}

/*
 * Evita que aparezca completo antes de inicializarse.
 */
.lj-animated-communication:not(.is-animation-ready)
  #Capa_1-2 path,
.lj-animated-communication:not(.is-animation-ready)
  #Capa_1-2 polygon {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {

  .lj-animated-communication #Capa_1-2 path,
  .lj-animated-communication #Capa_1-2 polygon {
    opacity: 1 !important;
    transform: none !important;
  }
}
/* =========================================================
   SVG ANIMADO: MARKETING / DIAMANTE
   ========================================================= */

.lj-animated-diamond {
  position: relative;
  overflow: visible;
}

.lj-animated-diamond svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/*
 * El primer grupo interior contiene las piezas del diamante.
 * Los polygon hermanos son las estrellas.
 */
.lj-animated-diamond #Capa_1-2 > g > g > polygon,
.lj-animated-diamond #Capa_1-2 > g > g > path,
.lj-animated-diamond #Capa_1-2 > g > polygon {
  transform-box: fill-box;
  transform-origin: center;
  will-change: transform, opacity;
}

/*
 * Ocultamos las piezas hasta que JavaScript
 * prepare la animación.
 */
.lj-animated-diamond:not(.is-animation-ready)
  #Capa_1-2 > g > g > polygon,
.lj-animated-diamond:not(.is-animation-ready)
  #Capa_1-2 > g > g > path,
.lj-animated-diamond:not(.is-animation-ready)
  #Capa_1-2 > g > polygon {
  opacity: 0;
}

/*
 * Accesibilidad.
 */
@media (prefers-reduced-motion: reduce) {

  .lj-animated-diamond #Capa_1-2 > g > g > polygon,
  .lj-animated-diamond #Capa_1-2 > g > g > path,
  .lj-animated-diamond #Capa_1-2 > g > polygon {
    opacity: 1 !important;
    transform: none !important;
  }
}


@media (max-width: 768px) {
  .portfolio-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-item,
  .portfolio-item.wide {
    grid-column: span 1;
  }

  .cliente-meta h2 {
    font-size: 22px;
  }

  .cliente-subtitulo {
    font-size: 16px;
  }
}

/*Interior de clientes*/

.proyecto-container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  
}
.proyecto-single{
  padding-top: 20px;
}
.proyecto-hero img {
  width: 100%;
  display: block;
  border-radius: 10px;
  height: auto;
}

.proyecto-layout {
  display: grid;
  grid-template-columns: 58% 42%;
  gap: 34px;
  margin-top: 28px;
  margin-bottom: 60px;
}

.proyecto-galeria {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.proyecto-header h1 {
  font-size: 42px;
  line-height: 1;
  margin: 0 0 8px;
}

.proyecto-header .categoria,
.proyecto-header .anio {
  font-size: 18px;
  font-weight: 700;
  color: #999;
  margin: 0 0 8px;
}
.proyecto-header h1{
  color: #000000;
}

.proyecto-imagen img {
  width: 100%;
  display: block;
  border-radius: 7px;
}

.proyecto-info {
  border-left: 3px solid #999;
  padding-left: 28px;
}

.proyecto-contenido {
  font-size: 18px;
  line-height: 1.25;
}
.proyecto-contenido strong{
  font-weight: bold;
  
}
.proyecto-contenido h2,
.proyecto-contenido h3 {
  font-size: 22px;
  margin: 28px 0 4px;
}

.proyecto-contenido p {
  margin: 0 0 14px;
}

@media (max-width: 768px) {
  .proyecto-layout {
    grid-template-columns: 1fr;
  }
  .proyecto-hero img {
  width: 100%;
  height: auto;
}
  .proyecto-info {
    border-left: none;
    padding-left: 0;
  }

  .proyecto-header h1 {
    font-size: 34px;
  }
}

/* Footer La Jugueria */
.lj-footer {
  background-color: #ffffff;
}
.home .wpb_text_column.wpb_content_element{
  display: none;
}
.lj-footer .container {
  max-width: 100%;
  width: 100%;
  padding-left: 28px;
  padding-right: 28px;
}

.lj-footer-shell {
  background: #11143e;
  border-radius: 36px 36px 0 0;
  color: #eff2ff;
  padding: 54px 74px 34px;
}

.lj-footer-title {
  color: #f59e43;
  font-size: 60px;
  line-height: 0.9;
  font-weight: 700;
  font-family: 'RockwellCustom', 'Rockwell', serif;
  margin: 0;
}

.lj-footer-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 30px;
}

.lj-footer-pill {
  border: 2px solid #51c2be;
    color: #6ecfcb !important;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    border-radius: 999px;
    padding: 4px 17px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.25s ease;
    font-family: 'RockwellCustom', 'Rockwell', serif;
    font-weight: 400;
}

.lj-footer-pill:hover,
.lj-footer-pill:focus {
  color: #11143e !important;
  background: #6ecfcb;
  border-color: #6ecfcb;
}

.lj-footer-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  margin: 48px 0 56px;
}

.lj-footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 36px;
}

.lj-footer-col h3 {
  font-size: 21px;
  line-height: 1.05;
  color: #f3f6ff;
  margin-bottom: 20px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
}

.lj-footer-col p,
.lj-footer-col li,
.lj-footer-col a {
  font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
  color: #f3f6ff;
  margin: 0;
  text-decoration: none;
}

.lj-footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lj-footer-col li + li {
  margin-top: 4px;
}

.lj-footer-col a:hover,
.lj-footer-col a:focus {
  color: #6ecfcb;
}

.lj-footer-privacy {
  margin-bottom: 34px;
  max-width: 360px;
}

.lj-footer-copy {
  max-width: 290px;
}

.lj-footer-brand {
  margin-top: 38px;
}

.lj-footer-brand img {
  display: block;
  width: auto;
  max-width: 560px;
  height: auto;
}

@media (max-width: 1400px) {
  .lj-footer-title {
    font-size: 64px;
  }

  .lj-footer-col h3 {
    font-size: 34px;
  }

  .lj-footer-brand {
    font-size: 88px;
  }
}

@media (max-width: 1024px) {
  .lj-footer-shell {
    padding: 46px 30px 28px;
  }

  .lj-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  .lj-footer-title {
    font-size: 54px;
  }

  .lj-footer-pill {
    font-size: 22px;
  }

  .lj-footer-col h3 {
    font-size: 30px;
  }

  .lj-footer-brand {
    font-size: 74px;
  }
}

@media (max-width: 767px) {
  .lj-footer {
    padding-top: 28px;
  }

  .lj-footer .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lj-footer-shell {
    padding: 30px 20px 22px;
    border-radius: 22px 22px 0 0;
  }

  .lj-footer-title {
    font-size: 42px;
  }

  .lj-footer-pills {
    margin-top: 22px;
    gap: 10px;
  }

  .lj-footer-pill {
    width: 100%;
    justify-content: center;
    font-size: 20px;
    padding: 12px 14px;
  }

  .lj-footer-divider {
    margin: 30px 0;
  }

  .lj-footer-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .lj-footer-col h3 {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .lj-footer-col p,
  .lj-footer-col li,
  .lj-footer-col a {
    font-size: 18px;
  }

  .lj-footer-privacy {
    margin-bottom: 16px;
    max-width: none;
  }

  .lj-footer-copy {
    max-width: none;
  }

  .lj-footer-brand {
    margin-top: 26px;
    font-size: 54px;
  }
}
/* Plantilla contacto */
.lj-contacto{background:#fff;padding:0 0 70px;overflow:hidden;}
.lj-contacto .container{max-width:1320px;}
.lj-contact-slider{width:100%;padding:12px 0 38px;overflow:hidden;}
.lj-contact-slider-viewport{width:100%;overflow:visible;}
.lj-contact-slider-track{display:flex;align-items:stretch;gap:18px;will-change:transform;transition:transform .75s cubic-bezier(.2,.65,.25,1);}
.lj-contact-slide{flex:0 0 54%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;opacity:.72;transform:scale(.97);transition:opacity .5s ease,transform .5s ease;}
.lj-contact-slide.is-active{opacity:1;transform:scale(1);}
.lj-contact-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.lj-contact-head{padding:0 0 25px;}
.lj-contact-head h1{margin:0;color:#141414;font-family:'Josefin Sans',sans-serif;font-size:76px;line-height:.94;font-weight:700;letter-spacing:-.035em;}
.lj-contact-head h1 strong{font-weight:700;}
.lj-contact-head p{margin:20px 0 0;color:#141414;font-family:'RockwellCustom','Rockwell',serif;font-size:30px;line-height:1.15;font-style:italic;font-weight:400;}
.lj-contact-content{display:flex;align-items:stretch;padding-top:12px;margin-bottom:58px;}
.lj-contact-form{padding-right:42px;}
.lj-contact-info-wrap{border-left:2px solid #222;padding-left:28px;}
.lj-contact-info{height:100%;padding:12px 0 0;}
.lj-contact-item{padding:0 0 20px;margin:0 0 20px;border-bottom:2px solid #222;}
.lj-contact-item:last-child{margin-bottom:0;border-bottom:0;}
.lj-contact-item h2{margin:0 0 10px;color:#141414;font-family:'Josefin Sans',sans-serif;font-size:30px;line-height:1;font-weight:700;}
.lj-contact-item a,.lj-contact-item p{margin:0;color:#e88a35;font-family:'Josefin Sans',sans-serif;font-size:20px;line-height:1.25;font-weight:600;text-decoration:none;}
.lj-contact-item a:hover,.lj-contact-item a:focus{color:#71c4b6;}
.lj-contact-bottom{margin-left:-10px!important;margin-right:-10px!important;}
.lj-contact-bottom>div{padding-left:10px;padding-right:10px;}
.lj-contact-bottom-media{width:100%;aspect-ratio:1/1.12;overflow:hidden;border-radius:15px;background:#eee;}
.lj-contact-bottom-media img,.lj-contact-bottom-media iframe{display:block;width:100%;height:100%;border:0;object-fit:cover;}
.lj-contacto .wpforms-container{margin:0!important;}
.lj-contacto .wpforms-field{padding:0 0 18px!important;}
.lj-contacto .wpforms-field-label{color:#777!important;font-family:'Josefin Sans',sans-serif!important;font-size:18px!important;font-weight:500!important;}
.lj-contacto input[type=text],.lj-contacto input[type=email],.lj-contacto input[type=tel]{width:100%!important;height:48px!important;padding:5px 0!important;border:0!important;border-bottom:2px solid #222!important;border-radius:0!important;background:transparent!important;color:#222!important;font-family:'Josefin Sans',sans-serif!important;font-size:18px!important;box-shadow:none!important;}
.lj-contacto textarea{width:100%!important;min-height:210px!important;padding:15px!important;border:2px solid #222!important;border-radius:15px!important;background:transparent!important;color:#222!important;font-family:'Josefin Sans',sans-serif!important;font-size:18px!important;box-shadow:none!important;resize:vertical!important;}
.lj-contacto input:focus,.lj-contacto textarea:focus{border-color:#71c4b6!important;outline:0!important;box-shadow:none!important;}
.lj-contacto .wpforms-submit-container{text-align:right!important;padding-top:2px!important;}
.lj-contacto button.wpforms-submit{min-width:110px!important;padding:8px 24px!important;border:2px solid #71c4b6!important;border-radius:999px!important;background:#71c4b6!important;color:#fff!important;font-family:'RockwellCustom','Rockwell',serif!important;font-size:17px!important;line-height:1!important;font-weight:400!important;transition:background .25s ease,color .25s ease!important;}
.lj-contacto button.wpforms-submit:hover{background:#fff!important;color:#71c4b6!important;}
@media(max-width:1200px){
  .lj-contact-head h1{font-size:64px;}
  .lj-contact-head p{font-size:25px;}
  .lj-contact-slide{flex-basis:60%;}
}
@media(max-width:992px){
  .lj-contact-slide{flex-basis:68%;}
  .lj-contact-head h1{font-size:54px;}
  .lj-contact-content{display:block;}
  .lj-contact-form{padding-right:15px;}
  .lj-contact-info-wrap{margin-top:40px;padding:35px 15px 0;border-left:0;border-top:2px solid #222;}
}
@media(max-width:767px){
  .lj-contacto{padding-bottom:45px;padding-top:22px;}
  .lj-contact-slider{padding-bottom:28px;}
  .lj-contact-slider-track{gap:10px;}
  .lj-contact-slide{flex-basis:78%;border-radius:8px;}
  .lj-contact-head h1{font-size:42px;line-height:.98;}
  .lj-contact-head p{font-size:20px;}
  .lj-contact-form{padding-left:0;padding-right:0;}
  .lj-contact-info-wrap{padding-left:0;padding-right:0;}
  .lj-contact-item h2{font-size:26px;}
  .lj-contact-item a,.lj-contact-item p{font-size:18px;}
  .lj-contact-bottom>div{padding:0;margin-bottom:18px;}
  .lj-contact-bottom-media{aspect-ratio:1/1;}
}

.lj-contact-slider{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;}
.lj-contact-slider.is-dragging{cursor:grabbing;}
.lj-contact-slider-track{backface-visibility:hidden;}
.lj-contact-slide{flex-shrink:0;}
.lj-contact-slide img{pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;}
/* Plantilla servicios */
.lj-servicios {
  
  padding-bottom: 0;
}

.lj-servicios .container {
  max-width: 1320px;
}

.lj-servicios-top {
  padding-top: 34px;
}

.lj-servicios-top h1 {
  margin: 0;
  color: #71c4b6;
  font-size: 82px;
  line-height: 0.95;
  font-weight: 700;
  font-family: 'Josefin Sans', sans-serif;
}
div.wpforms-container-full .wpforms-form label.wpforms-error{
  font-family: 'Josefin Sans', sans-serif;
}
.lj-servicios-intro {
  padding-top: 20px;
  padding-bottom: 34px;
}

.lj-servicios-intro h2 {
  color: #141624;
  font-size: 86px;
  line-height: 0.9;
  font-style: italic;
  font-family: 'RockwellCustom', 'Rockwell', serif;
  font-weight: 500;
  margin: 0;
}

.lj-servicios-intro-copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 12px;
}

.lj-intro-line {
  width: 100%;
  max-width: 210px;
  height: 2px;
  background: #8b8b8b;
}

.lj-servicios-intro-copy p {
 color: #1d1e2f;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.lj-servicios-band {
  padding: 24px 0 28px;
}

.lj-band-orange {
  background: #e88a35;
}

.lj-band-teal {
  background: #71c4b6;
}

.lj-band-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 18px;
  font-family: 'RockwellCustom', 'Rockwell', serif;
}

.lj-band-head h3 {
  margin: 0;
  color: #ffffff;
  line-height: 0.95;
    font-weight: 700;
    font-size: 51px;
}

.lj-band-head p {
  margin: 0;
  color: #f2f2f2;
  font-size: 24px;
  line-height: 1.12;
  font-weight: 600;
  text-align: right;
  max-width: 600px;
}

.lj-card-row{
  margin-left:-10px;
  margin-right:-10px;
}

.lj-card-col{
  padding-left:10px;
  padding-right:10px;
  margin-bottom:20px;
}

.lj-card-media{
  position:relative;
  width:100%;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:18px;
  background:#f4f4f4;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}

.lj-card-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(100%);
  transform:scale(1);
  transition:filter .4s ease,transform .6s cubic-bezier(.2,.6,.2,1);
}

.lj-card-row-4 .lj-card-media{
  aspect-ratio:2/4;
}

.lj-card-row-3 .lj-card-media{
  aspect-ratio:4/5;
}

.lj-card-col:hover .lj-card-image{
  filter:grayscale(0);
  transform:scale(1.05);
}

.lj-card-col h4{
  margin:12px 0 0;
  color:#fff;
  font-family: 'Josefin Sans', sans-serif;
  font-size:24px;
  line-height:1.05;
  font-weight:700;
  width: 100%;
}

.lj-servicios-intro-copy{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:18px;
}

.lj-intro-line{
  flex:0 0 150px;
  width:150px;
  height:1px;
  margin-top:12px;
  background:#222;
}

.lj-servicios-copy-text{
  flex:1 1 auto;
}

.lj-servicios-copy-text p{
  margin:0 0 18px;
}

.lj-servicios-copy-text p:last-child{
  margin-bottom:0;
}

@media (max-width:992px){
  .lj-card-row-4 .lj-card-media,
  .lj-card-row-3 .lj-card-media{
    aspect-ratio:4/5;
  }

  .lj-intro-line{
    flex-basis:90px;
    width:90px;
  }
}

@media (max-width:767px){
  .lj-card-row{
    margin-left:0;
    margin-right:0;
  }

  .lj-card-col{
    padding-left:0;
    padding-right:0;
  }

  .lj-servicios-intro-copy{
    display:block;
    padding-top:22px;
  }

  .lj-intro-line{
    width:120px;
    height:1px;
    margin:0 0 14px;
  }

  .lj-card-row-4 .lj-card-media,
  .lj-card-row-3 .lj-card-media{
    aspect-ratio:4/5;
  }

  .lj-card-col h4{
    font-size:22px;
  }
}

/* Plantilla nosotros */
.lj-nosotros {
  background: #ffffff;
}

.lj-nosotros .container {
  max-width: 1320px;
}

.lj-nosotros-hero {
  padding: 22px 0px 56px 0px;
}

.lj-nosotros-head {
  align-items: flex-start;
  padding-bottom: 35px;
}

.lj-nosotros-head h1 {
  margin: 0;
  color: #1a1a1a;
  font-size: 70px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-family: 'Josefin Sans', sans-serif;
}

.lj-nosotros-accent {
    width: 100%;
    max-width: 470px;
    height: 4px;

    margin-top: 18px;

    background: linear-gradient(
        90deg,
        #ef8f2f 0%,
        #ef8f2f 12%,
        #6fc4b4 50%,
        #6fc4b4 72%,
        #ef8f2f 100%
    );
}
.lj-nosotros-copy {
    display: flex;
    align-items: flex-start;
    gap: 22px;

    padding-top: 10px;
    padding-left: 20px;
}

.lj-nosotros-line {
   flex: 0 0 220px;
    width: 220px;
    height: 1px;

    margin-top: 13px;

    background: #222;
}

.lj-nosotros-copy p {
  margin: 0;
  color: #1e1e1e;
  font-size: 21px;
  line-height: 1.28;
  font-weight: 500;
  font-family: 'Josefin Sans', sans-serif;
}

.lj-nosotros-title-row {
  padding-top: 10px;
}

.lj-nosotros-title-row h2 {
  color: #141414;
  font-size: 40px;
  line-height: 1.05;
  font-weight: 800;
  margin: 0 0 14px;
  font-family: 'RockwellCustom', 'Rockwell', serif;
}

/* =========================================================
   NOSOTROS: PROCESO DE DESARROLLO
   ========================================================= */

.lj-nosotros-process {
  align-items: stretch;
  margin-bottom: 0;
}

.lj-nosotros-slider-wrap {
  position: relative;
  width: 100%;
}

.lj-nosotros-carousel {
  position: relative;
  width: 100%;
}

.lj-nosotros-carousel .carousel-inner {
  border-radius: 18px;
  overflow: hidden;
}

.lj-nosotros-carousel .item {
  width: 100%;
}

#lj-nosotros-carousel .carousel-inner .item {
  display: none;
}

#lj-nosotros-carousel .carousel-inner .item.active {
  display: block;
}

.lj-nosotros-process-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

/* Contenedor de las etapas */

.lj-process-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 5;

  width: 31%;
  max-width: 370px;

  padding: 68px 0 55px 42px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;

  pointer-events: none;
}

/* Globo de cada etapa */

.lj-pill {
  appearance: none;
  -webkit-appearance: none;

  display: block;
  width: fit-content;
  min-width: 162px;

  margin: 0;
  padding: 12px 25px;

  border: 0;
  border-radius: 999px;

  background: rgba(230, 235, 233, 0.72);
  color: #262626;

  font-family: 'Josefin Sans', sans-serif;
  font-size: 28px;
  line-height: 1;
  font-weight: 600;
  text-align: left;

  cursor: pointer;
  pointer-events: auto;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.lj-pill:hover,
.lj-pill:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.9);
  transform: translateX(4px);
}

.lj-pill.is-active {
  background: #ffffff;
  color: #e67f1f;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.12);
  transform: translateX(0);
}

/* Anchos diferentes como en la referencia */

.lj-pill:nth-child(1) {
  min-width: 148px;
}

.lj-pill:nth-child(2) {
  min-width: 180px;
}

.lj-pill:nth-child(3) {
  min-width: 225px;
}

.lj-pill:nth-child(4) {
  min-width: 225px;
}

.lj-pill:nth-child(5) {
  min-width: 330px;
}

/* Indicadores inferiores */

.lj-carousel-indicators {
  position: absolute;
  left: 50%;
  bottom: 14px;
  z-index: 6;

  width: auto;
  margin-left: 0;

  transform: translateX(-50%);
}

.lj-carousel-indicators li {
  width: 11px;
  height: 11px;

  margin: 0 5px;

  border: 0;
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.55);
}

.lj-carousel-indicators .active {
  width: 11px;
  height: 11px;

  margin: 0 5px;

  background: #ffffff;
}

/* Tablet */

@media (max-width: 992px) {

  .lj-process-overlay {
    width: 35%;
    max-width: 310px;
    padding: 48px 0 40px 24px;
    gap: 12px;
  }

  .lj-pill {
    min-width: 135px;
    padding: 10px 18px;
    font-size: 21px;
  }

  .lj-pill:nth-child(1) {
    min-width: 125px;
  }

  .lj-pill:nth-child(2) {
    min-width: 150px;
  }

  .lj-pill:nth-child(3),
  .lj-pill:nth-child(4) {
    min-width: 185px;
  }

  .lj-pill:nth-child(5) {
    min-width: 245px;
  }

}

/* Móvil */

@media (max-width: 767px) {

  .lj-process-overlay {
    position: static;

    width: 100%;
    max-width: none;

    padding: 0 0 14px;

    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;

    pointer-events: auto;
  }

  .lj-pill,
  .lj-pill:nth-child(1),
  .lj-pill:nth-child(2),
  .lj-pill:nth-child(3),
  .lj-pill:nth-child(4),
  .lj-pill:nth-child(5) {
    width: auto;
    min-width: 0;

    padding: 9px 15px;

    font-size: 16px;
  }

  .lj-pill:hover,
  .lj-pill:focus,
  .lj-pill.is-active {
    transform: none;
  }

  .lj-nosotros-carousel .carousel-inner,
  .lj-nosotros-process-image {
    border-radius: 12px;
  }

  .lj-carousel-indicators {
    bottom: 8px;
  }

}
.lj-nosotros-audience {
  background: #73c6b5;
  padding: 22px 0 28px;
}

.lj-nosotros-band-head h2 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 52px;
  line-height: 1;
  font-weight: 800;
}

.lj-audience-grid {
  margin-left: -8px;
  margin-right: -8px;
}

.lj-audience-card {
  background: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 22px;
  margin-bottom: 14px;
  min-height: 90px;
  font-family: 'Josefin Sans', sans-serif;
}

.lj-audience-card strong {
  color: #73c6b5;
  font-size: 62px;
  line-height: 1;
  font-weight: 800;
  min-width: 64px;
}

.lj-audience-card p {
  margin: 0;
  color: #222222;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 500;
}

.lj-audience-center {
  display: flex;
  justify-content: center;
}

.lj-audience-card-center {
      max-width: 50%;
  width: 100%;
}

.lj-nosotros-cta {
  background: #1c1c1c;
  padding: 38px 0 62px;
}

.lj-cta-block h2,
.lj-cta-block h3 {
  color: #ffffff;
  font-size: 54px;
      line-height: 1.3;
  font-weight: 800;
  margin: 0;
  font-family: 'RockwellCustom', 'Rockwell', serif;
}

.lj-cta-orange {
  color: #f08e2d;
  font-size: 72px;
  line-height: 1.02;
  font-weight: 700;
  margin: 12px 0 12px;
  letter-spacing: -0.03em;
  font-family: 'Josefin Sans', sans-serif;
}

.lj-cta-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: rgba(255, 255, 255, 0.78);
  margin: 16px 0 18px;
}

.lj-cta-divider::before,
.lj-cta-divider::after {
  content: "";
  height: 2px;
  background: rgba(255, 255, 255, 0.22);
  flex: 1;
  max-width: 260px;
}

.lj-cta-divider span {
  font-size: 38px;
  line-height: 1;
  transform: translateY(-2px);
}

.lj-cta-teal {
  color: #73c6b5;
  font-size: 78px;
  line-height: 1;
  font-weight: 800;
  margin: 10px 0 0;
  letter-spacing: -0.03em;
  font-family: 'Josefin Sans', sans-serif;
}

@media (max-width: 1200px) {
  .lj-nosotros-head h1 {
    font-size: 68px;
  }

  .lj-nosotros-copy p {
    font-size: 19px;
  }

  .lj-nosotros-title-row h2 {
    font-size: 42px;
  }

  .lj-pill {
    font-size: 24px;
    min-width: 150px;
  }

  .lj-audience-card p {
    font-size: 20px;
  }

  .lj-cta-block h2,
  .lj-cta-block h3 {
    font-size: 44px;
  }

  .lj-cta-orange {
    font-size: 58px;
  }

  .lj-cta-teal {
    font-size: 62px;
  }
}

@media (max-width: 992px) {
  .lj-nosotros-head {
    padding-bottom: 12px;
  }

  .lj-nosotros-head h1 {
    font-size: 56px;
  }

  .lj-nosotros-copy {
    padding-top: 0;
  }

  .lj-nosotros-copy p {
    font-size: 18px;
  }

  .lj-audience-card {
    min-height: 84px;
    gap: 16px;
  }

  .lj-audience-card strong {
    font-size: 54px;
    min-width: 56px;
  }

  .lj-audience-card p {
    font-size: 18px;
  }

  .lj-cta-orange {
    font-size: 48px;
  }

  .lj-cta-teal {
    font-size: 54px;
  }
}

@media (max-width: 767px) {
  .lj-nosotros-hero {
    padding-top: 10px;
  }

  .lj-nosotros-head h1 {
    font-size: 44px;
  }

  .lj-nosotros-accent {
    max-width: 240px;
  }

  .lj-nosotros-line {
    max-width: 120px;
  }

  .lj-nosotros-copy p {
    font-size: 17px;
  }

  .lj-nosotros-title-row h2 {
    font-size: 32px;
  }

  .lj-nosotros-band-head h2 {
    font-size: 32px;
    margin-bottom: 14px;
  }

  .lj-audience-card {
    padding: 14px 16px;
    min-height: 76px;
  }

  .lj-audience-card strong {
    font-size: 42px;
    min-width: 44px;
  }

  .lj-audience-card p {
    font-size: 16px;
  }

  .lj-cta-block h2,
  .lj-cta-block h3 {
    font-size: 32px;
  }

  .lj-cta-orange {
    font-size: 37px;
    margin-top: 8px;
  }

  .lj-cta-divider::before,
  .lj-cta-divider::after {
    max-width: 90px;
  }

  .lj-cta-divider span {
    font-size: 28px;
  }

  .lj-cta-teal {
    font-size: 42px;
  }
}

/* Plantilla home */
.lj-home {
  background: #ffffff;
}

.lj-home .container {
  max-width: 1500px;
}

.lj-home-hero {
  background: #494949;
  padding: 88px 0 90px;
}

.lj-home-hero-copy {
 
}

.lj-home-hero-copy h2 {
  color: #ffffff;
  font-size: 60px;
  line-height: 0.92;
  font-weight: 700;
  font-family: 'RockwellCustom', 'Rockwell', serif;
  margin: 0;
  letter-spacing: -0.03em;
}

.lj-home-hero-copy p {
  color: #74c7b5;
  font-size: 57px;
  line-height: 0.94;
  font-weight: 700;
  font-family: 'Josefin Sans', sans-serif;
  margin: 22px 0 0;
  letter-spacing: -0.03em;
}

.lj-home-portafolio {
  padding: 28px 0 28px;
}

.lj-home-ribbon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 36px;
  position: relative;
}

.lj-home-ribbon-image {
  display: block;
  width: 100%;
  max-width: 1360px;
  height: auto;
}

.lj-home-projects {
  margin-bottom: 10px;
}

.lj-home-projects-grid {
  margin-top: 8px;
}

.lj-home-project-card {
  margin-bottom: 18px;
}

.lj-home-project-media {
  background: #1f1f1f;
  border-radius: 6px;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.lj-home-project-card-lg .lj-home-project-media {
  min-height: 360px;
}

.lj-home-project-card-sm .lj-home-project-media {
  min-height: 210px;
}

.lj-home-project-meta h3 {
  margin: 0 0 6px;
  color: #1e1e1e;
  font-size: 28px;
  line-height: 1.05;
  font-weight: 800;
}

.lj-home-project-meta p {
  margin: 0 0 10px;
  color: #1e1e1e;
  font-size: 18px;
  line-height: 1.15;
}

.lj-home-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.lj-home-tags span {
  background: #eaeaea;
  border-radius: 4px;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1;
  color: #3c3c3c;
}

.lj-home-more {
  display: inline-block;
  border: 2px solid #74c7b5;
  border-radius: 999px;
  color: #74c7b5;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  padding: 7px 16px;
  text-decoration: none;
  margin-right: 14px;
}

.lj-home-more:hover,
.lj-home-more:focus {
  background: #74c7b5;
  color: #ffffff;
}

.lj-home-strengths {
  background: #39b7ad;
  padding: 28px 0 18px;
}

.lj-home-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 18px;
}

.lj-home-section-head h2 {
  margin: 0;
  color: #fff3c8;
  font-size: 80px;
  line-height: 0.95;
  font-weight: 700;
  font-family: 'RockwellCustom', 'Rockwell', serif;
}

.lj-home-section-head p {
  margin: 0;
  color: #ff3b1f;
  font-size: 17px;
  line-height: 1.1;
  max-width: 220px;
  text-align: right;
}

.lj-home-strengths-grid {
  margin-left: -8px;
  margin-right: -8px;
}

.lj-home-strength-card {
  border-radius: 18px;
  overflow: hidden;
  background: #fff0c3;
  margin-bottom: 18px;
}

.lj-home-strength-icon {
     min-height: 361px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
}

.lj-home-strength-icon img {
  display: block;
  max-width: 86%;
  max-height: 285px;
  width: auto;
  height: auto;
}

.lj-home-strength-footer {
  background: #ef8f2f;
  color: #ffffff;
  padding: 18px 22px 22px;
  text-align: center;
}

.lj-home-strength-footer h3 {
  margin: 0 0 8px;
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
  font-family: 'Josefin Sans', sans-serif;
  color: #fff3c8;
}

.lj-home-strength-footer p {
  margin: 0;
  font-size: 18px;
  line-height: 1.22;
  color: #fff3c8;
  font-family: 'Josefin Sans', sans-serif;
}

.lj-home-strength-actions,
.lj-home-services-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  padding-top: 2px;
  padding-bottom: 10px;
}

.lj-home-action {
  display: inline-block;
  border-radius: 999px;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  font-family: 'RockwellCustom', 'Rockwell', serif;
  padding: 8px 18px;
  text-decoration: none;
}

.lj-home-action.ghost {
 color: #fff3c8;
  border: 2px solid #fff3c8;
  background: transparent;
}
.lj-home-action.ghost:hover{
 color: #39b7ad;
  border: 2px solid #fff3c8;
  background: #fff3c8;
}

.lj-home-descubre{
  display: inline-block;
    border-radius: 999px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    font-family: 'RockwellCustom', 'Rockwell', serif;
    padding: 8px 18px;
    text-decoration: none;
}
.lj-home-services-actions.dos{
  padding: 20px 0px;
}
.lj-home-descubre.ghost {
 color: #39b7ad;
  border: 2px solid #39b7ad;
  background: transparent;
}
.lj-home-descubre.ghost:hover{
 color: #ffffff;
  border: 2px solid #39b7ad;
  background: #39b7ad;
}



.lj-home-action.solid {
  border: 2px solid #ffffff;
  color: #2fb5a6;
  background: #fff3c8;
}

.lj-home-action.light {
  border-color: #fff3c8;
  color: #fff3c8;
}

.lj-home-action.light.solid {
  background: #fff3c8;
  color: #ef8f2f;
}

.lj-home-method {
  padding: 4px 0 36px;
  background: #ffffff;
}

.lj-home-method-marquee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  margin: -14px 0 6px;
}

.lj-home-method-marquee img {
  display: block;
  max-width: 39%;
  height: auto;
}

.lj-home-method-marquee .lj-home-method-mark {
  max-width: 56px;
}

.lj-home-method-head {
  text-align: center;
  margin-bottom: 8px;
}

.lj-home-method-head h2 {
  display: none;
}

.lj-home-method-copy {
  font-family: 'Josefin Sans', sans-serif;
  color: #fff3c8;
}

.lj-home-method-copy p {
  margin: 0;
  color: #222222;
  font-size: 22px;
  line-height: 1.18;
  text-align: left;
}

.lj-home-method-grid {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
}

.lj-home-method-grid > div {
  width: 20%;
  padding-left: 12px;
  padding-right: 12px;
}

.lj-home-method-card {
  border-radius: 16px;
  padding: 26px 18px 22px;
  min-height: 448px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 18px;
  box-shadow: none;
}

.lj-home-method-icon {
  display: block;
  width: 100%;
    height: 156px;
  object-fit: contain;
  margin: 0 auto 18px;
}

.lj-home-method-letter {
  display: block;
  width: auto;
  max-width: 88px;
  height: 96px;
  object-fit: contain;
  margin: 0 auto 22px;
}

.lj-home-method-card strong {
  display: block;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 10px;
  color: #ffffff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
}

.lj-home-method-card p {
  margin: 0;
  font-size: 18px;
  line-height: 1.18;
  color: #ffffff;
  font-family: 'Josefin Sans', sans-serif;
}

.lj-method-j { background: #7fb93f; }
.lj-method-u { background: #f0ba2d; }
.lj-method-i { background: #5b3575; }
.lj-method-c { background: #cd2a2f; }
.lj-method-e { background: #ef8f2f; }

.lj-home-services {
  background: #ef8f2f;
  padding: 42px 0 38px;
}

.lj-home-section-head-left {
  justify-content: flex-start;
  margin-bottom: 12px;
}

.lj-home-section-head-left h2 {
  color: #fff1c8;
  font-size: 82px;
  font-family: 'RockwellCustom', 'Rockwell', serif;
}

.lj-home-services-grid {
  margin-left: -8px;
  margin-right: -8px;
}

/* =========================================================
   TARJETAS DE SERVICIOS CON FLIP EN HOVER
========================================================= */

.lj-home-services-grid {
  margin-left: -8px;
  margin-right: -8px;
}

.lj-home-service-flip {
  position: relative;
  width: 100%;
  height: 440px;
  margin-bottom: 18px;
  perspective: 1200px;
}
.lj-home-service-flip {
    cursor: inherit;
}
.lj-home-service-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .75s cubic-bezier(.2, .7, .2, 1);
  will-change: transform;
}

/*
 * El giro ocurre exclusivamente en dispositivos
 * que realmente admiten hover, como computadoras.
 */
@media (hover: hover) and (pointer: fine) {

  .lj-home-service-flip:hover .lj-home-service-flip-inner {
    transform: rotateY(180deg);
  }

}

.lj-home-service-card {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  background: #fff1c8;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.lj-home-service-front {
  transform: rotateY(0deg);
}

.lj-home-service-back {
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 42px;
  background: #fff1c8;
  border: 3px solid #2fb5a6;
}

.lj-home-service-title {
  min-height: 102px;
  padding: 24px 24px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2fb5a6;
  color: #fff1c8;
  font-size: 27px;
  line-height: 1.1;
  font-weight: 700;
  font-family: 'Josefin Sans', sans-serif;
  text-align: center;
}

.lj-home-service-media {
  height: calc(100% - 102px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
}

.lj-home-service-media img {
  display: block;
  width: auto;
  max-width: 88%;
  max-height: 270px;
  height: auto;
}

.lj-home-service-back-content {
  width: 100%;
  text-align: center;
}

.lj-home-service-back-content p {
  margin: 0;
  color: #ef8f2f;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.25;
}

@media (max-width: 991px) {

  .lj-home-service-flip {
    height: 390px;
  }

  .lj-home-service-title {
    font-size: 22px;
  }

  .lj-home-service-back {
    padding: 28px;
  }

  .lj-home-service-back-content p {
    font-size: 22px;
  }

}

@media (max-width: 767px) {

  .lj-home-service-flip {
    height: 430px;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
  }

}

.lj-home-service-media img {
  display: block;
  width: auto;
  max-width: 88%;
  max-height: 270px;
  height: auto;
}

.lj-home-cta {
  background: #ffffff;
  padding: 62px 0px 0px;
}

.lj-home-cta-row {
  align-items: center;
}

.lj-home-cta-copy h2 {
  color: #ef8f2f;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'RockwellCustom', 'Rockwell', serif;
  margin: 0 0 24px;
  letter-spacing: -0.03em;
  max-width: 980px;
}

.lj-home-cta-copy p {
  color: #202020;
  font-size: 20px;
  line-height: 1.22;
  margin: 0 0 0px;
  max-width: 860px;
  font-family: 'Josefin Sans', sans-serif;
}

.lj-home-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lj-home-cta-art {
  
  border-radius: 18px;
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.row.lj-home-cta-row{
  padding-bottom: 80px;
}
.lj-home-cta-megaphone {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 410px;
  height: auto;
}

.lj-home-cta-star {
  position: absolute;
  top: 5%;
  left: 17%;
  width: 54px;
  height: auto;
}

@media (max-width: 1200px) {
  .navbar-brand img,
  .custom-logo{
    height: 92px;
  }

  .navbar-nav>li>a{
    padding: 0 28px;
    font-size: 18px;
  }

  .lj-home-hero-copy h2 {
    font-size: 82px;
  }

  .lj-home-hero-copy p {
    font-size: 76px;
  }

  .lj-home-ribbon-image {
    max-width: 100%;
  }

  .lj-home-section-head h2,
  .lj-home-section-head-left h2 {
    font-size: 58px;
  }

  .lj-home-method-copy {
    margin-left: 48px;
  }

  .lj-home-cta-copy h2 {
    font-size: 62px;
  }
}

@media (max-width: 992px) {
  .navbar-fixed-top{
    padding: 12px 0 14px;
  }

  .navbar-fixed-top .container{
    max-width: calc(100% - 24px);
    padding: 14px 18px;
  }

  .navbar-brand img,
  .custom-logo{
    height: 74px;
  }
  .navbar-toggle{
    margin-top: 0px;
  }
  .navbar-toggle .icon-bar{
    color: black;
    border: 1px solid;
  }
  .navbar-toggle{
    margin-right: 0;
    margin-top: 0px;
    margin-bottom: 0;
  }
  .navbar-fixed-top .container{
display: block;
min-height: auto;
  }
  .navbar-toggle{
    margin-top: 10px;
  }
  .menu-item{
    padding: 0px 24px;
  }
  .navbar-nav>li+li:before{
    width: 0;
  }
  .navbar-header{
    display: block;
    padding: 0px 20px;
  }

  .navbar-nav{
    display: block;
    margin: 18px 0 0;
  }

  .navbar-nav>li+li{
    border-left: 0;
  }

  .navbar-nav>li>a{
    padding: 12px 0;
    font-size: 17px;
  }

  .contenido{
    margin-top: 104px;
  }

  body.home .contenido{
    margin-top: 0;
  }

  .lj-home-hero {
    padding: 48px 0 58px;
  }

  .lj-home-hero-copy{
    padding-left: 20px;
  }

  .lj-home-hero-copy h2 {
    font-size: 62px;
  }

  .lj-home-hero-copy p {
    font-size: 58px;
  }

  .lj-home-ribbon-wrap {
    margin-bottom: 22px;
  }

  .lj-home-project-card-lg .lj-home-project-media {
    min-height: 300px;
  }

  .lj-home-project-card-sm .lj-home-project-media,
  .lj-home-project-media {
    min-height: 200px;
  }

  .lj-home-strength-icon{
    min-height: 220px;
  }

  .lj-home-strength-icon img{
    max-height: 180px;
  }

  .lj-home-method-grid > div {
    width: 33.3333%;
    margin-bottom: 12px;
  }

  .lj-home-method-card {
    min-height: 360px;
  }

  .lj-home-method-icon {
    width: 88px;
    height: 88px;
  }

  .lj-home-method-letter {
    max-width: 64px;
    height: 74px;
  }

  .lj-home-service-title {
    font-size: 24px;
    min-height: 128px;
  }

  .lj-home-service-media {
    min-height: 220px;
  }
}

@media (max-width: 767px) {
  .navbar-fixed-top{
    padding: 0px 0 10px;
  }
  .lj-footer-brand img{
    max-width: 100%;
  }
  .navbar-fixed-top .container{
    max-width: calc(100% - 16px);
    padding: 10px 14px;
    border-radius: 16px;
  }

  .navbar-brand img,
  .custom-logo{
    height: 56px;
  }

  .contenido{
    margin-top: 86px;
  }

  body.home .contenido{
    margin-top: 0;
  }

  .lj-home-hero-copy h2 {
    font-size: 42px;
  }

  .lj-home-hero-copy p {
    font-size: 38px;
  }

  .lj-home-ribbon-wrap {
    flex-wrap: wrap;
    gap: 10px;
  }

  .lj-home-method-marquee {
    gap: 12px;
  }

  .lj-home-method-marquee img {
    max-width: 40%;
  }

  .lj-home-method-marquee .lj-home-method-mark {
    max-width: 30px;
  }

  .lj-home-projects,
  .lj-home-projects-grid {
    margin-top: 0;
  }

  .lj-home-project-card-lg .lj-home-project-media,
  .lj-home-project-card-sm .lj-home-project-media,
  .lj-home-project-media {
    min-height: 220px;
  }

  .lj-home-project-meta h3 {
    font-size: 24px;
  }

  .lj-home-project-meta p {
    font-size: 16px;
  }

  .lj-home-section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .lj-home-section-head h2,
  .lj-home-section-head-left h2 {
    font-size: 42px;
  }

  .lj-home-section-head p {
    text-align: left;
  }

  .lj-home-strength-card {
    margin-bottom: 12px;
  }

  .lj-home-strength-icon {
    min-height: 180px;
  }

  .lj-home-strength-icon img {
    max-height: 150px;
  }

  .lj-home-strength-footer h3 {
    font-size: 28px;
  }

  .lj-home-strength-footer p {
    font-size: 16px;
  }

  .lj-home-action {
    font-size: 16px;
  }

  .lj-home-method-copy p {
    font-size: 17px;
  }

  .lj-home-method-copy {
    margin-left: 0;
  }

  .lj-home-method-grid > div {
    width: 100%;
  }

  .lj-home-method-card {
    min-height: 300px;
  }

  .lj-home-method-icon {
    width: 72px;
    height: 72px;
  }

  .lj-home-method-letter {
    max-width: 52px;
    height: 58px;
  }

  .lj-home-method-card strong {
    font-size: 28px;
  }

  .lj-home-method-card p {
    font-size: 16px;
  }

  .lj-home-service-title {
    font-size: 24px;
    min-height: 108px;
  }

  .lj-home-service-media {
    min-height: 220px;
  }

  .lj-home-service-media img {
    max-height: 150px;
  }

  .lj-home-cta-copy h2 {
    font-size: 42px;
  }

  .lj-home-cta-copy p {
    font-size: 18px;
  }

  .lj-home-cta-art {
    min-height: 240px;
    margin-top: 16px;
  }

  .lj-home-cta-star {
    width: 34px;
  }
}

@media (max-width: 767px) {
  .lj-servicios-top h1 {
    font-size: 42px;
  }

  .lj-servicios-intro h2 {
    font-size: 46px;
  }

  .lj-intro-line {
    max-width: 140px;
  }

  .lj-servicios-intro-copy p {
    font-size: 20px;
    line-height: 1.22;
  }

  .lj-band-head h3 {
    font-size: 40px;
  }

  .lj-band-head p {
    font-size: 17px;
  }

  .lj-card-media,
  .lj-card-row-3 .lj-card-media {
    min-height: 230px;
    border-radius: 14px;
  }

  .lj-card-media span {
    font-size: 22px;
  }

  .lj-card-col h4 {
    font-size: 28px;
  }
}

@media (max-width: 600px){
  #rev_slider_1_1_wrapper h1{
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 40px !important;
  font-weight: bold !important;
}
#rev_slider_1_1_wrapper h2{
  font-family: 'RockwellCustom', 'Rockwell', sans-serif !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: bold !important;
}
#rev_slider_1_1_wrapper p{
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
.lj-home-cta-copy h2{
  font-size: 40px;
  line-height: 1.1;
}
.lj-home-method-icon {
    
    height: auto;
  }
  .marquee-track img{
    height: 55px;
  }
  .lj-intro-line,.lj-nosotros-line,.lj-nosotros-accent{
    display: none;
  }
  .lj-audience-card{
    max-width: 100%;
  }
}