:root{
  --meeting-modal-width-desktop:90vw;
  --meeting-modal-max-width-desktop:1200px;
  --meeting-modal-height-desktop:86vh;

  --meeting-modal-width-mobile:92vw;
  --meeting-modal-height-mobile:88vh;

  --meeting-left-width-desktop:38%;
  --meeting-right-width-desktop:62%;

  --meeting-logo-width-desktop:190px;
  --meeting-logo-top-desktop:50px;
  --meeting-logo-left-desktop:45px;

  --meeting-logo-width-mobile:120px;
  --meeting-logo-top-mobile:28px;
  --meeting-logo-left-mobile:28px;

  --meeting-left-bg-image:url("../icons/fondo_oficina.jfif");
  --meeting-left-bg-position-desktop:center;
  --meeting-left-bg-position-mobile:center;

  --meeting-left-title-top-desktop:100px;
--meeting-left-title-left-desktop:0px;

--meeting-left-title-top-mobile:0px;
--meeting-left-title-left-mobile:0px;

--meeting-left-text-top-desktop:130px;
--meeting-left-text-left-desktop:0px;

--meeting-left-text-top-mobile:0px;
--meeting-left-text-left-mobile:0px;

/* TÍTULO IZQUIERDO ESCRITORIO */
--meeting-left-title-size-desktop:clamp(34px, 3.8vw, 50px);

/* TEXTO IZQUIERDO ESCRITORIO */
--meeting-left-text-size-desktop:clamp(17px, 1.7vw, 24px);
--meeting-left-text-width-desktop:90%;

--meeting-legal-link-color-desktop:#0072ff;
--meeting-legal-link-color-mobile:#0072ff;
--meeting-legal-link-size-desktop:15px;
--meeting-legal-link-size-mobile:14px;
--meeting-legal-link-weight:500;

--data-policy-logo-width-desktop:190px;
--data-policy-logo-top-desktop:50px;
--data-policy-logo-left-desktop:45px;

--data-policy-logo-width-mobile:120px;
--data-policy-logo-top-mobile:28px;
--data-policy-logo-left-mobile:28px;

--data-policy-left-title-top-desktop:var(--meeting-left-title-top-desktop);
--data-policy-left-title-left-desktop:var(--meeting-left-title-left-desktop);
--data-policy-left-title-top-mobile:var(--meeting-left-title-top-mobile);
--data-policy-left-title-left-mobile:0px;

--data-policy-left-title-size-desktop:var(--meeting-left-title-size-desktop);
--data-policy-left-title-size-mobile:clamp(32px, 9vw, 40px);

--data-policy-left-text-top-desktop:var(--meeting-left-text-top-desktop);
--data-policy-left-text-left-desktop:var(--meeting-left-text-left-desktop);
--data-policy-left-text-top-mobile:var(--meeting-left-text-top-mobile);
--data-policy-left-text-left-mobile:0px;

--data-policy-left-text-size-desktop:var(--meeting-left-text-size-desktop);
--data-policy-left-text-size-mobile:clamp(16px, 4.2vw, 18px);
--data-policy-left-text-width-desktop:var(--meeting-left-text-width-desktop);

--data-policy-right-title-top-desktop:0px;
--data-policy-right-title-left-desktop:0px;
--data-policy-right-title-size-desktop:24px;

--data-policy-right-intro-top-desktop:0px;
--data-policy-right-intro-left-desktop:0px;
--data-policy-right-intro-size-desktop:18px;
--data-policy-right-intro-width-desktop:90%;

--data-policy-actions-top-desktop:clamp(16px, 2vw, 28px);
--data-policy-actions-gap-desktop:clamp(12px, 1.5vw, 22px);
--data-policy-btn-height-desktop:clamp(48px, 4vw, 56px);
--data-policy-btn-font-size-desktop:clamp(15px, 1.4vw, 17px);
--data-policy-btn-radius-desktop:8px;

}

.meeting-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.60);
  z-index:999999;
}

.meeting-modal.show{
  display:flex;
}

.meeting-modal-content{
  position:relative;
  width:var(--meeting-modal-width-desktop);
  max-width:var(--meeting-modal-max-width-desktop);
  height:var(--meeting-modal-height-desktop);
  background:#ffffff;
  border-radius:24px;
  overflow:hidden;
  display:flex;
}

.meeting-modal-close{
  position:absolute;
  top:24px;
  right:28px;
  z-index:5;
  border:none;
  background:transparent;
  font-size:42px;
  cursor:pointer;
  color:#071a44;
}

.meeting-left-panel{
  position:relative;
  width:var(--meeting-left-width-desktop);
  background:
    linear-gradient(rgba(6,27,69,.88), rgba(0,114,255,.35)),
    var(--meeting-left-bg-image);
  background-size:cover;
  background-position:var(--meeting-left-bg-position-desktop);
  color:#ffffff;
  padding:170px 45px 40px;
  box-sizing:border-box;
}

.meeting-logo{
  position:absolute;
  top:var(--meeting-logo-top-desktop);
  left:var(--meeting-logo-left-desktop);
  width:var(--meeting-logo-width-desktop);
  height:auto;
}

.meeting-left-title{
  margin:0 0 24px;
  font-size:var(--meeting-left-title-size-desktop);
  line-height:1;
  font-weight:900;
  position:relative;
top:var(--meeting-left-title-top-desktop);
left:var(--meeting-left-title-left-desktop);
}

.meeting-left-title span{
  color:#0072ff;
}

.meeting-left-text{
  font-size:var(--meeting-left-text-size-desktop);
max-width:var(--meeting-left-text-width-desktop);
  line-height:1.45;
  font-weight:500;
  position:relative;
top:var(--meeting-left-text-top-desktop);
left:var(--meeting-left-text-left-desktop);
}

.meeting-right-panel{
  width:var(--meeting-right-width-desktop);
  padding:55px 55px 35px;
  box-sizing:border-box;
  overflow:auto;
}

.meeting-title{
  margin:0;
  color:#071a44;
  font-size:34px;
  font-weight:900;
}

.meeting-subtitle{
  margin:8px 0 28px;
  color:#475467;
  font-size:18px;
}

.meeting-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 24px;
}

.meeting-right-panel input,
.meeting-right-panel select,
.meeting-right-panel textarea{
  width:100%;
  height:52px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  padding:0 18px;
  font-size:16px;
  box-sizing:border-box;
}

.meeting-right-panel select,
.meeting-right-panel textarea,
.meeting-right-panel input[type="datetime-local"]{
  margin-top:18px;
}

.meeting-right-panel textarea{
  height:95px;
  padding-top:16px;
  resize:none;
}

.meeting-check{
  display:block;
  margin-top:14px;
  color:#071a44;
  font-size:15px;
}

.meeting-check input{
  width:auto;
  height:auto;
  margin-right:8px;
}

.meeting-legal-link{
  border:none;
  background:transparent;
  padding:0;
  margin:0;
  color:var(--meeting-legal-link-color-desktop);
  font-size:var(--meeting-legal-link-size-desktop);
  font-weight:var(--meeting-legal-link-weight);
  cursor:pointer;
  text-decoration:none;
}

.meeting-legal-link:hover{
  text-decoration:underline;
}

.meeting-send-btn{
  width:100%;
  height:56px;
  margin-top:24px;
  border:none;
  border-radius:8px;
  background:#0072ff;
  color:#ffffff;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
}

.meeting-security{
  margin-top:18px;
  text-align:center;
  color:#667085;
  font-size:14px;
}

@media(max-width:768px){

  .meeting-legal-link{
  color:var(--meeting-legal-link-color-mobile);
  font-size:var(--meeting-legal-link-size-mobile);
}

    .meeting-left-text{
  top:var(--meeting-left-text-top-mobile);
  left:var(--meeting-left-text-left-mobile);
}

    .meeting-left-title{
  top:var(--meeting-left-title-top-mobile);
  left:var(--meeting-left-title-left-mobile);
}


  .meeting-modal-content{
    width:var(--meeting-modal-width-mobile);
    height:var(--meeting-modal-height-mobile);
    flex-direction:column;
    overflow:auto;
  }

  .meeting-left-panel{
    width:100%;
    min-height:330px;
    padding:130px 28px 35px;
    background-position:var(--meeting-left-bg-position-mobile);
  }

  .meeting-logo{
    top:var(--meeting-logo-top-mobile);
    left:var(--meeting-logo-left-mobile);
    width:var(--meeting-logo-width-mobile);
  }

  .meeting-left-title{
    font-size:36px;
  }

  .meeting-left-text{
    font-size:17px;
  }

  .meeting-right-panel{
    width:100%;
    padding:32px 24px 30px;
    overflow:visible;
  }

  .meeting-title{
    font-size:28px;
  }

  .meeting-subtitle{
    font-size:15px;
  }

  .meeting-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .meeting-modal-close{
    top:18px;
    right:22px;
    font-size:34px;
  }
}

.data-policy-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.65);
  z-index:1000000;
}

.data-policy-modal.show{
  display:flex;
}

.data-policy-content{
  position:relative;
  width:90vw;
  max-width:1200px;
  height:86vh;
  background:#ffffff;
  border-radius:24px;
  overflow:hidden;
  display:flex;
}

.data-policy-close{
  position:absolute;
  top:24px;
  right:28px;
  z-index:5;
  border:none;
  background:transparent;
  font-size:42px;
  cursor:pointer;
  color:#071a44;
}

.data-policy-left{
  position:relative;
  width:var(--meeting-left-width-desktop);
  background:
    linear-gradient(rgba(6,27,69,.88), rgba(0,114,255,.35)),
    url("../icons/fondo_oficina.jfif");
  background-size:cover;
  background-position:var(--meeting-left-bg-position-desktop);
  color:#ffffff;
  padding:150px 45px 40px;
  box-sizing:border-box;
}

.data-policy-logo{
  position:absolute;
  top:var(--data-policy-logo-top-desktop);
  left:var(--data-policy-logo-left-desktop);
  width:var(--data-policy-logo-width-desktop);
  height:auto;
}

.data-policy-left-title{
  margin:0 0 24px;
  font-size:var(--data-policy-left-title-size-desktop);
  line-height:1;
  font-weight:900;
  position:relative;
  top:var(--data-policy-left-title-top-desktop);
  left:var(--data-policy-left-title-left-desktop);
}

.data-policy-left-title span{
  color:#0072ff;
}

.data-policy-left-text{
  max-width:var(--data-policy-left-text-width-desktop);
  font-size:var(--data-policy-left-text-size-desktop);
  line-height:1.45;
  position:relative;
  top:var(--data-policy-left-text-top-desktop);
  left:var(--data-policy-left-text-left-desktop);
}

.data-policy-right{
  width:var(--meeting-right-width-desktop);
  padding:55px 55px 35px;
  box-sizing:border-box;
  overflow:hidden;

  display:flex;
  flex-direction:column;
}

.data-policy-title{
  position:relative;
  top:var(--data-policy-right-title-top-desktop);
  left:var(--data-policy-right-title-left-desktop);

  margin:0 0 12px;
  color:#071a44;
  font-size:var(--data-policy-right-title-size-desktop);
  font-weight:900;
  line-height:1.15;
}

.data-policy-intro{
  position:relative;
  top:var(--data-policy-right-intro-top-desktop);
  left:var(--data-policy-right-intro-left-desktop);

  max-width:var(--data-policy-right-intro-width-desktop);
  margin:0 0 24px;
  color:#475467;
  font-size:var(--data-policy-right-intro-size-desktop);
  line-height:1.45;
}

.data-policy-scroll{
  flex:1;
  min-height:0;
  overflow:auto;
  padding-right:18px;
}

.data-policy-scroll h3{
  margin:22px 0 8px;
  color:#0072ff;
  font-size:20px;
  font-weight:900;
}

.data-policy-scroll p{
  margin:0;
  color:#071a44;
  font-size:16px;
  line-height:1.55;
}

.data-policy-actions{
  flex-shrink:0;
  display:flex;
  gap:var(--data-policy-actions-gap-desktop);
  margin-top:var(--data-policy-actions-top-desktop);
}

.data-policy-btn-close,
.data-policy-btn-accept{
  flex:1;
  height:var(--data-policy-btn-height-desktop);
  border-radius:var(--data-policy-btn-radius-desktop);
  font-size:var(--data-policy-btn-font-size-desktop);
  font-weight:900;
  cursor:pointer;
}

.data-policy-btn-close{
  background:#ffffff;
  color:#0072ff;
  border:1px solid #0072ff;
}

.data-policy-btn-accept{
  background:#0072ff;
  color:#ffffff;
  border:none;
}

@media(max-width:768px){

.data-policy-left-title{
  margin:0 0 clamp(14px, 4vw, 22px);
  font-size:var(--data-policy-left-title-size-mobile);
  top:var(--data-policy-left-title-top-mobile);
  left:var(--data-policy-left-title-left-mobile);
}

.data-policy-left-text{
  font-size:var(--data-policy-left-text-size-mobile);
  top:var(--data-policy-left-text-top-mobile);
  left:var(--data-policy-left-text-left-mobile);
}

  .data-policy-logo{
  top:var(--data-policy-logo-top-mobile);
  left:var(--data-policy-logo-left-mobile);
  width:var(--data-policy-logo-width-mobile);
}


  .data-policy-content{
    width:92vw;
    height:88vh;
    flex-direction:column;
    overflow:auto;
  }

.data-policy-left{
  width:100%;
  min-height:330px;
  padding:130px 28px 35px;
  background-position:var(--meeting-left-bg-position-mobile);
}

  .data-policy-right{
    width:100%;
    padding:32px 24px 30px;
    overflow:visible;
  }

.data-policy-title{
  font-size:clamp(24px, 7vw, 30px);
}

.data-policy-intro{
  font-size:clamp(14px, 4vw, 16px);
}

  .data-policy-scroll{
    height:auto;
    overflow:visible;
    padding-right:0;
  }

  .data-policy-actions{
    flex-direction:column;
  }

  .data-policy-btn-close,
  .data-policy-btn-accept{
    width:100%;
  }

  .data-policy-close{
    top:18px;
    right:22px;
    font-size:34px;
  }
}