/*
Theme Name: Yotako
Author: Yotako team
Author URI: https://yotako.io/
Description: Design in Figma or AdobeXD. Publish in WordPress. The Figma/Adobe XD to WordPress plugin by Yotako is the fastest way of converting your beautiful design into a fully functional WordPress website in a few clicks without writing a single line of code! Get your custom domain, professional email, and world-class secure hosting, without the hassle.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 2.0.0
License: © Yotako 2016-2024
License URI:  https://yotako.io/
Tags: figma-to-wordpress, adobe-xd-to-wordpress, xd-to-wordpress, design-to-code, seamless-transition, design-to-wordpress
Yotako WordPress Theme, (C) 2024 Yotako.io
*/
 @import url("https://fonts.googleapis.com/css?display=swap&family=Montserrat:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900");
 @import url("https://fonts.googleapis.com/css?display=swap&family=Poppins:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900");
 @import url("style-browsers-support.css");

 body,
 html {
   margin: 0;
   padding: 0;
 }

 * {
   box-sizing: border-box;
 }

 .centerlize {
   margin: 0 auto;
 }

 .relative {
   position: relative
 }

 p,
 a,
 h1,
 h2,
 h3 {
   margin: 0;
   color: unset;
   text-decoration: none;
 }

 button {
   background: none;
   color: inherit;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit;
 }

 .yk_post_content p {
   margin: revert;
 }

 .yk_input_wrapper {
   position: relative;
   width: 100%;
 }

 .yk_input_wrapper>div {
   /* position:relative; */
   /* height:100% */
 }

 .yk_input_wrapper>.block-editor-inner-blocks {
   position: absolute;
   top: 0
 }

 .has-text-align-right {
   text-align: right !important;
 }

 .has-text-align-left {
   text-align: left !important;
 }

 .has-text-align-center {
   text-align: center !important;
 }

 .has-background {
   padding: initial !important;
 }

 body .yk_input_wrapper input::placeholder {
   text-align: start;
 }

 body .yk_transparent {
   background: transparent !important;
 }

 body .yt_text_background {
   background-size: 100%;
   -webkit-background-clip: text;
   -moz-background-clip: text;
   -webkit-text-fill-color: transparent;
   -moz-text-fill-color: transparent;
 }

 body .yt_text_vertical_center {
   display: flex;
   align-items: center;
   flex-direction: column;
   word-wrap: anywhere;
 }

 body .yt_custom_select_arrow {
   background-position-x: 95% !important;
   -webkit-appearance: none;
   appearance: none;
   padding: 10px;
 }

 body .yt_cover_size {
   object-fit: cover;
   height: inherit;
 }

 .yt_full_size {
   width: 100%;
   height: 100%;
 }

 body .wp-block-video video {
   width: 100%;
 }

 [class^="container_"],
 [class*=" container_"],
 [class^="button_"],
 [class*=" button_"] {
   display: flex;
 }

 [class^="grid_"],
 [class*=" grid_"] {
   display: grid;
 }

 [class^="vp_"],
 [class*=" vp_"] {
   display: flex;
   flex-direction: column;
   /* align-items if needed */
 }

 *[onclick] {
   cursor: pointer;
 }

 input {
   padding: 0 20px;
 }

 .wp-block-image {
   margin: unset;
   padding: unset;
 }

 .wp-block-image img {
   vertical-align: top;
   border-radius: inherit;
   width: 100%;
 }

 .wp-block-yotako-block-input-text {
   position: relative;
   background: transparent;
   border: none;
 }

 .wp-block-image .components-resizable-box__container {
   max-width: unset !important;
 }

 .yt-post-template {
   justify-content: space-between !important;
 }

 body .yt-post-card {
   position: relative !important;
 }

 body .yt_fill_size {
   height: fit_content !important;
   min-height: 100vh !important;
 }

 :where(body .is-layout-flow)>* {
   margin-block-start: initial !important;
 }

 .wp-block-yotako-block-form {
   display: none
 }

 .yt-full-width {
   width: 100%
 }

 .container_435a793713c3 {
   width: 400px;
   height: 55px;
   position: absolute !important;
   left: 0px;
   top: 0px;
   background: #000000;
 }

 .container_27319ed2e95d {
   position: absolute !important;
   width: 360px;
   height: 67px;
   left: 0px;
   top: 0px;
 }

 .container_3ef512888a76 {
   width: 400px;
   height: 756px;
   position: absolute !important;
   left: -1px;
   top: 0px;
   background: #000000;
 }

 .container_896a7aec0a49 {
   position: absolute !important;
   width: 360px;
   height: 758px;
   left: 1px;
   top: 681px;
 }

 .text_553e1c0c70d3 {
   width: 284px;
   height: 162px;
   z-index: 1;
   position: absolute !important;
   left: 19px;
   top: 63px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 25px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .container_239d9b3d256d {
   position: absolute !important;
   width: 284px;
   height: 162px;
   z-index: 1;
   left: 38px;
   top: 672px;
 }

 .imageview_55fc72d551c9 {
   width: 43px;
   height: 30px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 8px;
 }

 .button_ba9572eb744f {
   position: absolute !important;
   width: 43px;
   height: 43px;
   z-index: 1;
   left: 161px;
   top: 12px;
 }

 .button_link_ba9572eb744f {}

 .container_7754faa4c812 {
   width: 304px;
   height: 175px;
   position: absolute !important;
   left: 28px;
   top: 343px;
   background: #d9d9d9;
 }

 .imageview_95ed04d6231b {
   width: 304px;
   height: 53px;
   position: absolute !important;
   left: 0px;
   top: 0px;
 }

 .text_f7294761e8cd {
   width: 276px;
   height: 43px;
   z-index: 1;
   position: absolute !important;
   left: 13px;
   top: 17px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 21.17px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .container_21f94159cc84 {
   position: absolute !important;
   width: 304px;
   height: 53px;
   left: 48px;
   top: 543px;
 }

 .text_fa41778f1212 {
   width: 311px;
   height: 162px;
   z-index: 1;
   position: absolute !important;
   left: 21px;
   top: 24px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 23px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .text-be1b441c3d03_fa41778f1212 {
   line-height: 23px;
   font-family: 'Montserrat';
 }

 .text-58826f623b3c_fa41778f1212 {
   line-height: 23px;
   font-family: 'Montserrat';
 }

 .text-7c2ba72a7e44_fa41778f1212 {
   line-height: 23px;
   font-family: 'Montserrat';
 }

 .text-e31aac4b6689_fa41778f1212 {
   line-height: 23px;
   font-family: 'Montserrat';
 }

 .container_b2edc2ffdd68 {
   position: absolute !important;
   width: 311px;
   height: 162px;
   z-index: 1;
   left: 27px;
   top: 188px;
 }

 .imageview_bbfb2eaaf2c9 {
   width: 311px;
   height: 81px;
   z-index: 2;
   position: absolute !important;
   left: 2px;
   top: -1px;
 }

 .imageview_0cd1f5117de7 {
   width: 35px;
   height: 48px;
   z-index: 3;
   position: absolute !important;
   left: 3px;
   top: 0px;
 }

 .imageview_12d245294ce7 {
   width: 35px;
   height: 48px;
   z-index: 4;
   position: absolute !important;
   left: 3px;
   top: 0px;
 }

 .container_5f18f6d29369 {
   position: absolute !important;
   width: 40px;
   height: 47px;
   z-index: 3;
   left: 23px;
   top: 16px;
 }

 .imageview_288aa3ff90e8 {
   width: 105px;
   height: 35px;
   z-index: 3;
   position: absolute !important;
   left: 4px;
   top: 7px;
 }

 .imageview_05eb175fbf9d {
   width: 105px;
   height: 35px;
   z-index: 4;
   position: absolute !important;
   left: 4px;
   top: 7px;
 }

 .container_12e5bff256c9 {
   position: absolute !important;
   width: 113px;
   height: 43px;
   z-index: 3;
   left: 70px;
   top: 17px;
 }

 .imageview_2ec29e40286d {
   width: 92px;
   height: 38px;
   z-index: 3;
   position: absolute !important;
   left: 3px;
   top: 4px;
 }

 .imageview_301e9bf904fa {
   width: 92px;
   height: 38px;
   z-index: 4;
   position: absolute !important;
   left: 3px;
   top: 4px;
 }

 .imageview_a2cb2450028b {
   width: 92px;
   height: 38px;
   z-index: 5;
   position: absolute !important;
   left: 3px;
   top: 4px;
 }

 .container_7d1fc2fd7861 {
   position: absolute !important;
   width: 103px;
   height: 62px;
   z-index: 3;
   left: 189px;
   top: 19px;
 }

 .container_dd4cfdbe2c9d {
   position: absolute !important;
   width: 311px;
   height: 94px;
   z-index: 2;
   left: 43px;
   top: 109px;
 }

 .text_a2c6bcc0548a {
   width: 320px;
   height: 41px;
   position: absolute !important;
   left: 18px;
   top: 0px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 22px;
   word-wrap: break-word;
   font-family: 'Poppins';
 }

 .text-b0cd6b16bf89_a2c6bcc0548a {
   line-height: 22px;
   font-family: 'Poppins';
 }

 .text-baaee03ece21_a2c6bcc0548a {
   line-height: 22px;
   font-family: 'Poppins';
 }

 .text-63aa8e6b48d4_a2c6bcc0548a {
   line-height: 22px;
   font-family: 'Poppins';
 }

 .text-9a7b911b3adf_a2c6bcc0548a {
   line-height: 22px;
   font-family: 'Poppins';
 }

 .container_3fd453d3eb00 {
   position: absolute !important;
   width: 320px;
   height: 41px;
   left: 29px;
   top: 612px;
 }

 .text_52f724d984bf {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 21px;
   top: 16px;
   line-height: 20.8px;
   font-family: 'Poppins';
 }

 .button_aa836027c9ea {
   position: absolute !important;
   width: 320px;
   height: 53px;
   z-index: 2;
   border-top: #cfcfcfff solid 1px;
   border-right: #cfcfcfff solid 1px;
   border-bottom: #cfcfcfff solid 1px;
   border-left: #cfcfcfff solid 1px;
   left: 0px;
   top: 0px;
   background: #212121;
   border-radius: 8px 8px 8px 8px;
 }

 .button_link_aa836027c9ea {}

 .text_d25b609b80f9 {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 21px;
   top: 16px;
   line-height: 20.8px;
   font-family: 'Poppins';
 }

 .button_b3ce9b7fd194 {
   position: absolute !important;
   width: 320px;
   height: 53px;
   z-index: 2;
   border-top: #cfcfcfff solid 1px;
   border-right: #cfcfcfff solid 1px;
   border-bottom: #cfcfcfff solid 1px;
   border-left: #cfcfcfff solid 1px;
   left: 0px;
   top: 63px;
   background: #212121;
   border-radius: 8px 8px 8px 8px;
 }

 .button_link_b3ce9b7fd194 {}

 .text_b33a82267db2 {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 21px;
   top: 16px;
   line-height: 20.8px;
   font-family: 'Poppins';
 }

 .input_text_d250c193a12c {
   width: 320px;
   height: 53px;
   z-index: 2;
   border-top: #cfcfcfff solid 1px;
   border-right: #cfcfcfff solid 1px;
   border-bottom: #cfcfcfff solid 1px;
   border-left: #cfcfcfff solid 1px;
   background: #212121;
   border-radius: 8px 8px 8px 8px;
   color: #ffffff;
   font-family: 'Poppins';
 }

 .wrapper_input_text_d250c193a12c {
   position: absolute !important;
   left: 0px;
   top: 126px;
   width: 320px;
   height: 53px;
 }

 .input_text_d250c193a12c::placeholder {
   width: 100%;
   z-index: 2;
   line-height: 20.8px;
   text-align: start;
   color: #ffffff;
   font-family: 'Poppins';
   letter-spacing: -0.5px;
 }

 .text_c2fb559d3a81 {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 21px;
   top: 16px;
   line-height: 20.8px;
   font-family: 'Poppins';
 }

 .input_text_20c492f28cbe {
   width: 320px;
   height: 53px;
   z-index: 2;
   border-top: #cfcfcfff solid 1px;
   border-right: #cfcfcfff solid 1px;
   border-bottom: #cfcfcfff solid 1px;
   border-left: #cfcfcfff solid 1px;
   background: #212121;
   border-radius: 8px 8px 8px 8px;
   color: #ffffff;
   font-family: 'Poppins';
 }

 .wrapper_input_text_20c492f28cbe {
   position: absolute !important;
   left: 0px;
   top: 189px;
   width: 320px;
   height: 53px;
 }

 .input_text_20c492f28cbe::placeholder {
   width: 100%;
   z-index: 2;
   line-height: 20.8px;
   text-align: start;
   color: #ffffff;
   font-family: 'Poppins';
   letter-spacing: -0.5px;
 }

 .text_f69bca4fd7db {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 21px;
   top: 16px;
   line-height: 20.8px;
   font-family: 'Poppins';
 }

 .button_6c5fa29baf25 {
   position: absolute !important;
   width: 320px;
   height: 53px;
   z-index: 2;
   border-top: #cfcfcfff solid 1px;
   border-right: #cfcfcfff solid 1px;
   border-bottom: #cfcfcfff solid 1px;
   border-left: #cfcfcfff solid 1px;
   left: 0px;
   top: 252px;
   background: #212121;
   border-radius: 8px 8px 8px 8px;
 }

 .button_link_6c5fa29baf25 {}

 .text_2f3c513327c6 {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 21px;
   top: 16px;
   line-height: 20.8px;
   font-family: 'Poppins';
 }

 .container_b4a5edbfc7ee {
   position: absolute !important;
   width: 320px;
   height: 75px;
   z-index: 2;
   border-top: #cfcfcfff solid 1px;
   border-right: #cfcfcfff solid 1px;
   border-bottom: #cfcfcfff solid 1px;
   border-left: #cfcfcfff solid 1px;
   left: 0px;
   top: 315px;
   background: #212121;
   border-radius: 8px 8px 8px 8px;
 }

 .text_bd54e2384ed6 {
   width: max-content;
   z-index: 2;
   position: absolute !important;
   left: 21px;
   top: 16px;
   line-height: 20.8px;
   font-family: 'Poppins';
 }

 .input_text_594d8f54822e {
   width: 320px;
   height: 53px;
   z-index: 2;
   border-top: #cfcfcfff solid 1px;
   border-right: #cfcfcfff solid 1px;
   border-bottom: #cfcfcfff solid 1px;
   border-left: #cfcfcfff solid 1px;
   background: #212121;
   border-radius: 8px 8px 8px 8px;
   color: #ffffff;
   font-family: 'Poppins';
 }

 .wrapper_input_text_594d8f54822e {
   position: absolute !important;
   left: 0px;
   top: 402px;
   width: 320px;
   height: 53px;
 }

 .input_text_594d8f54822e::placeholder {
   width: 100%;
   z-index: 2;
   line-height: 20.8px;
   text-align: start;
   color: #ffffff;
   font-family: 'Poppins';
   letter-spacing: -0.5px;
 }

 .text_39b01d8e09a7 {
   width: max-content;
   z-index: 3;
   position: absolute !important;
   left: 21px;
   top: 331px;
   line-height: 20.8px;
   font-family: 'Poppins';
 }

 .container_d812fbd3b4db {
   position: absolute !important;
   width: 320px;
   height: 455px;
   z-index: 2;
   left: 23px;
   top: 0px;
 }

 .container_49824b9ca363 {
   position: absolute !important;
   width: 320px;
   height: 455px;
   z-index: 2;
   left: 20px;
   top: 811px;
 }

 .container_nested_49824b9ca363 {
   width: 320px;
   height: 455px;
   z-index: 2;
 }

 .container_6465c9b8e072 {
   width: 400px;
   height: 68px;
   z-index: 1;
   position: absolute !important;
   left: 0px;
   top: 0px;
   background: #212121;
 }

 .text_0058924cc891 {
   width: 312.78px;
   height: 27px;
   z-index: 2;
   position: absolute !important;
   left: 43.8px;
   top: 19px;
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 13.61px;
   word-wrap: break-word;
   font-family: 'Montserrat';
 }

 .container_f74feec7e4b3 {
   position: absolute !important;
   width: 360.29px;
   height: 68px;
   z-index: 1;
   left: 0px;
   top: 0px;
 }

 .container_941f58cd8aa8 {
   position: absolute !important;
   width: 360.29px;
   height: 68px;
   z-index: 1;
   left: 0px;
   top: 1371px;
 }

 .viewport_7b379c798536 {
   width: 360px;
   height: 1437px;
   overflow-x: hidden;
   overflow-y: hidden;
   background: #ffffff;
 }

 .video-container {
   position: absolute;
   top: 348px;    
   left: 49px;   
   width: 300px;
   z-index: 1000;
   box-shadow: 0 4px 10px rgba(0,0,0,0.3);
   border-radius: 11px;
   overflow: hidden;
   resize: both; /* Permite redimensionar */
   min-width: 240px;
   min-height: 162px;
   max-width: 640px;
  
 }
        
 .video-container video {
 width: 300px;
 height: auto;
 display: block;
 background: #000;
        
 }