/*
*
* Plantilla webResponsive: _jaume1;
* Nombre archivo: formulario.css;
* Comentario: tema Bootstrap para la página de contacto (marca Jaime Masó).
*
*/

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}

/* Bootstrap primary = naranja de marca */
body.pagina-contacto{
    --bs-primary: #FF9900;
    --bs-primary-rgb: 255, 153, 0;
    --bs-link-color: #FF9900;
    --bs-link-hover-color: #e68900;
    --bs-focus-ring-color: rgba(255, 153, 0, 0.35);
    font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
    background:
        radial-gradient(ellipse 70% 45% at 0% 0%, rgba(255,153,0,0.12), transparent 55%),
        #f4f6f8;
}

body.pagina-contacto a,
body.pagina-contacto a:hover,
body.pagina-contacto a:focus,
body.pagina-contacto a:active{
    text-decoration: none !important;
}

body.pagina-contacto #cabecera,
body.pagina-contacto #copyright{
    background: #fff;
}

body.pagina-contacto .wrapper.row1,
body.pagina-contacto .wrapper.row5{
    background: #fff;
}

/* Evitar que main.css pinte fondos blancos sobre el contenido Bootstrap */
body.pagina-contacto .row4,
body.pagina-contacto .row4 a{
    background: transparent;
}

body.pagina-contacto .contacto-main{
    min-height: 60vh;
}

body.pagina-contacto .contacto-main,
body.pagina-contacto .contacto-main .form-control,
body.pagina-contacto .contacto-main .form-floating > label,
body.pagina-contacto .contacto-main .btn,
body.pagina-contacto .contacto-main .card,
body.pagina-contacto .contacto-main .accordion-button{
    font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body.pagina-contacto .btn-primary{
    --bs-btn-color: #1f1f1f;
    --bs-btn-bg: #FF9900;
    --bs-btn-border-color: #FF9900;
    --bs-btn-hover-color: #1f1f1f;
    --bs-btn-hover-bg: #ffad33;
    --bs-btn-hover-border-color: #ffad33;
    --bs-btn-focus-shadow-rgb: 255, 153, 0;
    --bs-btn-active-color: #1f1f1f;
    --bs-btn-active-bg: #e68900;
    --bs-btn-active-border-color: #e68900;
    font-weight: 700;
}

body.pagina-contacto .text-primary{
    color: #FF9900 !important;
}

body.pagina-contacto .contacto-info-card{
    background: linear-gradient(165deg, #3a3a3a 0%, #1e1e1e 100%);
    border-radius: 1rem;
    box-shadow: 0 1rem 2.5rem rgba(0,0,0,0.18);
}

body.pagina-contacto .contacto-brand-label{
    color: #FF9900;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
}

body.pagina-contacto .contacto-main .card{
    border-radius: 1rem;
}

body.pagina-contacto .form-control:focus,
body.pagina-contacto .form-check-input:focus{
    border-color: #FF9900;
    box-shadow: 0 0 0 0.25rem rgba(255, 153, 0, 0.2);
}

body.pagina-contacto .form-check-input:checked{
    background-color: #FF9900;
    border-color: #FF9900;
}

body.pagina-contacto .accordion-button:not(.collapsed){
    color: #1f1f1f;
    background-color: rgba(255, 153, 0, 0.12);
    box-shadow: none;
}

body.pagina-contacto .accordion-button:focus{
    box-shadow: 0 0 0 0.25rem rgba(255, 153, 0, 0.2);
}

body.pagina-contacto .accordion-button::after{
    background-size: 1rem;
}

/* Resultado del envío */
body.pagina-contacto #espacio{
    min-height: 240px;
}

body.pagina-contacto #texto_form{
    margin: 0;
    font-size: 1.15rem;
    line-height: 1.6;
    color: #333;
}

/* Evitar que jQuery Validate use la clase antigua .error flotante */
body.pagina-contacto label.error,
body.pagina-contacto .error{
    float: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 575.98px){
    body.pagina-contacto .g-recaptcha{
        -webkit-transform: scale(0.92);
        transform: scale(0.92);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
}