.elementor-6273 .elementor-element.elementor-element-7f85ed9{--display:flex;}.elementor-6273 .elementor-element.elementor-element-62a5f57 .wpcf7-form input[type=submit]{transition:all .25s linear 0s;-webkit-transition:all .25s linear 0s;-o-transition:all .25s linear 0s;}/* Start custom CSS for void-section-cf7, class: .elementor-element-62a5f57 */.hoja-pdf {
    background: #fff;
    max-width: 850px;
    margin: 40px auto;
    padding: 60px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    color: #333;
    line-height: 2; /* Espacio entre líneas para los inputs */
}

.encabezado-contrato h1 {
    text-align: center;
    font-size: 22px;
    text-decoration: underline;
    margin-bottom: 40px;
}

/* Magia para los inputs seguidos del texto */
.campo-inline {
    display: inline-block;
}

.hoja-pdf input[type="text"], 
.hoja-pdf input[type="tel"], 
.hoja-pdf input[type="email"], 
.hoja-pdf input[type="date"] {
    border: none !important;
    border-bottom: 1px solid #000 !important; /* Línea de PDF */
    background: transparent !important;
    padding: 0 5px !important;
    height: 24px !important;
    font-style: italic;
    color: #003366 !important; /* Azul tinta bolígrafo */
    border-radius: 0 !important;
}

/* Anchos proporcionales */
.c-largo { width: 280px; }
.c-mediano { width: 180px; }
.c-corto { width: 120px; }

/* Estilo de los bloques de texto */
.cuadro-descuentos {
    background: #f8f8f8;
    padding: 20px;
    border: 1px solid #eee;
    margin: 25px 0;
}

h3 { font-size: 17px; margin-top: 20px; text-decoration: underline; }

/* Sección de Firmas */
.contenedor-firmas {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    text-align: center;
}

.firma-lado { width: 45%; }
.firma-img { max-width: 150px; height: auto; display: block; margin: 0 auto; }
.linea { border-top: 1px solid #000; margin: 10px 0; }
.firma-lado span { font-size: 12px; font-weight: bold; }

/* Checkbox de aceptación */
.casilla-aceptacion {
    margin-top: 30px;
    padding: 15px;
    background: #eef6ff;
    border: 1px solid #cce5ff;
}
.check-txt { font-weight: bold; font-size: 14px; }

/* Botón enviar */
.boton-pdf input {
    background: #000 !important;
    color: #fff !important;
    width: 100%;
    padding: 20px !important;
    margin-top: 40px;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

/* Importar la fuente Roboto de Google */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400&display=swap');

.hoja-digital-roboto {
    background: #fff;
    max-width: 850px;
    margin: 40px auto;
    padding: 60px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    font-family: 'Roboto', sans-serif; /* Cambio a Roboto */
    font-size: 15px;
    color: #333;
    line-height: 2.1;
    border-radius: 4px;
}

.encabezado-contrato h1 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

/* Inputs integrados en el texto */
.campo-inline {
    display: inline-block;
}

.hoja-digital-roboto input[type="text"], 
.hoja-digital-roboto input[type="tel"], 
.hoja-digital-roboto input[type="email"], 
.hoja-digital-roboto input[type="date"] {
    border: none !important;
    border-bottom: 1.5px solid #000 !important; /* Línea un poco más gruesa */
    background: transparent !important;
    padding: 0 8px !important;
    height: 28px !important;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #004a99 !important; /* Azul corporativo moderno */
    border-radius: 0 !important;
}

/* Anchos de los campos */
.c-largo { width: 300px; }
.c-mediano { width: 200px; }
.c-corto { width: 140px; }

/* Secciones de texto */
.cuadro-descuentos {
    background: #fdfdfd;
    padding: 25px;
    border: 1px solid #f0f0f0;
    border-left: 4px solid #ff6100; /* Detalle naranja de marca */
    margin: 30px 0;
}

h3 { 
    font-size: 16px; 
    font-weight: 700; 
    margin-top: 25px; 
    color: #000; 
    text-transform: uppercase;
}

/* Firmas */
.contenedor-firmas {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    text-align: center;
}

.firma-lado { width: 42%; }
.firma-img { max-width: 160px; height: auto; display: block; margin: 0 auto; filter: grayscale(1); }
.linea { border-top: 1px solid #333; margin: 10px 0; }
.nombre-firma { font-size: 12px; font-weight: 700; color: #666; }

/* Aceptación y Botón */
.casilla-aceptacion {
    margin-top: 30px;
    padding: 20px;
    background: #f4f8fb;
    border-radius: 6px;
    font-weight: 700;
}

.boton-pdf input {
    background: #1a1a1a !important;
    color: #fff !important;
    width: 100%;
    padding: 18px !important;
    margin-top: 40px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    transition: 0.3s ease;
}

.boton-pdf input:hover {
    background: #ff6100 !important;
}/* End custom CSS */