@charset "UTF-8";
/*
Theme Name: Ideal Theme
Theme URI: 
Author: Ideal Agency
Author URI: https://theideal.agency
Description: 
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: idealtheme
*/



/* --------------------------------------------------------------------
- GENERAL
- VARIABLES
- TYPE
- BUTTONS
- TOP NAV
- DARK MODE
- GENERAL
- BLOCKS
- ANIMATIONS
- FOOTER
- CURSOR
- RESPONSIVE
-------------------------------------------------------------------- */




/* --------------------------------------------------------------------
  GENERAL
---------------------------------------------------------------------- */
* { 
  margin:0;
  padding: 0;
}
*, ::after, ::before {     
  box-sizing: border-box;
}
html, body { 
  overflow-x: hidden;
  color: var(--color-tuna);
  cursor: default;
}

::selection { background-color: var(--color-paprika); color: var(--color-white);}
::-moz-selection { background-color: var(--color-paprika); color: var(--color-white);}

/* Preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 100;
}

.preloader-container {
  height: 100dvh;
  width: auto;
}

.preloader video {
  object-fit: cover;
}

.hidepreloader {
  display: none !important;
}



/* Flexbox */
.flex { display: flex; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.space-between { justify-content: space-between; }
.flex-wrap { flex-wrap: wrap !important; }
.align-items-center {    align-items: center!important; }
.align-items-end { align-items: flex-end; }
.align-self-end { align-self: flex-end; }
.flex-col { flex-direction: column; }

/* Gap */
.gap-20 { gap: 20px; }
.gap-60 { gap: 60px; }
.gap-100 { gap: 100px; }

/* Paddings */
.pd-tb-l { padding-top: 100px; padding-bottom: 100px; }
.pd-tb-m { padding-top: 40px; padding-bottom: 40px; }
.pd-tb-s { padding-top: 20px; padding-bottom: 20px; }

.pd-lr-l { padding-left: 100px; padding-right: 100px; }
.pd-lr-m { padding-left: 40px; padding-right: 40px; }
.pd-lr-s { padding-left: 20px; padding-right: 20px; }

.mb-20 { margin-bottom: 20px; }
.mb-60 { margin-bottom: 60px; }

/* Other elements */
ul { list-style-type: none; margin:0; padding: 0; }
.list-style-none { list-style-type: none; }
.img-fluid { width: 100%; height: auto; }

.rotate-90 {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  inline-size: 63%;
 }

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
	border: none !important; 
}

@supports (font-variation-settings: normal) {
  @font-face {
      font-family: 'Bebas';
      src: url('./assets/font/BebasNeue-Regular.woff2') format('woff2 supports variations'),
           url('./assets/font/BebasNeue-Regular.woff2') format('woff2-variations');
      font-weight: 200 800;
      font-display: swap;
      font-style: normal;
  }

  @font-face {
    font-family: 'Manrope';
    src: url('./assets/font/Manrope-VariableFont_wght.woff2') format('woff2 supports variations'),
         url('./assets/font/Manrope-VariableFont_wght.woff2') format('woff2-variations');
    font-weight: 200 800;
    font-display: swap;
    font-style: normal;
}

  @font-face {
    font-family: 'Script';
    src: url('./assets/font/OvertheRainbow-Regular.woff2') format('woff2 supports variations'),
         url('./assets/font/OvertheRainbow-Regular.woff2') format('woff2-variations');
    font-weight: 400 900;
    font-display: swap;
    font-style: normal;
}

}



/* --------------------------------------------------------------------
  VARIABLES
---------------------------------------------------------------------- */
:root {
    --font-bebas: 'Bebas', Helvetica, sans-serif;
    --font-script: 'Script', 'Times New Roman', Times, serif;
    --font-manrope: 'Manrope', Helvetica, sans-serif;

    --smaller-font: 1.25vw;

    --color-white: #F5F4EF;
    --color-tuna: #282D36;
    --color-tuna-lighter: #2E3139;
    --color-paprika: #7C0419;
    --color-green: #7B7A2C;
    --color-blue:#4883C9;
    --color-accent: #7C0419;

    --transition-dur: 0.3s;
}



  
/* --------------------------------------------------------------------
  TYPE
---------------------------------------------------------------------- */
body {
  font-family: var(--font-bebas);
  font-size: 0.93vw;
  line-height: 1.5;
}

a {
  transition: var(--transition-dur);
  color: inherit;
  position: relative;
  text-decoration: none;
}
  
a:hover {
  color: var(--color-accent);
}

h1, h2, h3, h4  {
  font-family: var(--font-bebas);
}

h5, h6, p {
  font-family: var(--font-manrope);
}

.script-font {
  font-family: var(--font-script);
  font-size: 2.813vw;
  line-height: 1;
}

.contacto .script-font {
  font-size: 6.70vw;
}


h1, h2 {
  font-size: 5.26vw;
  line-height: 0.9;
}

h3 {
  font-size: 4.896vw;
  line-height: 1;
}



h4 {
  font-size: 3.49vw;
  line-height: 1;
}

h5 {
  font-size: 1.40vw;
  line-height: 1.2;
}

h6 {
  font-size: 1vw;
  line-height: 1.2;
}

p {
  font-size: 1.354vw;
  line-height: 1.4;
}

.smaller-font {
  font-size: var(--smaller-font);
}







/* --------------------------------------------------------------------
  BUTTONS
---------------------------------------------------------------------- */
.rotated-cta {
  position: absolute !important;
  transform-origin: bottom right;
  right: -5px;
  bottom: 0;
  transform: rotate(-90deg) translateX(100%);
  overflow: hidden;
}

.rotated-cta:hover a {
  transform: translatex(-10px);
}

.horizontal-cta.bottom:hover a,
.consultoria .two-col-block .horizontal-cta:hover a  {
  /* box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.4); */
  transform: translateX(10px);
}

.horizontal-cta.bottom {
  position: absolute !important;
  bottom: -6px;
  right: 0;
  overflow: hidden;
}

.rotated-cta a, .horizontal-cta a {
  font-family: var(--font-manrope);
  font-weight: 600;
  padding-top: 2vw;
  padding-bottom: 2vw;
  overflow: hidden;
}

.rotated-cta.revenue a, .horizontal-cta.revenue a,
.revenue .two-col-block .horizontal-cta a, .revenue .forminator-button {
  background-color: var(--color-paprika) !important;
  overflow: hidden;
}

.revenue .newsletter .forminator-input {
  border-color: var(--color-paprika) !important ;
}

.rotated-cta.branding a, .horizontal-cta.branding a,
.branding .two-col-block .horizontal-cta a, .branding .forminator-button {
  background-color: var(--color-blue) !important;
  color: var(--color-white);
  overflow: hidden;
}

.branding .newsletter .forminator-input {
  border-color: var(--color-blue) !important ;
}

.rotated-cta.white a, .horizontal-cta.white a {
  background-color: var(--color-white) !important;
  color: var(--color-tuna);
  overflow: hidden;
}

.consultoria .two-col-block .horizontal-cta a, .consultoria .forminator-button {
  background-color: var(--color-green) !important;
  color: var(--color-white);
  overflow: hidden;
}

.consultoria .newsletter .forminator-input {
  border-color: var(--color-green) !important ;
}

.manifesto .two-col-block .horizontal-cta a {
  background-color: var(--color-white);
  color: var(--color-tuna);
  overflow: hidden;
}

.rotated-cta a {
  padding-left: 6vw;
  padding-right: 2vw;
}

.horizontal-cta a {
  padding-right: 6vw;
  padding-left: 2vw;
}

.rotated-cta a::before {
  content: '';
  position: absolute;
  width: 4vw;
  height: 130%;
  left: 0px;
  background-size: contain;
  /* background-repeat: no-repeat; */
  background-position: left;
  background-image: url(/wp-content/themes/idealtheme-1.2/assets/images/cta-texture.png);
  top: -10px;
  mix-blend-mode: multiply;
}

.horizontal-cta a::after {
  right: 0;
  content: '';
  position: absolute;
  width: 4vw;
  height: 130%;

  background-size: contain;
  /* background-repeat: no-repeat; */
  background-position: left;
  background-image: url(/wp-content/themes/idealtheme-1.2/assets/images/cta-texture.png);
  top: -10px;
  mix-blend-mode: multiply;
}

.elementor-button {
  border-radius: 0 !important;
}

.two-col-block .links-container .horizontal-cta, .two-col-block .links-container .horizontal-cta a {
  width: 100%;
}







/* --------------------------------------------------------------------
  POP UP
---------------------------------------------------------------------- */
#popmake-737 {
  padding: 60px !important;
}

#popmake-737 .pum-title {
  font-family: var(--font-manrope) !important;
  font-size: 1.5vw !important;
  font-weight: 500 !important;
  max-width: 75% !important;
  line-height: 1.4 !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
  padding-right: 0 !important;
}

.forminator-row {
  margin-bottom: 10px !important;
}

#consent-1, #html-1 {
  margin-top: 20px !important;
}

.forminator-label {
  font-family: var(--font-manrope) !important;
  color: var(--color-white) !important;
  font-size: 1.2vw !important;
}

.forminator-consent__label p {
  font-family: var(--font-manrope) !important;
  color: var(--color-white) !important;
}

.forminator-field-html .p1 {
  font-size: .8vw !important;
}

input, textarea {
  color: var(--color-white) !important;
}

textarea {
  border: none !important;
  border-bottom: 1px solid var(--color-white) !important;
  padding-top: 40px !important;
  max-height: 100px !important;
}

.forminator-floating--textarea {
  padding: 0 !important;
  overflow: visible !important;
}

.forminator-field-textarea {
  margin-top: 20px !important;
}

.forminator-input--wrap:after {
  background-color: var(--color-green) !important;
}

.forminator-input {
  border-color: var(--color-white) !important;
}

.forminator-textarea--wrap:after {
  border-color: var(--color-green) !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}

.forminator-checkbox-box {
  border-width: 1px !important;
  background-color: transparent !important;
  border-color: var(--color-white) !important;
  border-radius: 0 !important;
}

#forminator-module-743.forminator-design--material .forminator-checkbox span[aria-hidden]:not(.forminator-checkbox-image) {
  color: var(--color-green) !important;
}

.forminator-button {
  font-family: var(--font-manrope) !important;
  background-color: var(--color-green) !important;
  color: var(--color-white) !important;
  border-radius: 0 !important;
  text-align: left !important;
  padding: 20px 80px 20px 20px !important;
  float: right;
  margin-top: 20px !important;
  margin-right: -60px !important;
}

.forminator-button span {
  font-weight: 700 !important;
}

.forminator-button:after, form#sib_signup_form_2 .sib-default-btn:after,
.contacto-form .btn:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 130%;
  right: 0px;
  background-size: contain;
  background-position: left;
  background-image: url(/wp-content/themes/idealtheme-1.2/assets/images/cta-texture.png);
  top: -10px;
  mix-blend-mode: multiply;
}

.forminator-error-message {
  color: var(--color-paprika);
  font-size: 12px !important;
  font-family: 'Manrope' !important;
}

.pum-theme-728 .pum-content + .pum-close, .pum-theme-tema-por-defecto .pum-content + .pum-close {
  font-family: 'Manrope' !important;
  font-size: 2vw !important;
  font-weight: 600 !important;
  padding: 1.5vw 2vw !important;
}





/* Contacto Page */
.contacto-page .forminator-input,
.contacto-page .forminator-checkbox-box {
  border-color: var(--color-tuna) !important;
}

.contacto-page .forminator-label,
.contact-page .forminator-consent__label p,
.contacto-page .forminator-consent__label p   {
  color: var(--color-tuna) !important;
}

.contacto-page textarea {
  border-bottom: 1px solid var(--color-tuna) !important;
}

#forminator-module-785 #email-1 label {
  color: #6a6a6a !important; 
  font-size: 14px !important;
}

#forminator-module-785 .forminator-row {
  margin-bottom: 0 !important;
}

.forminator-error-message {
  font-family: var(--font-manrope);
}


/* Brevo Form */
.contacto-form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  color: var(--color-white);
}

.contacto-form .flex {
  gap: 20px;
}

.contacto-form input {
  border: none;
  border-bottom: 1px solid var(--color-white);
  padding: 10px 0px;
  font-family: var(--font-manrope) !important;
  background: transparent;
}

.contacto-form textarea {
  font-family: var(--font-manrope);
  padding-top: 10px !important;
  background: transparent;
}


.sib-NOMBRE-area input, .sib-TELEFONO-area input, .sib-email-area input, .sib-EMPRESA-area input,
.contacto-form textarea {
  width: 100%;
}

.sib-NOMBRE-area, .sib-TELEFONO-area, .sib-email-area, .sib-EMPRESA-area {
  width: 50%;
}

.contacto-form .descripcion {
  font-size: .8vw !important;
}

.contacto-form label {
  font-size: 14px;
}

.contacto-form .btn {
  position: relative;
  margin-top: 20px !important;
  margin-right: -60px !important;
  overflow: hidden;
}

.contacto-form input.sib-default-btn {
  font-family: var(--font-manrope) !important;
  background-color: var(--color-green) !important;
  color: var(--color-white) !important;
  border-radius: 0 !important;
  text-align: left !important;
  padding: 20px 80px 20px 20px !important;
  border: none;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  width: auto;
  min-width: 100px;
  float: right;
  height: auto;
  cursor: pointer;
}

.contacto-form input:focus-visible, .contacto-form textarea:focus-visible {
outline: none;
}

.contacto-form input:focus, .contacto-form textarea:focus {
  border-bottom: 1px solid var(--color-green);
  box-shadow: 0 1px 0 0 var(--color-green);
}

.contacto-form input::placeholder, .contacto-form textarea::placeholder {
  color: var(--color-white);
}

.contacto-form input[type="checkbox"] {
  appearance: none;
  margin-right: 6px;
  font: inherit;
  width: 22px;
  height: 10px;
  border: 1px solid var(--color-white);
  border-radius: 0 !important;
  transform: translateY(0.1em);
  display: inline-grid;
  place-content: center;
}

.contacto-form input[type="checkbox"]::before {
  content: '';
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-green);
}

.contacto-form input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.contacto-page .contacto-form,
.contacto-form input::placeholder, .contacto-form textarea::placeholder,
.contacto-form input, .contacto-form textarea {
  color: var(--color-tuna) !important;
}

.contacto-form input[type="checkbox"], .contacto-form input {
  border-color: var(--color-tuna);
}


/* --------------------------------------------------------------------
  WIDGET POMING
---------------------------------------------------------------------- */
.widget-poming {
  position: fixed;
  bottom: 2vw;
  left: 2vw;
  z-index: 9;
}

.widget-poming .col.poming img {
  width: auto;
  height: 180px;
  filter: drop-shadow(3px 5px 5px rgb(0 0 0 / 0.3));
}


.widget-poming .col.rrss {
  justify-content: flex-end;
  gap: 5px;
  transform: translateX(-30px);
  transition: all 1s ease;
  opacity: 0;
}

.widget-poming .col.rrss a {
  background-color: var(--color-paprika);
  padding: 1vw;
  border-radius: 50%;
  line-height: .8;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3);
}

.widget-poming .col.rrss svg {
  fill: var(--color-white);
  width: 20px;
  height: 20px;
}

.widget-poming .col.rrss img {
  filter: invert(1);
}

.widget-poming:hover .col.rrss {
  opacity: 1;
  transform: translateX(0px);
}

.widget-poming .col.rrss a:hover {
  transform: scale(.9);
}

.widget-poming .col.poming {
  animation: ring 20s ease infinite;
}

@keyframes ring {
  0%, 5%, 100% { transform: rotate(0); }
  1% { transform: rotate(5deg); }
  3% { transform: rotate(-5deg); }
}



/* --------------------------------------------------------------------
  TOP NAV
---------------------------------------------------------------------- */
#top-navigation {
  position: fixed;
  width: 100%;
  z-index: 99;
  transition: all .4s ease;
  transition-delay: .2s;
  padding: 2vw;
}

.hidden {
  transform: translateY(-130px);
  opacity: 0;
}

.down {
  background-color: rgba(40, 45, 54, .95);
}

#top-navigation .logo-header img {
  width: 15%;
}

#top-navigation .col.menu .menu-text {
  color: var(--color-white);
  font-size: 35px;
}

.mobile-menu-visible .menu-text {
  opacity: 0;
}

/* Invert color pages header */
.home #top-navigation .logo svg path,
.page-id-282 #top-navigation .logo svg path,
.blog #top-navigation .logo svg path,
.single #top-navigation .logo svg path,
.page-template-page_legal #top-navigation .logo svg path {
  fill: var(--color-tuna); 
  transition-delay: 1s;
}

.home #top-navigation .col.menu .menu-text,
.page-id-282 #top-navigation .col.menu .menu-text,
.blog #top-navigation .col.menu .menu-text,
.single #top-navigation .col.menu .menu-text,
.page-template-page_legal #top-navigation .col.menu .menu-text  {
  color: var(--color-tuna); 
}

.home .navbar-open svg path,
.page-id-282 .navbar-open svg path,
.blog .navbar-open svg path,
.single .navbar-open svg path,
.page-template-page_legal .navbar-open svg path {
  stroke: var(--color-tuna) !important;
}

.home #top-navigation.down .logo svg path,
.page-id-282 #top-navigation.down .logo svg path,
.blog #top-navigation.down .logo svg path,
.single #top-navigation.down .logo svg path,
.page-template-page_legal #top-navigation.down .logo svg path {
  fill: var(--color-white);
}

.home #top-navigation.down .col.menu .menu-text,
.page-id-282 #top-navigation.down .col.menu .menu-text,
.blog #top-navigation.down .col.menu .menu-text,
.single #top-navigation.down .col.menu .menu-text,
.page-template-page_legal #top-navigation.down .col.menu .menu-text  {
  color: var(--color-white); 
}

.home #top-navigation.down .navbar-open svg path,
.page-id-282 #top-navigation.down .navbar-open svg path,
.blog #top-navigation.down .navbar-open svg path,
.single #top-navigation.down .navbar-open svg path,
.page-template-page_legal #top-navigation.down .navbar-open svg path {
  stroke: var(--color-white) !important;
}



/* --- Main Menu --- */
.main-menu {
  display: none;
}
.main-menu .navigation {
  position: static;
  margin: 0;
}

.main-menu .navigation > li {
  position: relative;
  overflow: hidden;
} 





.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current-menu-item > a {
  opacity: 1;
}



/* --- Navbar Mobile --- */
.navbar-open {
  position: relative;
  display: block;
  background-color: unset;
  padding: 0;
  border: none;
  /* position: absolute;
  right: 32px;
  top: 0px; */
  background-color: unset !important;
}


/* .mobile-menu {
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
} */

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}

.navbar-open .mobile-nav-toggler path {
  stroke: var(--color-white);
}

.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 80%;
  height: 100%;
  z-index: 1;
  padding: 0 4%;
  background: rgba(40, 45, 54, .99);

  transform: translateX(101%);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transition: all var(--transition-dur) ease;
  -moz-transition: all var(--transition-dur) ease;
  -webkit-transition: all var(--transition-dur) ease;
  -ms-transition: all var(--transition-dur) ease;
  -o-transition: all var(--transition-dur) ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  z-index: -2;
  height: 100vh;
}

.mobile-menu .menu-box {
  position: absolute;
  right: 0px;
  overflow-y: visible;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  width: 80%;
  height: 80vh;
  padding: 2% 7% 7% 7%;
  color: var(--color-white);
  
  transform: translateX(101%);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
}

.mobile-menu .menu-box .col {
  width: 50%;
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
}

.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 1;
  color: var(--color-white); 
  text-align: left;
  margin-bottom: 10px;

  transition: all var(--transition-dur) ease;
  -webkit-transition: all var(--transition-dur) ease;
  -moz-transition: all var(--transition-dur) ease;
  -ms-transition: all var(--transition-dur) ease;
  -o-transition: all var(--transition-dur) ease;
}

.mobile-menu .navigation > li > a {
  font-size: 4vw;
}

.mobile-menu .navigation > li {
  margin-bottom: 30px;
}

.mobile-menu .navigation .sub-menu a {
  font-family: var(--font-manrope);
  font-size: 1.70vw;
  font-weight: 400;
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover {
  color: var(--color-accent);
}

.mobile-nav-toggler path {
  stroke: var(--color-tuna); 
}

.mobile-nav-toggler path {
  transition: all ease var(--transition-dur);
}

.mobile-nav-toggler.active path.top {
  transform: rotate(45deg) translate(7px, -7px);
}

.mobile-nav-toggler.active path.middle {
  opacity: 0;
}

.mobile-nav-toggler.active path.bottom {
  transform: rotate(-45deg) translate(-10px, 0px); 
}

.mobile-menu .navigation > li:nth-child(2) > a, .mobile-menu .navigation > li:nth-child(3) > a {
  pointer-events: none;
}




.menu-box .site-desc {
  color: var(--color-white);
  font-size: 4vw;
  width: 80%;
}

.menu-box img, .ft-main .contact-info img {
  filter:invert(1);
}

.contact-info .rrss {
  margin-top: 10px;
  gap: 40px;
}

.contact-info .rrss svg {
  fill: var(--color-white);
  width: 2em;
  height: 2em;
}

.mobile-menu .menu-box .abstraccion {
  position: absolute;
  bottom: -3vw;
  right: 0;
  width: 60%;
}


/* --- When scrolled --- */
#top-navigation.menu-scrolled {
  padding: 8px 20px;
} 
.menu-scrolled .logo img {
  width: 30px;
  transition: all var(--transition-dur) ease-in-out;
}

.page-template-page-home #top-navigation.menu-scrolled {
  background-color: var(--color-accent);
}

.page-template-page-home #top-navigation.menu-scrolled .logo {
  opacity: 1;
  visibility: visible;
}





/* --------------------------------------------------------------------
  BLOCKS
---------------------------------------------------------------------- */
/* main {
  min-height: 90vh;
  padding-top: 120px;
  padding-left: 20px;
  padding-right: 20px;
} */

.banner-blog-title {
  padding-bottom: 20px;
}


.razones-container {
  color: var(--color-white);
  min-height: 50vh;
}

.razones-container .col-left {
  width: fit-content;
  position: relative;
  align-self: flex-end;
}

.razones-container .col-right {
  width: 50%;
  position: relative;
  align-self: flex-start;
}

.razones-selector {
  transform-origin:bottom left;
  left:0;
  bottom:0;
  transform: rotate(-90deg) translateY(100%);
}

.razones-tab {
  position: relative;
  width: fit-content;
}

.razones-tab h4 {
  padding: 20px 40px 20px 120px;
  line-height: 0.8;
}

.razones-tab.active {
  color: var(--color-green);
}

.active.razones-tab::before {
  filter: invert(44%) sepia(20%) saturate(1105%) hue-rotate(21deg) brightness(70%) contrast(96%);
}

.razones-tag {
  background-color: var(--color-green);
  padding: 1% 2%;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 20px;
}

.razones-tab::before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('/wp-content/themes/idealtheme-1.2/assets/images/icon-more.svg');
}

.revenue .razones-tag {
  background-color: var(--color-paprika);
}

.revenue .razones-tab.active {
  color: var(--color-paprika);
}

.revenue .active.razones-tab::before {
  filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(3394%) hue-rotate(355deg) brightness(84%) contrast(106%); 
}



.branding-block .list li::before,
.consultoria-block .accordion .elementor-tab-title::before {
  content: '';
  width: 10%;
  height: 1vw;
  background-color: var(--color-white);
  display: inline-block;
  margin-left: -7.5vw;
  margin-right: 2vw;
}

.branding-block .list.blue li::after {
  content: '';
  width: 10%;
  height: 1vw;
  background-color: var(--color-blue);
  display: inline-block;
  margin-right: -6vw;
  margin-left: 2vw;
}





/* Revenue Page */
.revenue-tabs-block .elementor-tab-content {
  padding: 0;
}

.revenue-tabs-block .elementor-tabs-wrapper {
  padding: 80px;
  padding-top: 0;
  overflow: visible !important;
}


.revenue-tabs-block .elementor-tab-title:first-child::after {
  content: '' !important;
  background-image: url('/wp-content/uploads/2024/09/revenue-tab-line1.svg');
  width: 72% !important;
  height: 100vw !important;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute !important;
  top: 17px !important;
  left: 100px;
}

.revenue-tabs-block .elementor-tab-title:nth-child(2)::after {
  content: '' !important;
  background-image: url('/wp-content/uploads/2024/09/revenue-tab-line2.svg');
  width: 72% !important;
  height: 100vw !important;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute !important;
  top: 17px !important;
  left: 100px;
}

.revenue-tabs-block .elementor-tab-title:nth-child(3)::after {
  content: '' !important;
  background-image: url('/wp-content/uploads/2024/09/revenue-tab-line3.svg');
  width: 56% !important;
  height: 100vw !important;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute !important;
  top: 17px !important;
  left: 100px;
}


.revenue-accordion .elementor-tab-title.elementor-active {
  background-color: var(--color-white);
  display: inline-block;
}

.revenue-accordion .elementor-tab-title.elementor-active a {
  color: var(--color-tuna) !important;
}

.revenue-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg path {
  fill: var(--color-tuna) !important;
  margin-top: 5px;
}

.revenue-block1 .rotate-title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  display: inline-block;
}







#casos-exito .c {
  overflow: hidden;
  height: 6vw;
  background-color: var(--color-white);
}


#casos-exito .title {
  font-family: var(--font-manrope);
  font-size: 5.70vw;
  line-height: 1;
  text-align: center;
  margin-top: 40px;
  transition: all .5s ease;
}

#casos-exito .title a {
  color: var(--color-tuna);
}

#casos-exito .title:hover {
  margin-top: 0;
}

.revenue #casos-exito .title a:hover {
  color: var(--color-paprika);
}

.branding #casos-exito .title a:hover {
  color: var(--color-blue);
}

.consultoria #casos-exito .title a:hover {
  color: var(--color-green);
}



.consultoria-block .accordion .elementor-tab-title {
  font-size: 1.667vw;
  line-height: 1.4;
  font-family: var(--font-manrope);
}



.circle-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.circle {
  background-color: #fff;
  border-radius: 50%;
  margin: 20px;
  width: 1%;
  height: 1%;
  aspect-ratio: 1/1;
}
.circle.big {
  width: 3%;
  height: 3%;
  margin: 10px;
  animation: pulse 1.75s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #8f0a037f;
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px #8f0a0300;
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 #8f0a0300;
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 #8f0a037f;
    box-shadow: 0 0 0 0 #8f0a037f;
  }
  70% {
      -moz-box-shadow: 0 0 0 20px #8f0a0300;
      box-shadow: 0 0 0 20px #8f0a0300;
  }
  100% {
      -moz-box-shadow: 0 0 0 0 #8f0a0300;
      box-shadow: 0 0 0 0 #8f0a0300;
  }
}

.circle.big.active {
  background-color: var(--color-paprika);
  animation: none;
}

.s-title {
  display: none;
  color: var(--color-white);
}

.s-title:first-child {
  display: block;
}


/* Manifesto page */
.manifesto-cta .horizontal-cta a, .manifesto-cta .horizontal-cta a span {
  width: 24vw;
  text-align: left;
}

/* Legal pages */
.content-legal {
  padding: 120px;
}

.content-legal .page-title {
  margin-bottom: 40px;
}

.page-template-page_legal .content-legal p {
  margin-bottom: 20px;
}

.page-template-page_legal h2 {
	font-size: 3vw;
	margin-bottom: 10px;
}

.page-template-page_legal .content-legal ul li {
	list-style: disc;
    margin-left: 20px;
    font-family: var(--font-manrope);
    font-size: 1.354vw;
    line-height: 1.4;
}

.page-template-page_legal .content-legal ul li:last-child {
	margin-bottom: 20px;
}

.page-template-page_legal .content-legal .wp-block-table {
	font-family: var(--font-manrope);
	margin-bottom: 30px;
}


/* --------------------------------------------------------------------
  CUSTOM WIDGETS
---------------------------------------------------------------------- */
.two-col-block .col {
  width: 50%;
}

.two-col-block .col.white {
  background-color: var(--color-white);
}

.two-col-block .col.tuna {
  background-color: var(--color-tuna);
  padding: 6vw;
}

.two-col-block .title {
  color: var(--color-white);
  padding: 3vw;
  background-color: var(--color-tuna);
  margin-left: -48%;
  padding-right: 2vw;
}

.two-col-block .links-container {
  align-self: flex-end;
}

.two-col-block .col img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.manifesto .two-col-block .links-container {
  margin-right: -6vw;
}

.newsletter .col-shortcode {
  margin-right: -2vw;
}


.newsletter form .forminator-field-email {
  margin-right: -60px !important;
}

.newsletter .col-shortcode {
  align-self: flex-end !important;
}

.newsletter .forminator-input {
  border-width: 1px !important;
  border-color: var(--color-green) !important;
  padding-left: 10px !important;
}

.newsletter .forminator-label {
  padding-left: 20px !important;
}

.checkbox-newsletter input[type="checkbox"] {
	appearance: none;
    margin-right: 6px;
    font: inherit;
    width: 1.5em;
    height: 1.5em;
    border: none;
    border-radius: 0 !important;
    transform: translateY(0.1em);
    background: #1f2126;
    display: inline-grid;
	place-content: center;
}

.checkbox-newsletter input[type="checkbox"]::before {
	content: '';
    width: 0.85em;
    height: 0.85em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--color-green);
}

.checkbox-newsletter input[type="checkbox"]:checked::before {
	transform: scale(1);
}

.revenue form#sib_signup_form_2 input.sib-email-area {
	border-color: var(--color-paprika) !important; 
}

.revenue form#sib_signup_form_2 .sib-default-btn {
	background-color: var(--color-paprika) !important; 
}

.branding form#sib_signup_form_2 input.sib-email-area {
	border-color: var(--color-blue) !important;
}

.branding form#sib_signup_form_2 .sib-default-btn {
	background-color: var(--color-blue) !important; 
}

.consultoria form#sib_signup_form_2 input.sib-email-area {
	border-color: var(--color-green) !important; 
}

.consultoria form#sib_signup_form_2 .sib-default-btn {
	background-color: var(--color-green) !important; 
}

.manifesto-news form#sib_signup_form_2 {
	position: absolute;
    right: -13px;
}


/* --------------------------------------------------------------------
  SWIPER
---------------------------------------------------------------------- */
.swiper-nosotros {
  width: 100%;
  overflow: hidden;
}

.swiper-nosotros .swiper-container {
  position: relative;
  height: auto;
}

.text-slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  background-color: var(--color-tuna);
}

.text-slide {
  padding: 6vw;
}

.text-slider h2, .text-slider p,
.swiper-hero-nosotros p {
  color: var(--color-white);
}

.image-slider {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}

.img-slide img {
  position: relative;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100% !important;
}

.swiper-nosotros .swiper-button-next,
.swiper-nosotros .swiper-button-prev {
  bottom: 5vw;
  top: initial;
  --swiper-navigation-size: 1.3vw;
  background-color: #000;
  padding: 1.7vw;
  color: var(--color-white);
  border-radius: 50%;
  opacity: .7;
}

.swiper-nosotros .swiper-button-next:hover,
.swiper-nosotros .swiper-button-prev:hover {
  opacity: 1;
}


.swiper-nosotros .swiper-button-next::after,
.swiper-hero-nosotros .swiper-button-next::after {
  margin-right: -.2vw;
}

.swiper-nosotros .swiper-button-prev::after,
.swiper-hero-nosotros .swiper-button-prev::after {
  margin-left: -.2vw;
}

.swiper-nosotros .swiper-button-next {
  left: 42%;
}

.swiper-nosotros .swiper-button-prev {
  left: 37%;
}





.swiper-hero-nosotros {
  width: 80%;
  overflow: hidden;
}

.swiper-hero-nosotros .text-hero-slider {
  position: relative;
  height: auto;
  width: 100%;
  margin-bottom: 6%;
}

.swiper-hero-nosotros .swiper-button-next,
.swiper-hero-nosotros .swiper-button-prev {
  bottom: 0;
  top: initial;
  --swiper-navigation-size: 1.3vw;
  background-color: #000;
  padding: 1.7vw;
  color: var(--color-white);
  border-radius: 50%;
  opacity: .7;
}

.swiper-hero-nosotros .swiper-button-next:hover,
.swiper-hero-nosotros .swiper-button-prev:hover {
  opacity: 1;
}

.swiper-hero-nosotros .swiper-button-next {
  left: 72%;
}

.swiper-hero-nosotros .swiper-button-prev {
  left: 66%;
}


/* --------------------------------------------------------------------
  BLOG
---------------------------------------------------------------------- */
.cabecera-blog {
  padding: 140px 120px 40px;
  background-image: url('/wp-content/themes/idealtheme-1.2/assets/images/bk-blog.webp');
  background-position: center center;
  background-size: cover;
}

.cabecera-blog.casos {
  background-image: url('/wp-content/uploads/2024/09/bk-casos-exito@2x-scaled.webp');
  min-height: 45vh;
  padding-top: 160px;
}

.blog-list, .single .content-area {
  padding: 40px 120px 120px;
  background-color: var(--color-white);
}

.blog-list article {
  width: 33%;
}


.blog-list article .thumb img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.blog-list .tag-category {
  margin-bottom: 10px;
}

.blog-list h5 {
  color: var(--color-tuna);
}

.tag-category .branding, .tag-category .consultoria-hotelera, .tag-category .revenue-management,
.categories-filter li,
.categories-filter .branding .selected,
.categories-filter .consultoria-hotelera .selected,
.categories-filter .revenue-management .selected
 {
  padding: 4px;
  color: var(--color-white);
  display: inline-block;
  margin-right: 4px;
}

.tag-category .branding, .categories-filter .branding .selected {
  background-color: var(--color-blue);
}

.tag-category .consultoria-hotelera, .categories-filter .consultoria-hotelera .selected {
  background-color: var(--color-green);
}

.tag-category .revenue-management, .categories-filter .revenue-management .selected {
  background-color: var(--color-paprika);
}


.blog-nav a {
  font-size: 1vw;
  font-family: var(--font-manrope);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-tuna);
}

.categories-filter .selected {
  font-weight: 900;
}


.single .img-featured img {
  object-fit: cover;
  object-position: center;
  aspect-ratio: 159 / 73;
}

.single .content-area h1, .single .content-area h2, .single .content-area h3 {
  font-family: var(--font-manrope);
  margin-bottom: 20px;
  line-height: 1.2;
}

.single .content-area h1 {
  font-size: 3vw;
  font-weight: 900;
  margin-top: 60px;
}

.single .content-area h2 {
  font-size: 2.5vw;
}

.single .content-area h3 {
  font-size: 2vw;
  margin-top: 30px;
}



/* Navigation Blog List */
nav.goppargo-pagination .page-numbers {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 3vw;
}

nav.goppargo-pagination .page-numbers li {
  font-size: 2vw;
  margin: 6vw 0 0;
}

nav.goppargo-pagination .page-numbers.current {
  background-color: var(--color-tuna);
  padding: .5vw 1vw;
  color: var(--color-white);
}

nav.goppargo-pagination .page-numbers a {
  padding: .5vw 1vw;
}




/* --------------------------------------------------------------------
  FOOTER
---------------------------------------------------------------------- */
.ft-main {
  position: relative;
  background-color: var(--color-tuna);
  color: var(--color-white);
  padding: 6vw 2vw;
}

footer .logo svg {
  width: 17vw !important;
  height: auto;
}

.ft-main a {
  color: var(--color-dark);
  text-decoration: none;
}

.ft-main .col1 {
  width: 40%;
}

.ft-main .row1 .col2, .ft-main .row2 .col2 {
  width: 60%;
  padding-right: 4vw;
}

.ft-menu {
  columns: 2;
  column-gap: 60px;
  text-transform: lowercase;
}

.ft-menu .menu-item a::first-letter {
  text-transform: uppercase;
}

.ft-menu .menu-item a {
  position: relative;
  display: block;
  text-align: left;
  color: var(--color-white);
  font-family: var(--font-manrope);
  font-size: var(--smaller-font);
  text-decoration: none;
  line-height: 1;
  opacity: 1;
}

.main-menu a:hover {
  color: var(--color-accent);
}

.ft-main a:hover {
  color: var(--color-accent);
}

.ft-menu .menu-item, .ft-menu .menu-item a {
  margin-bottom: 10px;
}

.row3 svg {
  float: right;
  width: 90%;
  height: auto;
  margin-right: -7vw;
}

footer h4 {
  font-size: 4.5vw;
}

.ft-menu-legal {
  padding-top: 40px;
  font-family: 'Manrope';
}


/* --------------------------------------------------------------------
  ERROR 404
---------------------------------------------------------------------- */

.error404 main h1 {
  margin-bottom: 60px;
  letter-spacing: -6px;
}


.error404 main {
  padding: 120px 20px;
  background-color: var(--color-tuna);
  color: var(--color-white);
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.error404 h2 {
  font-size: 11vw;
}

.error404 .horizontal-cta {
  display: inline-block;
  transition: var(--transition-dur);
  float: right;
}

.error404 .horizontal-cta .elementor-button {
  display: inline-block;
}

.error404 .horizontal-cta a {
  background-color: var(--color-green);
  color: var(--color-white);
  font-size: 15px;
  text-transform: uppercase;
}

.error404 .horizontal-cta:hover {
  transform: translateX(10px);
}









/* --------------------------------------------------------------------
  RESPONSIVE
---------------------------------------------------------------------- */

@media (max-width: 575px) {
  .container { max-width: 90%; }

}

@media all and (min-width: 576px) {
  .container {
    max-width: 90%;
    margin: auto;
  }

}


@media only screen and (max-width: 768px) {

  /* Preloader */
  .preloader { background-color: #272D35; }
  .preloader-container { height: 100dvh; width: auto; display: flex; }
  .preloader video { height: 70vh; align-self: center; }

  /* Typography */
  h1 { font-size: 16vw; }
  h2 { font-size: 12vw; }
  h3 { font-size: 9vw; }
  h4 { font-size: 7.1vw; }
  h5 { font-size: 5vw; }
  h6 { font-size: 4vw; }
  p { font-size: 4.2vw; }

  .blog-nav a, 
  .smaller-font, .ft-main .menu-item a,
  .consultoria-block .accordion .elementor-tab-title { font-size: 4vw !important ; }

  .mobile-menu .navigation .sub-menu a { font-size: 4vw; }

  .mobile-menu .navigation > li > a { font-size: 9vw;}

  .single .content-area h1 { font-size: 9vw;}
  .single .content-area h3 { font-size: 5vw;}


  .script-font { font-size: 9vw;}
  .contacto .script-font { font-size: 14vw; }


  /* Header */
  #top-navigation {
    padding: 30px;
  }
  #top-navigation .main-menu {
    display: none !important;
    visibility: hidden;
  }
  #top-navigation .menu {
    order: 3;
    align-self: center;
  }

  .mobile-menu-visible .mobile-menu .menu-box {
    padding: 60px 0;
    height: 100%;
    gap: 20px;
    position: relative;
    /* justify-content: space-between; */
    height: 90vh !important;
  }

  .mobile-menu-visible .mobile-menu .navigation > li {
    margin-bottom: 20px;
  }

  .mobile-menu .menu-box {
    padding: 60px 30px;
  }

  .mobile-menu-visible .mobile-menu .menu-box {
    transform: translateX(0px);
  }

  .menu-box .contact-info .rrss {
    justify-content: flex-end;
  }

  .menu-box .contact-info .smaller-font {
    text-align: right;
  }

  .menu-box .contact-info {
    gap: 20px;
  }

  .menu-box > .col:nth-child(2) {
    border-top: 1px solid #fff;
    padding-top: 30px;
  }

  .mobile-menu .menu-box .abstraccion {
    position: relative;
    margin-top: 30px;
  }

  .contact-info .rrss {
    gap: 10px;
  }

  #top-navigation .col.menu .menu-text { display: none; }
  
  /* .menu-box .contact-info {
    gap: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
  } */

  /* .mobile-menu-visible .mobile-menu {
    height: 85%;
  } */


  /* General */
  .mobile-menu .menu-box, .project-tiles, .ft-main .row1, .ft-main .row2, .ft-main .row2 .col2 > div, .two-col-block  {
    flex-direction: column;
  }

  .ft-main .logo, .contact-info, .ft-main .row1 .col2 {
    text-align: center;
  }

  .ft-main {
    align-items: center;
  }

  .contact-info .rrss {
    justify-content: center;
  }

  .ft-main .row1, .ft-main .row2, .ft-main .row2 .col2 > div {
    gap: 60px;
  }

  .ft-main .col1,
  .mobile-menu .menu-box .col,
  .blog-list article,
  .two-col-block .col,
  .branding .two-col-block .horizontal-cta a, .consultoria .two-col-block, 
  .ft-main .row1 .col2, .ft-main .row2 .col2,
  .mobile-menu .menu-backdrop,
  .mobile-menu .menu-box  {
    width: 100%;
  }

  .menu-box .site-desc {
    display: none ;
  }

  .widget-poming {
    right: 4% !important;
    flex-direction: row-reverse;
    left: initial;
  }

  .widget-poming .col.poming img {
    height: 150px;
  }

  .widget-poming .col.rrss a {
    padding: 3vw;
  }



  /* Custom Widgets */
  .two-col-block .col.tuna {
    padding: 60px 20px;
    gap: 30px;
  }

  .two-col-block .title {
    margin-left: 0;
    padding: 0;
  }

  .two-col-block .links-container {
    gap: 0;
  }

  .swiper-hero-nosotros .swiper-button-next, .swiper-hero-nosotros .swiper-button-prev,
  .swiper-nosotros .swiper-button-next, .swiper-nosotros .swiper-button-prev {
    padding: 24px;
    --swiper-navigation-size: 20px;
  }

  .swiper-hero-nosotros .swiper-button-next,
  .swiper-nosotros .swiper-button-next {
    left: 86%;
  }
  .swiper-hero-nosotros .swiper-button-prev,
  .swiper-nosotros .swiper-button-prev {
    left: 72%;
  }

  .swiper-nosotros {
    flex-direction: column-reverse;
  }

  .text-slide {
    padding: 60px 30px;
  }

  .text-slider, .image-slider {
    width: 100%;
  }

  .elementor-widget-newsletter .two-col-block .col:first-child {
    display: none;
  }

  .elementor-widget-contacto .two-col-block .col.white {
    height: 560px;
  }
  
  .elementor-widget-contacto .two-col-block .col.tuna {
    background: transparent;
    position: absolute;
    bottom: 0;
  }

  .elementor-widget-contacto .two-col-block .title {
    background: transparent;
  }

  .elementor-widget-contacto .two-col-block .col.white::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4) !important;
    width: 100%;
    height: 100%;
  }


  /* CTAs */
  .rotated-cta {
    right: 0;
    transform: rotate(0deg) translateX(0);
  }
  
  .horizontal-cta, .rotated-cta {
    margin: 0 20px 20px !important;
  }

  .rotated-cta a, .horizontal-cta a {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .rotated-cta a, .forminator-button {
    padding-left: 18vw;
    padding-right: 4vw;
    line-height: 1.4;
  }

  .horizontal-cta a {
    padding-right: 18vw;
    padding-left: 4vw;
    line-height: 1.4;
  }

  .horizontal-cta.bottom, .rotated-cta {
    left: 0;
  }

  .horizontal-cta.bottom a, .rotated-cta a {
    width: 100%;
  }

  .rotated-cta a::before, .horizontal-cta a::after, .forminator-button:after {
    width: 14vw;
  }

  .forminator-button {
    padding: 3vw 18vw 3vw 3vw !important;
  }

  .newsletter .col-shortcode {
    align-self: center !important;
    margin-right: 0;
    width: 90%;
  }

  .newsletter form .forminator-field-email, .newsletter .forminator-button {
    margin-right: 0 !important;
  }



  /* Blog Archive and Single */
  .cabecera-blog {
    padding: 120px 20px 40px; 
  }

  .blog-list, .single .content-area {
    padding: 40px 20px; 
  }

  .categories-filter {
    overflow-x: scroll;
  }
  .categories-filter::-webkit-scrollbar {
    display: none;
  }
  .categories-filter li, .tag-category a {
    white-space: nowrap;
  }

  .meta-single {
    gap: 10px;
    margin-bottom: 20px;
    overflow-x: scroll;
  }

  .tag-category {
    display: flex;
  }

  .blog-list > div {
    flex-wrap: wrap;
  }

  .blog-list h5 {
    font-size: 4.2vw;
  }

  .project-tiles {
    flex-direction: row !important;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    gap: 40px;
  }

  .project-tiles article {
    min-width: 72% !important;
    scroll-snap-align: start;
  }




  /* Footer */
  .ft-main .row2 .col1 {
    order: 2;
  }

  .ft-main .row1 .col2, .ft-main .row2 .col2 {
    padding-right: 0;
  }

  .contact-info .rrss svg {
    width: 5em;
    height: 5em;
  }

  .ft-menu {
    columns: 1;
  }

  .ft-main .row1 {
    order: 2;
  }
  .ft-main .row2 {
    order: 3;
  }
  .ft-main .row3 {
    order: 1;
  }

  .ft-main .row3 svg {
    width: 170%;
    float: left;
  }

  footer .logo svg {
    width: 56vw !important;
  }

  footer h4 {
    font-size: 9vw;
  }


  /* Las notas que componen */
  #casos-exito .c {  height: 10vw; }
  #casos-exito .title { font-size: 10vw; margin-top: 20px; }
  .cabecera-blog.casos { min-height: 50vh; }


  /* Revenue Management */
  .revenue-block1 .rotate-title { transform: rotate(0deg); writing-mode: horizontal-tb; }
  .circle { margin: 7px; width: 7%; height: 7%; }
  .circle.big { width: 16%; height: 16%; margin: 2px; }
  .s-title { min-width: 100% !important; }
  .script-font.revenue,
  .revenue-tabs-block .elementor-tab-title:first-child::after, .revenue-tabs-block .elementor-tab-title:nth-child(2)::after, .revenue-tabs-block .elementor-tab-title:nth-child(3)::after, .revenue-tabs-block h2 { display: none ;}

  .revenue-tabs-block .elementor-tab-mobile-title { margin: 30px 0; }


  /* List with line */
  .branding-block .list li::before, .consultoria-block .accordion .elementor-tab-title::before {
    width: 8%;
    height: 2vw;
    margin-left: -34px;
    margin-right: 6px;
  }

  .branding-block .list.blue li::after {
    width: 8%;
    height: 2vw;
    margin-right: -34px;
    margin-left: 6px;
  }


  /* Pop Up */
  #popmake-737 { padding: 40px !important; }
  #popmake-737 .pum-title { font-size: 5.5vw !important; max-width: 100% !important; }
  .forminator-label { font-size: 4vw !important; }
  .forminator-field-html .p1, .contacto-form .descripcion { font-size: 2.5vw !important; }
  .forminator-button { margin-right: -40px !important; }
  
  /* Manifesto */
  .manifesto-cta .elementor-button-wrapper a {
    width: 300px;
  }

  .manifesto-hero-text {
    writing-mode: horizontal-tb;
    transform: rotate(0deg) !important;
  }

  /* Legal page */
  .content-legal {
    padding: 60px 20px;
  }

  .content-legal .page-title {
    padding-top: 60px;
  } 
	
  .page-template-page_legal h2 {
	font-size: 9vw;
  }
	
  .page-template-page_legal .content-legal ul li {
	font-size: 4.2vw;
  }
 
  .page-template-page_legal .content-legal .wp-block-table table {
	font-size: 4.2vw;
    width: 150%;
    overflow-x: scroll;
  }


}



@media all and (min-width: 992px) {

}

@media all and (min-width: 1900px) {

}