@charset "UTF-8";
/*
 Theme Name:   Divi
 Theme URI:    ../Divi_child/
 Description:  Tema hijo para Divi
 Author:       31416k
 Author URI:   http://example.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         ...
 Text Domain:  31416k
*/
@import url(../Divi/style.css);
@import url(../Divi_child/frame.css);
@import url(../Divi_child/portfolio-web.css);
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;400;500;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
/* 
***
*/
/* $color-verde: #BAF8C9; */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

::-moz-selection {
  /* Code for Firefox */
  background: #8d9592; }

::selection {
  background: #8d9592; }

body {
  background: linear-gradient(135deg, #FEEB02, rgba(51, 41, 131, 0.95));
  font-family: 'Roboto Mono', monospace !important;
  font-weight: 300;
  overflow-x: hidden;
  /* 	overflow: hidden;
	@media (max-width: $breakpoint-phone) {
		overflow:visible;
		overflow-x: hidden;
	} */ }

strong {
  font-family: 'Roboto Mono', monospace !important;
  font-weight: 500; }

a {
  color: #333; }

.et_pb_scroll_top.et-pb-icon {
  background: rgba(0, 0, 0, 0); }

.et_pb_scroll_top:before {
  content: "!";
  font-weight: bolder;
  font-size: 3rem;
  color: #333; }

a.wame {
  display: block;
  position: fixed;
  width: 10rem;
  bottom: 2rem;
  right: 2rem;
  z-index: 9999999; }

/*
***LOGO YORDI************
*/
.logo_y {
  font-family: 'Space Grotesk', monospace;
  
  display: flex;
  position: absolute;
  top: 3vh;
  left: 0;
  width: 275px;
  color: #fff;}
  .logo_y h3 {
    display: block;
    position: absolute;
    background-image: url(https://www.31416k.com/wp-content/uploads/2026/01/3-w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 80px;
    height: 67px;
    top: 0px;
    left: -5px;
  }
  .logo_y h2 {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top:.5rem;
	margin-left: 45px;
    color: #fff; }
  .logo_y h2::after {
    content: "©";
    font-family: 'Roboto';
    position: absolute;
    transition: 0.5s;
    top: 1.65rem;
    left: 5.5rem;
    font-size: 1rem;
    color: #fff; }
  .logo_y span.btn-list {
    font-size: 4.7rem;
    width: 5px;
    height: 80px;
    top: 15px;
    position: relative;
    overflow: hidden;
    transition: width .4s ease;
    color: #fff; }
  .logo_y:hover span {
    width: 450px; }
  .logo_y:hover span.btn-list n {
    transform: translateY(20px);
    color: #fff; }
  .logo_y:hover h2::after{
    top: 1.65rem;
    left: 18rem;
    transition: all 0.4s ease;
  }
  span.btn-list n {
    position: absolute;
    transition: all 0.3s ease-out;
    transform: translateY(100px); }

  .logo_y span.btn-list2 n {
      display: block;
      position: absolute;
      background-image: url(https://www.31416k.com/wp-content/uploads/2026/01/1416-w.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 0;
      height: 0;
      top: 155px;
      left: 125px;
  }
  .logo_y:hover span.btn-list2 n {
      width: 190px;
      height: 70px;
      top: 15px;
      left: 50px;
      transition: all 0.3s ease-out;
  }

/*
***INICIO************
*/
.et_header_style_left .logo_container {
  display: none; }

.mobile_menu_bar:before {
  color: white; 
  font-size: 40px;}
.et_mobile_menu {
  top: 9rem;
  border: none;
  background-color: rgba(255, 255, 255, 0.85) !important; }
  .et_mobile_menu li a {
    color: #424242 !important;
    border: none; }

#top-menu {
  font-weight: 500; }
  #top-menu a:hover {
    text-decoration: underline !important; }
ul.sub-menu {
    background-color: rgba(255, 255, 255, 0.85) !important;
    border: none !important;
}
ul.sub-menu a{
    color: #424242 !important;
    font-size:15px !important;
}
@media (max-width: 982px) {
  ul.sub-menu {
      background-color: rgba(255, 255, 255, 0) !important;
  }
  ul.sub-menu a{
      font-size:14px !important;
  }
}
.texto-const {
  height: 50vh;
  width: 45%;
  margin-top: 7rem;
  margin-left: 12rem;
  text-align: left;
  font-size: 4rem;
  line-height: 1;
  color: white;
  /* border-bottom: 8px solid white; */ }
  @media (max-width: 1400px) {
    .texto-const {
      margin-top: 10vh;
      margin-left: 5rem;
      font-size: 3rem;
      width: 60%; } }
  @media (max-width: 820px) {
    .texto-const {
      margin-top: 10vh;
      margin-left: 0;
      font-size: 2rem;
      width: 100%; } }
  .texto-const::after {
    content: "";
    display: block;
    position: relative;
    height: 8px;
    width: 10rem;
    margin-top: 3rem;
    background-color: white; }

.et_pb_module.et_pb_image.et_pb_image_0.avion {
  position: absolute;
  top: 0;
  max-width: 30rem;
  left: 50%;
  opacity: .4; }
  @media (max-width: 820px) {
    .et_pb_module.et_pb_image.et_pb_image_0.avion {
      top: 5rem;
      width: 15rem; } }
  .et_pb_module.et_pb_image.et_pb_image_0.avion:hover {
    opacity: 1;
    z-index: 999; }

.texto-2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  color: white;
  margin-top: 3.5rem; }
  .texto-2 h4 {
    padding: 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase; }
  @media (max-width: 820px) {
    .texto-2 {
      font-size: 1.25rem; } }

@media (max-width: 820px) {
  body.home .text-2 {
    font-size: 1.25rem;
    margin-top: -1.5rem !important; } }

.texto-3 {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.2;
  color: white; }
  .texto-3 h4 {
    padding: 2rem 0;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #424242; }
  .texto-3 a:hover {
    text-decoration: underline; }
  @media (max-width: 820px) {
    .texto-3 {
      margin-top: -1rem; } }

a.btn-1 {
  border-radius: 100px;
  font-size: 1rem; }
  @media (max-width: 820px) {
    a.btn-1 {
      margin-left: 0; } }

.pie a:hover {
  text-decoration: underline; }

@media (max-width: 980px) {
  .about-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .about-1 .et_pb_column_4 {
      order: -1; } }

@media (max-width: 980px) {
  .img-garden {
    margin-bottom: 3rem !important; } }

@media (max-width: 980px) {
  .port-1 {
    margin-top: -10rem !important; } }

@media (max-width: 980px) {
  .port-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .port-3 .et_pb_column_9 {
      order: -2; } }

/*
***EDITORIAL************
*/
.et-pb-arrow-next, .et-pb-arrow-prev {
  position: absolute;
  top: 50%;
  z-index: 100;
  font-size: 60px;
  color: #424242; }
  @media (max-width: 820px) {
    .et-pb-arrow-next, .et-pb-arrow-prev {
      display: none; } }

/*
***CONTACTO************
*/
.flor {
  display: block;
  position: absolute;
  width: 500px;
  opacity: .4; }
  .flor:hover {
    opacity: 1; }
  @media (max-width: 820px) {
    .flor {
      margin-top: 13.5rem !important; } }

.formulario-contacto {
  margin-top: 8rem;
  margin-bottom: 10rem !important;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.38); }

.et_pb_contact_submit.et_pb_button {
  width: 8rem;
  background-color: white;
  border-color: white;
  color: #424242;
  border-radius: 100px;
  font-size: 1rem;
  text-transform: uppercase; }

.txt-contact, .et_pb_contact_field {
  font-weight: 400;
  font-size: .75rem; }

.et_pb_contact_field_options_title {
  display: none; }