/* =========================================
   CALENDLY POPUP
   ========================================= */


/* =========================================
   BASE
   ========================================= */

   .calendly-overlay,
   .calendly-overlay * {
       font-size: 16px;
       line-height: 1.2em;
   }
   
   
   /* =========================================
      IFRAME
      ========================================= */
   
   .calendly-overlay iframe {
       display: inline;
       width: 100%;
       height: 100%;
   }
   
   
   /* =========================================
      CONTENEDOR DEL POPUP
      ========================================= */
   
   .calendly-popup-content {
       position: relative;
   }
   
   .calendly-popup-content.calendly-mobile {
       overflow-y: auto;
       -webkit-overflow-scrolling: touch;
   }
   
   
   /* =========================================
      FONDO OSCURO
      ========================================= */
   
   .calendly-overlay {
       position: fixed;
   
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
   
       overflow: hidden;
   
       background-color: rgba(31, 31, 31, 0.4);
   
       z-index: 9999;
   }
   
   
   /* =========================================
      ZONA PARA CERRAR AL HACER CLICK FUERA
      ========================================= */
   
   .calendly-overlay .calendly-close-overlay {
       position: absolute;
   
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
   
       cursor: pointer;
   }
   
   
   /* =========================================
      VENTANA DEL POPUP
      ========================================= */
   
   .calendly-overlay .calendly-popup {
       position: absolute;
   
       top: 50%;
       left: 50%;
   
       width: 80%;
       height: 90%;
   
       max-width: 1000px;
       max-height: 700px;
       min-width: 900px;
   
       box-sizing: border-box;
   
       transform: translate(-50%, -50%);
   }
   
   
   /* =========================================
      CONTENIDO
      ========================================= */
   
   .calendly-overlay .calendly-popup .calendly-popup-content {
       height: 100%;
   }
   
   
   /* =========================================
      BOTÓN CERRAR — X
      ========================================= */
   
   .calendly-overlay .calendly-popup-close {
       position: absolute;
   
       top: 25px;
       right: 25px;
   
       width: 19px;
       height: 19px;
   
       background: url("https://assets.calendly.com/assets/external/close-icon.svg") no-repeat;
       background-size: contain;
   
       color: #fff;
   
       cursor: pointer;
   }
   
   
   /* =========================================
      RESPONSIVE
      ========================================= */
   
   @media (max-width: 975px) {
   
       .calendly-overlay .calendly-popup {
           position: fixed;
   
           top: 50px;
           right: 0;
           bottom: 0;
           left: 0;
   
           width: 100%;
           height: auto;
   
           min-width: 0;
           max-width: none;
           max-height: none;
   
           transform: none;
       }
   
   
       .calendly-overlay .calendly-popup-close {
           top: 15px;
           right: 15px;
       }
   
   }
   
   
   /* =========================================
      SPINNER — OCULTO
      ========================================= */
   
   .calendly-spinner {
       display: none !important;
   }