/*
Theme Name: Business Assoltec
Theme URI: https://www.facebook.com/assoltec/
Author: Juan Duarte - Assoltec
Author URI: https://www.facebook.com/assoltec/
Description: Temas Desarrollados a medida para Paginas Web Empresariales
Tags: one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: milu-theme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


body{
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, a, button, li, span, input, label, textarea{
  font-family: 'Roboto' !important;
  font-weight: 400 !important;
}

/* @font-face {
  font-family: 'NeubauGrotesqueW01';
  src: url('NeubauGrotesqueW01-Bold.eot');
  src: url('NeubauGrotesqueW01-Bold.eot?#iefix') format('embedded-opentype'),
      url('NeubauGrotesqueW01-Bold.woff2') format('woff2'),
      url('NeubauGrotesqueW01-Bold.woff') format('woff'),
      url('NeubauGrotesqueW01-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
} */

.prb{
  background: url(https://fhomosapiensx.com/wp-content/uploads/2026/05/BannerVikingosWeb-scaled.jpg) no-repeat center;
  background-size: cover;
  min-height: 100vh;
}
.prb .navbar{
  background-color: transparent !important;
  font-size: 22px !important;
}

.prbb{
  background: url(https://fhomosapiensx.com/wp-content/uploads/2026/05/BannerPiratasWeb-scaled.jpg) no-repeat center;
  background-size: cover;
  min-height: 100vh;
}

.prbb .navbar{
  background-color: transparent !important;
  font-size: 22px !important;
}

.minh-100{
  height: 55vh;
}

.prb-c{
  background: url(https://fhomosapiensx.com/wp-content/uploads/2023/05/BannerContacto1.jpg) no-repeat center;
  background-size: cover;
  min-height: 100vh;
}

.cont-storie{
  background: url(https://fhomosapiensx.com/wp-content/uploads/2023/01/fondo-banner-perfiles.jpeg) no-repeat center;
}

.prb-c .navbar{
  background-color: transparent !important;
  font-size: 22px !important;
}

.prb-serv{
  background: url(https://fhomosapiensx.com/wp-content/uploads/2026/05/BannerJumanjiWeb-scaled.jpg) no-repeat center;
  background-size: cover;
  min-height: 90vh;
}

.prb-serv .navbar{
  background-color: transparent !important;
  font-size: 22px !important;
}

.prb-portf{
  background-color:#000000;
  background-size: cover;
  min-height: 100vh;
}

.prb-portf .navbar{
  font-size: 22px !important;
}

.rtaF{
  background: url(https://fhomosapiensx.com/wp-content/uploads/2022/07/www.png);
  background-color: #F29720;
  background-size: cover;
  min-height: 90vh;
}

.qBusc{
  background: url(https://fhomosapiensx.com/wp-content/uploads/2023/05/fondo-como-lo-hacemos-1.png);
  /* background-color: #F29720; */
  background-size: cover;
  min-height: 90vh;
}

.line-1{
    position: relative;
    /* top: 50%;   */
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 250%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    color: white;    
}

/* Animation Banners*/
.anim-typewriter{
  animation: typewriter 3s steps(21) 1s 1 normal both,
             blinkTextCursor 500ms steps(21) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 12.3em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.line-4{
    position: relative;
    /* top: 50%;   */
    width: 24em;
    margin: 0 auto;
    margin-left: 30px;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 250%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    color: white;    
}

/* Animation Banners*/
.anim-typewriter4{
  animation: typewriter4 3s steps(30) 1s 1 normal both,
             blinkTextCursor4 500ms steps(30) infinite normal;
}
@keyframes typewriter4{
  from{width: 0;}
  to{width: 17em;}
}
@keyframes blinkTextCursor4{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.line-5{
    position: relative;
    /* top: 50%;   */
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 250%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    color: white;    
}

/* Animation Banners*/
.anim-typewriter5{
  animation: typewriter5 3s steps(24) 1s 1 normal both,
             blinkTextCursor5 500ms steps(24) infinite normal;
}
@keyframes typewriter5{
  from{width: 0;}
  to{width: 14.1em;}
}
@keyframes blinkTextCursor5{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.line-3{
    position: relative;
    /* top: 50%;   */
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 250%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    color: white;    
}

/* Animation Banners*/
.anim-typewriter3{
  animation: typewriter3 3s steps(24) 1s 1 normal both,
             blinkTextCursor3 500ms steps(24) infinite normal;
}
@keyframes typewriter3{
  from{width: 0;}
  to{width: 14.1em;}
}
@keyframes blinkTextCursor3{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.fnd{
    background-color: #194c6f;
}

.prb-single{
  background-color: #147482 !important;
}

.assoltec{
  width: 60px;
  padding-bottom: 23px;
}

:root {
  --animate-duration: 6s;
  --animate-delay: 3s;
  --animate-repeat: 1;
}

.imag-inicio{
  -webkit-filter: brightness(50%);
filter: brightness(50%);
}

.cont-icn{
  display: -webkit-inline-box;
}

.icn{
  width: 18px;
  height: 18px;
}

.ico-home{
  width: 80px !important;
  margin: auto;
  padding-top: 15px;
}
.cahome{border-radius: 15px !important; box-shadow: -11px 10px 13px -2px rgba(209,205,209,1);}

.ico-cont{
  width: 55px !important;
}

.bts {
  color: rgb(4, 4, 4) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 0.5em 1.2em !important;
  background: #c3c3c3 !important;
  border: 2px solid !important;
  border-color: #000000 !important;
  position: relative !important;
  border-radius: 5px !important;
}
.bts:before {
  content:"";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  transition: all 1s ease;
}

.bts:hover:before {
width: 100%;
}


.menu-fixed {
  position:fixed;
  z-index:1000;
  top:0;
  max-width:1000px;
  width:100%;
  box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

.tit-c{
  color: #145c72 !important;
}

.bann{
  background: url(http://localhost:8888/wordpress_aserimpex/wp-content/uploads/2020/08/25100-scaled.jpg) no-repeat center;
  background-size: cover;
  min-height: 75vh;
}

.img-qh{width: 500px; border-radius: 5px !important;}

/*.bg-tit{background: linear-gradient(45deg, #060606,#eb0410);}*/
.bg-tit{background:linear-gradient(45deg, #35f602, #0b00ff);min-height: 80px; display: flex; align-items: center;}

.big-tit .container {width: 100%;}

.tit{color: white !important; margin: 0; font-size: 28px; text-align: center;}

.bg-foot{
  /* background: url(http://localhost:8888/wordpress_aserimpex/wp-content/uploads/2020/08/25100-scaled.jpg) no-repeat center; */
  background-color: lightgrey;
  background-size: cover;
  min-height: 24vh;
}

.bann-color{
  background: url('https://fhomosapiensx.com/wp-content/uploads/2026/04/IMG_9191.jpg') no-repeat;
  background-size: cover;
  background-position: center 20%;
}

.contactoIni{
  background-color: #2d2e2ee0;
}

.bts-action{
  border-radius: 5px !important;
}

.ico-action{
  height: 50px;
}

textarea{
  height: 120px !important;
}
.p-fclb{
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.frm-ptd{
  display: flex !important;
}

#ipt-form{
  border-radius: 5px !important;
}

.bann-portfolio{
    width: max-content;
    max-width: 100%;
}

.ico-proy {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  font-size: 17px;
}

.btn-bann{
  background: white;
  border-radius: 5px;
  animation: 5s move;
  /* top: 100px; */
  right: 0%;
  position: absolute;
  opacity: 85%;
}

@keyframes move {
  from {
      right: -50%;
  }
  to {
      right: 0%;
  }
}

.pbtn-bann{
  font-size: 30px;
  padding: 15px;
  margin: auto !important;
  color: #ec444b;
}

.abtn-bann{
  color: white !important;
  opacity: 2% !important;
}

.frm-c, .mapa{
  padding: 15px;
}

.pcont{
  color: black !important;
}

.txt-cont{
  color: #267d8a !important;
}

.redes-f{
  width: 30px;
}

/* ----------------------------------------------------------------| */
/* Flips */
/* ----------------------------------------------------------------| */
.tarjeta-wrapp{
  /* margin: 10px; */
  -webkit-perspective: 800;
  perspective: 800;
}

.tarjeta{
  /* width: 500px; */
  height: 400px;
  background: #F29720;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: .7s ease;
  transition: .7s ease;
  -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);
  box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);

}

.adelante, .atras{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.adelante{
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.atras{
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);

  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  text-align: center;
  color: #fff;
  font-family: "open sans";
  background: #ec444b;
}

.tarjeta-wrapp:hover .tarjeta{
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.cardd1{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/CONFERENCIA-EL-ARTE-DE-SER-FELIZ.jpg);
  background-size: cover;
}

.cardd2{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/11/Rendirse-no-es-una-puta-opcion-1-01.jpg);
  background-size: cover;
}

.cardd3{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/CONFERENCIA-HACKEA-TU-MATRIX.jpg);
  background-size: cover;
}

.cardd4{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/CONFERENCIA-EL-PODER-DE-LOS-SUEÑOS.jpg);
  background-size: cover;
}

.cardd5{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/TALLER-AL-INFINITO-Y-MÁS-ALLÁ-DE-LA-CREATIVIDAD.jpg);
  background-size: cover;
}

.cardd6{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/TALLER-EL-SUEÑO-DEL-PRINCIPITO.jpg);
  background-size: cover;
}

.cardd7{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/TALLER-EL-TESORO-DEL-PIRATA.jpg);
  background-size: cover;
}

.cardd8{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/TALLER-EVOLUTIVO.jpg);
  background-size: cover;
}

.cardd9{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/TALLER-GUERREROS-DE-LA-FELICIDAD.jpg);
  background-size: cover;
}

.cardd10{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/TALLER-LA-CASA-DE-PAPEL.jpg);
  background-size: cover;
}

.cardd11{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/TALLER-SÍGANME-LOS-BUENOS.jpg);
  background-size: cover;
}

.cardd12{
  background-image: url(https://fhomosapiensx.com/wp-content/uploads/2023/06/TALLER-AHÍ-ESTA-EL-DETALLE.jpg);
  background-size: cover;
}

.tit-cardds{
  color: white;
}

.fila{
  /* display: flex:  */
  justify-content: space-around;
}

.cont-rsc{
  padding: 15px;
}

.cardd{
  width: 320px;
  height: 218px;
  border: 1px solid rgba(0,0,0,0.125);
  padding: auto;
}

.txt-tit-card-qs{
  color: black !important;
  font-family: 'Poppins' !important;
  font-size: larger;
}

.ten{
  margin-top: 10px;
}

.seventeen{
  margin-top: 17px;
}

.twenty-five{
  margin-top: 25px;
}

/* Style Font Banner Slide */
.tit-slider{
  font-weight: 700 !important;
  text-align: center;
  font-size: 60px;
}

.txt-desc{
  font-size: 20px;
}


/* Media Querys */

@media(max-width: 1200px){
  .line-1, .line-3 {
    font-size: 200%;
  }
  .line-4{
    font-size: 150%;
  }
  .line-5{
    font-size: 180%;
  }
  /* .img-qh{
    width: 420px;
  }
  .txt-desc{
    font-size: 18px;
  } */
}

@media(max-width: 750px){
  .tit-slider{
    font-size: 45px;
  }
}

/* TARJETAS HOME */
/* Tarjetas */
.custom-card {
  transition: all 0.3s ease;
  border-radius: 18px;
  padding: 10px;
}

.custom-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* Iconos */
.icon-box i {
  font-size: 2.5rem;
  background: linear-gradient(45deg, #E63946, #ff8c42);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Botón */
.btn-link {
  text-decoration: none !important;
  font-weight: 500;
  color: #019001 !important;
}

.btn-link:hover {
  text-decoration: underline;
  color: #c1121f;
}

.prb-portf {
  min-height: unset !important;
  background-color: #000000;
}

.prb-portf .minh-100 {
  height: auto !important;
  min-height: unset !important;
  max-height: 70vh;
  overflow: hidden;
}

.prb-portf .bann-portfolio {
  width: 100%;
  max-width: 100%;
  height: 70vh;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.homosapiens-purpose{
  background: linear-gradient(135deg,#00b7ef,#0099d8);
}

.goal-box{
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 20px;
  padding: 28px 18px;
  height: 100%;
  backdrop-filter: blur(6px);
  transition: all .3s ease;
}

.goal-box:hover{
  transform: translateY(-8px);
  background: rgba(255,255,255,0.16);
  box-shadow: 0 18px 35px rgba(0,0,0,.12);
}

.goal-box i{
  font-size: 2.2rem;
  color: #fff;
  display:block;
  margin-bottom:15px;
}

.goal-box h6{
  color:#fff;
  font-size:1rem;
  line-height:1.45;
  margin:0;
  font-weight:500;
}

@media(max-width:768px){

  .goal-box{
    padding:22px 14px;
  }

  .goal-box h6{
    font-size:.92rem;
  }

}

.services-timeline{
  background: linear-gradient(180deg,#ffffff,#f5f9fc);
}

.mini-tag{
  display:inline-block;
  background:#00b7ef;
  color:#fff;
  padding:8px 18px;
  border-radius:50px;
  font-size:.78rem;
  letter-spacing:1px;
  margin-bottom:18px;
}

.title-main{
  font-size:2.7rem;
  font-weight:800;
  color:#111827;
  margin-bottom:15px;
}

.subtitle-main{
  max-width:720px;
  margin:auto;
  color:#6b7280;
  font-size:1.05rem;
}

/* LINEA */
.service-line{
  max-width:950px;
  margin:auto;
  position:relative;
}

.service-line::before{
  content:"";
  position:absolute;
  left:35px;
  top:0;
  width:3px;
  height:100%;
  background:linear-gradient(#00b7ef,#d8eef7);
}

/* ITEM */
.service-item{
  display:flex;
  gap:25px;
  margin-bottom:35px;
  align-items:flex-start;
  position:relative;
}

.service-icon{
  min-width:72px;
  width:72px;
  height:72px;
  border-radius:22px;
  background:linear-gradient(135deg,#00b7ef,#00d7ff);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 15px 30px rgba(0,183,239,.18);
  position:relative;
  z-index:2;
}

.service-icon i{
  color:#fff;
  font-size:1.9rem;
}

.service-content{
  background:#fff;
  border-radius:24px;
  padding:24px 28px;
  box-shadow:0 10px 35px rgba(0,0,0,.05);
  flex:1;
  transition:.3s ease;
}

.service-item:hover .service-content{
  transform:translateX(8px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.service-content h4{
  margin-bottom:10px;
  font-size:1.2rem;
  font-weight:700;
  color:#111827;
}

.service-content p{
  margin:0;
  color:#6b7280;
  line-height:1.7;
}

/* MOBILE */
@media(max-width:768px){

.title-main{
  font-size:2rem;
}

.service-line::before{
  left:28px;
}

.service-item{
  gap:16px;
}

.service-icon{
  min-width:56px;
  width:56px;
  height:56px;
  border-radius:18px;
}

.service-icon i{
  font-size:1.4rem;
}

.service-content{
  padding:18px;
}

}