/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/



.t-entry-title a {
    font-size: 22px !important;
    font-family: 'Roboto' !important;
    font-weight: 400;
    line-height: 1.5;
}


.double-gutter.post-titles-inner .tmb > .t-inside {
    margin: 0 !important;
    margin-top: 30px !important;
}

.t-entry-title span {
    font-family: 'Gloock';
    font-size: 15px  !important;
}






/* Overlay pantalla completa */
#contact-form {
  position: fixed;
  inset: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 999999; /* por encima del admin bar */
  display: flex; align-items: center; justify-content: center;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
}

/* Contenedor modal */
#modal-contacto {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
}

/* Caja del formulario */
#modal-contacto .modal-box {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  max-width: 800px;
  width: 90%;
  box-sizing: border-box;
  position: relative;
  overflow-y: auto; 
}

/* Títulos */
#modal-contacto .modal-title {
  margin: 0 0 10px;
  font-size: 22px;
  text-align: center;
  font-family: 'Gloock', serif;
}

#modal-contacto .modal-sub {
  margin: 0 0 20px;
  text-align: center;
  opacity: .85;
  font-family: 'Roboto', system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 17px;
}

/* Scroll solo en el form */
#modal-contacto .modal-box form {
  overflow-y: auto;
  flex: 1;                /* ocupa todo el espacio disponible */
  max-height: calc(90vh - 100px); /* deja margen para título/botón cerrar */
  padding-right: 10px;
}


/* Grid del formulario (2 columnas desktop) */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.form-grid label {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 14px;
  /* quitar max-height para no cortar campos */
}
.form-grid input,
.form-grid select {
  width: 100%;
}
label.full { display: block; margin-top: 20px; }
label.full textarea { width: 100%; min-height: 120px; resize: vertical; }

/* Responsivo: 1 columna en móviles */
@media (max-width: 768px) {
  .form-grid { grid-template-columns: 1fr; }
}

/* Botón envío */
.send-btn { text-align: center; margin-top: 20px; }
.send-btn input[type="submit"] {
  background: #000; color: #fff; border: 0;
  padding: 12px 30px; border-radius: 6px; cursor: pointer; font-size: 15px;
}
.send-btn input[type="submit"]:hover { background: #333; }

/* Ajustes globales campos */
.form-grid br { display: none !important; }
input, textarea, select, .seldiv, .select2-choice, .select2-selection--single {
  border-radius: 8px; border: 1px solid #ccc;
}

/* Botón cerrar */
.close-modal {
  position: absolute; top: 10px; right: 15px;
  font-size: 26px; font-weight: 700; text-decoration: none; color: #333; line-height: 1;
}
.close-modal:hover { color: #000; }


/* Oculto por defecto */
#contact-form {
  display: none;
}

/* Mostrar cuando se activa con :target */
#modal-contacto:target,
#modal-contacto:target ~ .modal-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

#contact-form:has(#modal-contacto:target) {
  position: fixed;
  inset: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
}

.font-156269 {font-family: 'Roboto' !important;}

.color-accent-color, body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn), body.textual-accent-color .post-content > div ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn), body.textual-accent-color .post-content > div dt a:not(.btn), body.textual-accent-color .post-content > div dd a:not(.btn), body.textual-accent-color .post-content > div dl a:not(.btn), body.textual-accent-color .post-content > div address a:not(.btn), body.textual-accent-color .post-content > div label a:not(.btn), body.textual-accent-color .post-content > div small a:not(.btn), body.textual-accent-color .row-container .post-content p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn), body.textual-accent-color .row-container .post-content ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn), body.textual-accent-color .row-container .post-content dt a:not(.btn), body.textual-accent-color .row-container .post-content dd a:not(.btn), body.textual-accent-color .row-container .post-content dl a:not(.btn), body.textual-accent-color .row-container .post-content address a:not(.btn), body.textual-accent-color .row-container .post-content label a:not(.btn), body.textual-accent-color .row-container .post-content small a:not(.btn), .btn-hover-accent:hover, .btn-gradient-underline.btn-hover-accent:hover:before, .nav-tabs > li.active > a, .panel-title.active > a, .panel-title.active > a span:after, .plan-accent.plan .plan-title > h3, .plan-accent.plan .plan-price .price, .wpcf7 .wpcf7-mail-sent-ok, .wpcf7 .wpcf7-validation-errors, .wpcf7 span.wpcf7-not-valid-tip {
    color: red !important;
}


.wpcf7 form.sent .wpcf7-response-output {
    padding: 20px;
    border-radius: 100px;
    border: 1px solid;
    text-align: center;
}

span.wpcf7-form-control.wpcf7-acceptance.optional {
    text-align: center;
    margin-left: -20px;
}

span.wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
      padding: 20px;
    border-radius: 100px;
    border: 1px solid;
    text-align: center;  
}


.wws-popup__open-btn svg path {
    fill: #000 !important;
}

.wws-popup__support-about.wws--text-color.wws--bg-color {
    color: #000 !important;
}