/*
Theme Name: Misstake
Author: Cúbica Cloud
Author URI: https://cubica.cloud
Template: Divi
*/

cky-audit-table-element h3 {
    margin: 35px 0 16px 0;
    color:#006a53!important
}

/*
--- MARK: Fuentes
*/
@font-face {
  font-family: 'Parabole Text Regular';
  src: url('assets/fonts/Parabole-TextRegular.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Parabole Display Regular';
  src: url('assets/fonts/Parabole-DisplayRegular.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/*
--- MARK: Variables
*/
:root {
  --font-sans-main: 'Parabole Text Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-sans-highlight: 'Parabole Display Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --degradado-verde: linear-gradient(180deg,#a7eada 0%,#006a53 99%);
  --degradado-blanco: linear-gradient(111.3deg, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,.15) 50%);
  --degradado-blanco-invertido: linear-gradient(111.3deg, rgba(255,255,255,.15) 0%, rgba(255, 255, 255, 0) 50%);
}


/*
--- MARK: Aplicar tipos
*/
body {
  font-family: var(--font-sans-main);
  word-wrap: normal;
  overflow-x: hidden; 
}

.texto-destacado {
  font-family: var(--font-sans-highlight);
}

#page-container {
  overflow-y: auto;
  overflow-x: hidden;
}


/* HEADER */
#inner-header > .et_pb_column {
  width: 50%;
}
  #inner-header #mobile-nav {
    display: none;
  }


/* HEADER VIDEO */
#smart-planning > .et_pb_section_video_bg {
  display: flex;
  align-items: flex-end;
  top: 0!important;
  left: auto!important;
  right: 0!important;
  bottom: 0!important;
  width: 100%;
}
    #smart-planning > .et_pb_section_video_bg > .mejs-container {
      width: 100%!important;
      height: 100%!important;
      margin: 0 0 0 -50%;
    }
      #smart-planning > .et_pb_section_video_bg > .mejs-container .mejs-inner > .mejs-mediaelement {
        left: auto;
        right: 0;
        width: auto!important;
        height: 100%!important;
      }
        #smart-planning > .et_pb_section_video_bg > .mejs-container .mejs-inner > .mejs-mediaelement video {
          width: 100%!important;
          height: 100%!important;
        }

        #smart-planning > .et_pb_section_video_bg.et_pb_section_video_bg_phone > .mejs-container .mejs-inner > .mejs-mediaelement {
          display: flex;
          align-items: flex-start;
          left: auto;
          right: 0;
          width: auto!important;
        }
          #smart-planning > .et_pb_section_video_bg.et_pb_section_video_bg_phone > .mejs-container .mejs-inner > .mejs-mediaelement video {
            width: auto!important;
            height: 100%!important; 
          }
      
#smart-planning > .et_pb_section_video_bg.et_pb_section_video_bg_phone {
  display: none; 
}

/* MARK: Video */
#footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 0 10px;
  list-style: none;
}
  #footer-nav ul > li {
    margin: 0;
    padding: 0;
    line-height: 1;
  }
    #footer-nav ul > li > a {
      color: #a7eada;
      font-size: 12px;
    }


/* MARK: Video */
.et_pb_section_video_bg  .mejs-video {
  background-color: transparent!important;
}

/* Para Safari mostramos una imagen en vez de un video */
body.osx:not(.is-chrome) .et_pb_section_video_bg .mejs-video .mejs-mediaelement,
body.iphone .et_pb_section_video_bg .mejs-video .mejs-mediaelement,
body.ipad .et_pb_section_video_bg .mejs-video .mejs-mediaelement,
body.ios .et_pb_section_video_bg .mejs-video .mejs-mediaelement,
body.is-safari .et_pb_section_video_bg .mejs-video .mejs-mediaelement,
body.is-iphone .et_pb_section_video_bg .mejs-video .mejs-mediaelement {
  background-repeat: no-repeat;
}
  body.osx:not(.is-chrome) .et_pb_section_video_bg:not(.et_pb_section_video_bg_phone) .mejs-video .mejs-mediaelement,
  body.iphone .et_pb_section_video_bg:not(.et_pb_section_video_bg_phone) .mejs-video .mejs-mediaelement,
  body.ipad .et_pb_section_video_bg:not(.et_pb_section_video_bg_phone) .mejs-video .mejs-mediaelement,
  body.ios .et_pb_section_video_bg:not(.et_pb_section_video_bg_phone) .mejs-video .mejs-mediaelement,
  body.is-safari .et_pb_section_video_bg:not(.et_pb_section_video_bg_phone) .mejs-video .mejs-mediaelement,
  body.is-iphone .et_pb_section_video_bg:not(.et_pb_section_video_bg_phone) .mejs-video .mejs-mediaelement {
    background-image: url(https://thefreshplanner.com/wp-content/uploads/2025/08/tfp-header-media.png);
    background-position: right bottom;
    background-size: auto 100%;
  }
  body.osx:not(.is-chrome) .et_pb_section_video_bg.et_pb_section_video_bg_phone .mejs-video .mejs-mediaelement,
  body.iphone .et_pb_section_video_bg.et_pb_section_video_bg_phone .mejs-video .mejs-mediaelement,
  body.ipad .et_pb_section_video_bg.et_pb_section_video_bg_phone .mejs-video .mejs-mediaelement,
  body.ios .et_pb_section_video_bg.et_pb_section_video_bg_phone .mejs-video .mejs-mediaelement,
  body.is-safari .et_pb_section_video_bg.et_pb_section_video_bg_phone .mejs-video .mejs-mediaelement,
  body.is-iphone .et_pb_section_video_bg.et_pb_section_video_bg_phone .mejs-video .mejs-mediaelement {
    background-image: url(https://thefreshplanner.com/wp-content/uploads/2025/08/tfp-header-media-mobile.png);
    background-position: right top;
    background-size: 100% auto;
  }
    body.osx:not(.is-chrome) .et_pb_section_video_bg .mejs-video video,
    body.iphone .et_pb_section_video_bg .mejs-video video,
    body.ipad .et_pb_section_video_bg .mejs-video video,
    body.ios .et_pb_section_video_bg .mejs-video video,
    body.is-safari .et_pb_section_video_bg .mejs-video video,
    body.is-iphone .et_pb_section_video_bg .mejs-video video {
      visibility: hidden!important;
      opacity: 0!important; 
    }     

/* MARK: Smart Planning */
#smart-planning {
  position: relative;
  height: calc( 100vh - 77px );
}
.admin-bar #smart-planning {
  position: relative;
  height: calc( 100vh - 115px );
}

/* MARK: Yes We Plan */
.et_pb_text_inner p > mark {
  
  color: inherit;
  background-color: transparent;
  /*padding: 2px;
  border-radius: 100px;
  background-image: linear-gradient(-90deg, #fff, transparent, #fff);*/
  border-bottom: 1px solid #006a53;
}

/* MARK: About */
#about {
  position: relative;
}
  #about .overlined {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 25%;
  }




/*
--- MARK: Cartas y hover
*/
#qbk-hover-cards .et_pb_blurb {
  --qbk-cards-padding-v: 24px; /* vertical */
  --qbk-cards-padding-h: 32px; /* horizontal */

  height: 100%;
}

#qbk-hover-cards .et_pb_blurb_content .et_pb_main_blurb_image {
  width: 100%;

  margin: 0;
  padding: var(--qbk-cards-padding-v) var(--qbk-cards-padding-h) 24px;

  transition: opacity .4s;
}

#qbk-hover-cards .et_pb_blurb_content .et_pb_main_blurb_image img {
  width: 100px;
  max-width: 90%;
}

#qbk-hover-cards .et_pb_blurb:hover .et_pb_main_blurb_image img {
  filter: brightness(0) saturate(100%) invert(87%) sepia(26%) saturate(342%) hue-rotate(111deg) brightness(97%) contrast(91%);
}

#qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container {
  position: relative;

  width: 100%;

  margin: 0;
  padding: 0 var(--qbk-cards-padding-h) var(--qbk-cards-padding-v);
}

#qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container :is(.et_pb_module_header, .et_pb_blurb_description) {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;

  margin: 0;
  padding: 0 var(--qbk-cards-padding-h) var(--qbk-cards-padding-v);

  transition: opacity .4s;
}

#qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  color: #a7eada;
}

#qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  opacity: 1;
  pointer-events: all;
}

#qbk-hover-cards .et_pb_blurb:hover :is(.et_pb_blurb_container .et_pb_blurb_description, .et_pb_main_blurb_image) {
  opacity: 1;
  pointer-events: all;
}

#qbk-hover-cards .et_pb_blurb:hover .et_pb_blurb_container .et_pb_module_header,
#qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  opacity: 0;
  pointer-events: none;
}

/*
--- MARK: Enlaces
*/
#qbk-bloque-icono {
  position: relative;

  padding-right: 56px;
}

#qbk-bloque-icono::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 46 46' fill='none'%3E%3Cpath d='M32.584 30.6681C34.7023 30.6681 36.4181 29.1041 36.4181 26.834H32.584V30.6681Z' fill='%23006A53'/%3E%3Cpath d='M36.416 19.1683V26.8342C38.6861 26.8342 40.2501 25.1184 40.2501 23.0001C40.2501 20.8818 38.6861 19.166 36.416 19.166V19.1683Z' fill='%23006A53'/%3E%3Cpath d='M32.584 15.3364V19.1705H36.4181C36.4181 16.9004 34.7023 15.3364 32.584 15.3364Z' fill='%23006A53'/%3E%3Cpath d='M28.75 11.5022V15.3363H32.5841C32.5841 13.218 31.0201 11.5022 28.75 11.5022Z' fill='%23006A53'/%3E%3Cpath d='M24.916 7.66821V11.5023H28.7501C28.7501 9.23221 27.0343 7.66821 24.916 7.66821Z' fill='%23006A53'/%3E%3Cpath d='M28.7499 34.4977H24.9204V38.3318C27.1882 38.3318 28.7522 36.6183 28.7545 34.5023C31.0223 34.5 32.584 32.7842 32.584 30.6682H28.7499V34.4977Z' fill='%23006A53'/%3E%3Cpath d='M21.084 42.1659C23.3541 42.1659 24.9181 40.4501 24.9181 38.3318H21.084V42.1659Z' fill='%23006A53'/%3E%3Cpath d='M21.084 3.83398V7.66808H24.9181C24.9181 5.39798 23.2023 3.83398 21.084 3.83398Z' fill='%23006A53'/%3E%3Cpath d='M28.7501 26.8364H24.916V30.6705C27.0343 30.6705 28.7501 29.1065 28.7501 26.8364Z' fill='%23006A53'/%3E%3Cpath d='M32.5841 23.0023C32.5841 20.884 31.0201 19.1682 28.75 19.1682V26.8341C31.0201 26.8341 32.5841 25.1183 32.5841 23V23.0023Z' fill='%23006A53'/%3E%3Cpath d='M24.916 15.3364V19.1705H28.7501C28.7501 16.9004 27.0343 15.3364 24.916 15.3364Z' fill='%23006A53'/%3E%3Cpath d='M21.084 11.5022V15.3363H24.9181C24.9181 13.218 23.3541 11.5022 21.084 11.5022Z' fill='%23006A53'/%3E%3Cpath d='M17.25 7.66821V11.5023H21.0841C21.0841 9.23221 19.3683 7.66821 17.25 7.66821Z' fill='%23006A53'/%3E%3Cpath d='M21.0839 34.4977H17.2544V38.3318C19.5222 38.3318 21.0862 36.6183 21.0885 34.5023C23.3563 34.5 24.918 32.7842 24.918 30.6682H21.0839V34.4977Z' fill='%23006A53'/%3E%3Cpath d='M13.416 42.1659C15.6861 42.1659 17.2501 40.4501 17.2501 38.3318H13.416V42.1659Z' fill='%23006A53'/%3E%3Cpath d='M13.416 3.83398V7.66808H17.2501C17.2501 5.39798 15.5343 3.83398 13.416 3.83398Z' fill='%23006A53'/%3E%3Cpath d='M21.0841 26.8364H17.25V30.6705C19.3683 30.6705 21.0841 29.1065 21.0841 26.8364Z' fill='%23006A53'/%3E%3Cpath d='M24.9161 23.0023C24.9161 20.884 23.3521 19.1682 21.082 19.1682V26.8341C23.3521 26.8341 24.9161 25.1183 24.9161 23V23.0023Z' fill='%23006A53'/%3E%3Cpath d='M17.25 15.3364V19.1705H21.0841C21.0841 16.9004 19.3683 15.3364 17.25 15.3364Z' fill='%23006A53'/%3E%3Cpath d='M13.416 11.5022V15.3363H17.2501C17.2501 13.218 15.6861 11.5022 13.416 11.5022Z' fill='%23006A53'/%3E%3Cpath d='M9.58398 7.66821V11.5023H13.4181C13.4181 9.23221 11.7023 7.66821 9.58398 7.66821Z' fill='%23006A53'/%3E%3Cpath d='M13.4159 34.4977H9.58643V38.3318C11.8542 38.3318 13.4182 36.6183 13.4205 34.5023C15.6883 34.5 17.25 32.7842 17.25 30.6682H13.4159V34.4977Z' fill='%23006A53'/%3E%3Cpath d='M5.75 42.1659C8.0201 42.1659 9.5841 40.4501 9.5841 38.3318H5.75V42.1659Z' fill='%23006A53'/%3E%3Cpath d='M5.75 3.83398V7.66808H9.5841C9.5841 5.39798 7.8683 3.83398 5.75 3.83398Z' fill='%23006A53'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 32px;

  width: 24px;
  height: 24px;

  opacity: 0;
  transform: translateY(-50%);

  transition: opacity .3s;
}

#qbk-bloque-icono:hover::after {
  opacity: 1;
}

/*
--- MARK: Selector idiomas
*/
#qbk-header-col {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
}

.language-selector-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}

.language-selector-container .lang {
  display: inline-flex;
  height: 37px;
  width: 37px;
  align-items: center;
  justify-content: center;
  border: 1px solid #006a53;
  border-radius: 100%;

  font-family: var(--font-sans-main);
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;

  color: #006a53;

  transition: background-color .3s, border-color .3s;
}

.language-selector-container .lang:hovere {
  border-color: #a7eada;
  background-color: #a7eada;
}
.language-selector-container .lang.active {
  color: #fff;
  border-color: #006a53;
  background-color: #006a53;
  cursor: default;
}

.subrayado {
  position: relative;
}

.ovflw {
  overflow: hidden;
}

/* Safari añade un </a> a los cp */
.data-info,
.data-info a {
  color: #fff;
}

.subrayado::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;

  width: 100%;
  height: 2px;

  border-radius: 2px;

  background: var(--degradado-blanco);
}

.subrayado.subrayado_invertido::before {
  background: var(--degradado-blanco-invertido);
}


/** Animación limones **/
#about-apple #lemon-top, 
#about-apple #lemon-bottom {
    position: absolute; /* Posicionamiento absoluto para controlar su movimiento */
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  /* Posición inicial de las imágenes, separadas por 300px */
  #lemon-top {
    transform: translateY(-100px); /* Subir 150px */
    z-index: 10;
  }
  #lemon-center {
    z-index: 20;
  }
  #lemon-bottom {
    transform: translateY(100px); /* Bajar 150px */
    z-index: 15;
  }
    #lemon-top .et_pb_image_wrap, 
    #lemon-center .et_pb_image_wrap, 
    #lemon-bottom .et_pb_image_wrap {
      transform: rotate(230deg);
    }

/** Animación manzana **/
#weare-apple {
    position: relative;
    margin: auto;
    width: 300px;
    height: 300px;
}
  #weare-apple #item-apple, 
  #weare-apple #item-tail {
    position: absolute; /* Posicionamiento absoluto para controlar su movimiento */
    display: inline-block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  /* Posición inicial de las imágenes, separadas por 300px */
  #item-apple {
      transform: translateY(150px); /* Subir 150px */
      z-index: 10;
  }
    #item-apple img {
      transform: rotate(-90deg);
    }
  #item-tail {
      transform: translateY(-150px); /* Bajar 150px */
      z-index: 15;
  }

/* ===== Campos ultracompactos (inputs y selects) ===== */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 select {
    width: 100% !important;
    border: none !important;
    background-color: #E9E8EB;
    padding: 10px;
    border-radius: 0;
    margin: 0 0 2px 0 !important;   /* mínimo espacio entre campos */
    box-sizing: border-box;
    font-size: 14px;
}

/* ===== Textarea (mensaje) reducido a la mitad ===== */
.wpcf7 textarea {
    width: 100% !important;
    border: none !important;
    background-color: #E9E8EB;
    padding: 10px;
    border-radius: 0;
    margin: 0 0 2px 0 !important;
    box-sizing: border-box;
    font-size: 14px;
    height: 75px !important;        /* mitad de altura estándar */
    resize: vertical;               /* permitir ajuste manual */
}

/* ===== Quitar márgenes/paddings de párrafos ===== */
.wpcf7 form p {
    margin: 0 0 2px 0 !important;  /* solo 2px de separación abajo */
    padding: 0 !important;
    line-height: 1 !important;
}

/* Quitar márgenes extra en los wrappers */
.wpcf7 .wpcf7-form-control-wrap { 
    display: block; 
    margin: 0 !important; 
    padding: 0 !important; 
}

/* ===== Ocultar solo el texto de los labels ===== */
.wpcf7 form label {
    font-size: 0 !important;  
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.wpcf7 form label > .wpcf7-form-control-wrap,
.wpcf7 form label > span {
    font-size: 14px !important;
    line-height: 1.35 !important;
    display: block;
}

/* ===== Botón ===== */
.wpcf7 input[type="submit"] {
    width: 100% !important;
    background-color: #A7EADA !important;
    border: none !important;
    color: #006a53 !important;
    padding: 12px;
    font-size: 20px;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    margin-top: 4px !important;  
}
.wpcf7 input[type="submit"]:hover {
    background-color: #006a53 !important;
    color: #A7EADA  !important;
}

/* ===== Checkbox plano, alineado a la izquierda ===== */
.wpcf7 .wpcf7-list-item { 
    margin: 0 !important; 
    padding: 0 !important; 
    display: inline-flex; 
    align-items: center; 
}
.wpcf7 input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background-color: #E9E8EB;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0;
}
.wpcf7 input[type="checkbox"]:checked {
    background-color: #006a53;
    position: relative;
}
.wpcf7 input[type="checkbox"]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -56%);
}
.wpcf7-list-item-label {
    margin-left: 4px;
    font-size: 12px;
    line-height: 1.2em;
}

/* ===== Radios  ===== */
.wpcf7 input[type="radio"] { 
    margin: 0 !important; 
    vertical-align: middle; 
}


/*  label envuelve input+texto */
.wpcf7 .wpcf7-list-item label {
    display: inline-flex !important;
    align-items: flex-start !important;
    gap: 6px;
    white-space: wrap !important;
    font-size: 12px !important;      
    line-height: 1.2em !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* garantizar que el checkbox no empuja a nueva línea */
.wpcf7 input[type="checkbox"] {
    display: inline-block;
    flex: 0 0 auto;
}

/* Subrayar únicamente los enlaces dentro del texto del checkbox */
.wpcf7-list-item-label a {
    text-decoration: underline !important;
    color: inherit; /* hereda el color del texto */
}


@media ( max-width: 1230px) and (min-width: 980px) {

    #smart-planning > .et_pb_section_video_bg > .mejs-container .mejs-inner > .mejs-mediaelement {
        height: auto!important;
    }
}

@media (max-width: 1080px) {

  /* Hover cards */
  #qbk-hover-cards .et_pb_blurb:has(.et_pb_blurb_description) {
    padding-bottom: 2%!important;
  }
    #qbk-hover-cards .et_pb_blurb_content:has(.et_pb_blurb_description) {
      max-width: 100%;
    }
      #qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container:has(.et_pb_blurb_description) {
        height: auto!important; 
      }
        #qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container :is(.et_pb_module_header, .et_pb_blurb_description) {
          position: relative;
          top: auto;
          left: auto;
        }
          body #qbk-hover-cards .et_pb_blurb:hover .et_pb_blurb_container .et_pb_module_header, 
          body #qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
            opacity: 1;
          }

}

@media (max-width: 980px) {

  body.is-nav-active {
    overflow: hidden;
  }

  /* MARK: Smart Planning */
  #smart-planning {
    height: auto!important;
    min-height: 100vh;
  }
    #smart-planning > .et_pb_section_video_bg {
      display: none;
    }
      #smart-planning > .et_pb_section_video_bg.et_pb_section_video_bg_phone {
        display: flex;
      }

  /* HEADER */
  #inner-header {
    display: flex;
    flex-wrap: nowrap;
    margin: 0!important;
    align-items: center;
    gap: 15px;
  }
    #inner-header > .et_pb_column:nth-child(1) {
      margin-left: 0;
      margin-right: auto;
      flex: auto;
      width: auto;
      max-width: 180px;
    }
    #inner-header #mobile-nav {
      position: relative;
      display: block;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: 0;
      flex: 25px;
      width: auto;
      max-width: 25px;
      z-index: 110;
    }
      #inner-header #mobile-nav #hb-nav {
        cursor: pointer;
      }
    #inner-header #qbk-header-col {
      position: absolute;
      display: flex;
      flex-direction: column;
      gap: 15px;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      transform: translate(100%, 0);
      transition: all 0.2s;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      z-index: 0;
    }
    .is-nav-active #inner-header #qbk-header-col {
      transform: translate(0, 0);
    }

  /* FOOTER */
  #get-newsletter {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
    #get-newsletter > .et_pb_text {
      width: 100%;
    }
    #get-newsletter > .et_pb_button_module_wrapper {
      width: 50%;
    }
    #get-newsletter > #footer-nav {
      width: 50%;
    }
    #get-newsletter > #footer-nav ul {
      flex-direction: column;
      align-items: flex-end;
    }

  /* About */
  #about > .et_pb_row {
    display: flex;
    flex-direction: column;
  }
    #about > .et_pb_row > .et_pb_column:nth-child(1) {
      order: 2;
    }
  
  /* Contacto */
  #contacto > .et_pb_row:nth-child(2),
  #contact > .et_pb_row:nth-child(2) {
    display: flex;
    flex-direction: column;
  }
  #contacto > .et_pb_row:nth-child(2) > .et_pb_column:nth-child(1),
  #contact > .et_pb_row:nth-child(2) > .et_pb_column:nth-child(1) {
    order: 2;
  }

  /* VIDEO */
  .et_pb_section_video_bg:not(.et_pb_section_video_bg_phone) {
    display: none;
  }
}

@media (max-width: 768px) {

  #qbk-hover-cards .et_pb_blurb {
    --qbk-cards-padding-v: 12px; /* vertical */
    --qbk-cards-padding-h: 12px; /* horizontal */
  }
    #qbk-hover-cards .et_pb_blurb_content .et_pb_blurb_container :is(.et_pb_module_header, .et_pb_blurb_description) {
      padding: 0 var(--qbk-cards-padding-h) var(--qbk-cards-padding-v);
    }

  #smart-planning > .et_pb_section_video_bg.et_pb_section_video_bg_phone > .mejs-container .mejs-inner > .mejs-mediaelement >mediaelementwrapper {
    height: 100%;
  }

  #get-newsletter .et_pb_button {
    font-size: 15px!important;
  }

  #about .overlined {
    top: -30px;
    width: 100%;
  }

  #weare-apple {
    width: 250px;
    height: 250px;
  }

  div.et_pb_section.et_pb_section_1 {
    background-size: cover, contain!important;
  }

}





#smart-planning > .et_pb_row_0.et_pb_row {
  position: relative !important;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  right: auto;
  margin: 0;
  bottom: auto;
  transform: none;
}