/* TITULOS */
 .container_texto_principal h3 {
    line-height: 1.2;
    font-size: 32px;
    font-weight: 300;
    color: #019DF4;
    margin-bottom: 7.63px;
  }
  
  /* CONTENEDOR GENERAL */
  #contacto_contenedor {
    min-height: 700px;
    display: flex;
    align-items: stretch;
    margin-bottom: 10px;
  }

  #container_info_contacto{
    display: flex;
    align-items: stretch;
  }

  /* COLUMNA MAPA */
  #container_info_contacto iframe {
    width: 100%;
    height: 100%;
    min-height: 700px;
    border: none;
  }

  /* COLUMNA FORMULARIO */
  #container_from_contacto {
    display: flex;
    justify-content: center;
    border-right: 3px solid var(--color-gris-1-movistar);
    border-top: 3px solid var(--color-gris-1-movistar);
    border-bottom: 3px solid var(--color-gris-1-movistar);
    border-radius: 10px;
    overflow: hidden;
    padding: 40.01px;
  }

  /* TEXTO SUPERIOR */
  .container_texto_principal {
    text-align: center;
    margin-bottom: 15.25px;
  }

  .container_texto_principal .sub-texto-comunicaciones {
    font-size: 14px;
    font-weight: 400;
    color: #50535A;
    margin-bottom: 7.63px;
  }

  .container_texto_principal span.span-texto-comunicaciones {
    font-size: 14px;
    font-weight: 300;
    color: #50535A;
  }

  /* FORMULARIO */
  #form-contacto {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 15.25px;
  }

  /* GRUPOS DE INPUTS */
  .form-group {
    position: relative;
    width: 100%;
  }

  input::placeholder {
    color: #B0B6BA !important;
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  .form-group input{
    width: 100%;
    border: 1px solid #D3D4D3;
    /* padding: 21px 15px 15px 15px; */
    padding: 27.22px 21px 7.5px 15px;
    font-size: 16px;
    border-radius: 5px;
    background: #fff;
    outline: none;
    /* color: #50535A; */
    font-weight: 400;
    height: 52px;
  }

  .form-group select {
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    font-size: 16px;
    border-radius: 5px;
    background: #FFFFFF;
    outline: none;
    color: #50535A;
    font-weight: 400;

     /* flechita azul */
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='24' viewBox='0 0 19 24'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1353 8.5435C14.4594 8.8762 14.5032 9.46956 14.2331 9.8688L10.4139 15.5147C10.2688 15.7293 10.0538 15.8533 9.8271 15.8533C9.6004 15.8533 9.38542 15.7293 9.2403 15.5147L5.4211 9.8688C5.15103 9.46956 5.19482 8.8762 5.5189 8.5435C5.84298 8.2108 6.32463 8.26474 6.59469 8.66398L9.8271 13.4425L13.0595 8.66398C13.3296 8.26474 13.8112 8.2108 14.1353 8.5435Z' fill='%23019DF4'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 1rem center;
      background-size: 19.17px 35.53px;
  }

  #contact_departamento:focus {
border-color: #019DF4;
outline: none;
box-shadow: 0 0 5px rgba(1, 157, 244, 0.5);
}

  .form-group select option{
      padding: 12px;
      font-size: 13.18px;
      font-weight: 400;
      color: #50535A;
      background: #FFFFFF;
      border: none;
  }

  /* .form-group label {
    position: absolute;
    top: -9px;
    left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #535353;
    pointer-events: none;
    transition: all 0.2s ease;
    background: #fff;
    padding-right: 6px;
    padding-left: 6px;
  } */

  .form-group label {
    position: absolute;
    top: 4px;
    left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #0B9CEA;
    pointer-events: none;
    transition: all 0.2s ease;
  }

.form-group select option[disabled] {
color: #888;
}

.form-group select option:hover {
background: #019DF4;
color: #fff;
}

/* Opción seleccionada */
.form-group select option:checked {
background: #019DF4;
color: #fff;
}

  /* BOTÓN */
  /* .btn-enviar input {
    width: 100%;
    background-color: #066FCB;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    transition: background 0.3s;
    margin-top: 22.88px;
  } */

  .btn-enviar input {
    width: 100%;
    background-color: #066FCB;
    /* padding: 15px; */
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    transition: background 0.3s;
    margin-top: 22.88px;
    height: 44px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

  .btn-enviar input:hover {
    background-color: #007bb8;
  }

  /* TELEFONOS */
  .telefonos {
    /* font-size: 14px;
    color: #333; */
    justify-content: center;
    margin-top: 22.88px;
    /* display: inline-flex;  
    align-items: center; 
    gap: 76.27px;
    justify-content: center; */
  }

  .telefonos .tel-comple{
    font-size: 14px;
    color: #333;
  }


  .telefonos-dos {
    font-size: 14px;
    color: #333;
    justify-content: center;
    margin-top: 28.18px;
  }

  .tele-margin-dos{
    margin-top: 9.39px;
  }

  .img-version-desk{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .img-version-movil{
    display:none;
  }
  

.custom-select {
  position: relative;
  width: 100%;
  font-size: 16px;
}

.selected .distrito {
  color: #50535A; 
}

.selected {
/* padding: 21px 15px 15px 15px; */
border: 1px solid #ddd;
border-radius: 5px;
background: #fff;
cursor: pointer;
height: 52px;
display: flex;
align-items: center;
text-align: right;
padding-left: 15px;
}

.selected::after {
content: "";
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 28px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='24' viewBox='0 0 19 24'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1353 8.5435C14.4594 8.8762 14.5032 9.46956 14.2331 9.8688L10.4139 15.5147C10.2688 15.7293 10.0538 15.8533 9.8271 15.8533C9.6004 15.8533 9.38542 15.7293 9.2403 15.5147L5.4211 9.8688C5.15103 9.46956 5.19482 8.8762 5.5189 8.5435C5.84298 8.2108 6.32463 8.26474 6.59469 8.66398L9.8271 13.4425L13.0595 8.66398C13.3296 8.26474 13.8112 8.2108 14.1353 8.5435Z' fill='%23019DF4'/%3e%3c/svg%3e");
background-size: contain;
background-repeat: no-repeat;
}

.options {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
border: 1px solid #ddd;
border-top: none;
background: #fff;
border-radius: 0 0 5px 5px;
z-index: 100;
overflow-y: auto;
/* max-height: 150px; */
max-height: 231px;
padding: 0 23.11px 0 23.11px;
font-size: 13.18px;
font-weight: 400;
}

.options div {
padding: 12px;
cursor: pointer;
color: #50535A;
}

.options div span{
  display: block;
  border-bottom: 1px solid #D9D9D9;
  width: 100%; 
  /* padding: 4px 0;   */
}

.options div:hover {
background: #f1f9ff;
}

.remuevo-border-bottom{
  border-bottom: none;
}

.error {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.input-error {
border: 1px solid red !important;
}

.error-msg {
color: red;
font-size: 0.9em;
margin-top: 4px;
}

.modal-cobertura {
padding: 2rem;
text-align: center;
}

.modal-cobertura h3{
font-size: 32px;
font-weight: 300;
color: #019DF4;
margin-bottom: 0;
margin-top: 9.39px;
}

.modal-cobertura .sub-recibido{
font-size: 15.03px;
font-weight: 400;
color: #50535A;
margin-top: 9.39px;
margin-bottom: 0;
}

.modal-cobertura .text-recibido{
font-size: 15.03px;
font-weight: 300;
color: #50535A;
margin-top: 9.39px;
margin-bottom: 0;
}

.btn-recibido #btn-finalizar {
width: 100%;
background-color: #055EAB;
padding: 15px;
border: none;
border-radius: 5px;
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
transition: background 0.3s;
margin-top: 28.18px;
}

.info-extra p{
font-size: 14px;
font-weight: 400;
color: #50535A;
margin-bottom: 0;
}

.telefonos-margins{
margin-top: 7.63px;
}

.tele-margin-dos p {
margin-bottom:0;
}

.contacto-text-dos{
margin-bottom: 0;
}


/* RESPONSIVE */
@media (max-width: 768px) {
    #contacto_contenedor {
      flex-direction: column;
    }
    
    .container_texto_principal {
      margin-bottom: 10px;
    }

    #container_info_contacto iframe {
      min-height: 400px;
    }

    #container_from_contacto {
      padding: 24.33px;
      border: none;
    }

    .img-version-desk{
      display: none;
    }

    .img-version-movil{
      display:block;
      margin: 0 auto;
      max-width: 100%;
      height: auto;
      width: 100%;
      object-fit: contain;
    }

    .container_texto_principal h3 {
      font-size: 24px;
      margin-bottom: 5px;
    }

    #form-contacto {
      gap: 10px;
    }

    .telefonos {
      margin-top: 15px;
    }

    .info-extra p {
      font-size: 14px;
      font-weight: 400;
    }

    .telefonos-margins {
      margin-top: 7.67px;
    }

    .btn-enviar input {
      margin-top: 15px;
    }

    .form-group label {
      font-size: 12px;
    }

    .selected {
      font-size: 14px;
    }

    .options div span {
      font-size: 12px;
    }

    .options {
      padding: 0 23.11px 0 23.11px;
      font-size: 12px;
    }
    input::placeholder {
      font-size: 14px;   

    }

}