/* ===== PENGIM CUSTOM CSS SEGURO ===== */

/* Header negro */
#header.site-header,
#static-area-header-top,
#static-area-header-top .container-fluid {
    background: #000000 !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* Header estilo más compacto tipo ciaclaricia */
@media (min-width:1200px) {
    #static-area-header-top .container-fluid {
        max-width: 1180px !important;
        margin: 0 auto !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    #static-area-header-top .row {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #static-area-header-top .static-header-logo {
        width: 340px !important;
        flex: 0 0 340px !important;
        max-width: 340px !important;
        text-align: left !important;
        padding-left: 0 !important;
        padding-right: 35px !important;
    }

    #static-area-header-top .static-header-menu {
        width: auto !important;
        flex: 0 0 auto !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 25px !important;
    }

    #static-area-header-top .static-header-menu a,
    #static-area-header-top nav a,
    #static-area-header-top .menu a {
        font-size: 17px !important;
        line-height: 22px !important;
        font-weight: 500 !important;
        letter-spacing: 2px !important;
    }

    #static-area-header-top .extrafollow-1 {
        width: auto !important;
        flex: 0 0 auto !important;
        max-width: none !important;
        padding-left: 5px !important;
        text-align: left !important;
    }
}

/* Botones Veure més */
a.cherry-btn.cherry-btn-primary.cherry-btn-medium {
    border-radius: 6px !important;
    overflow: hidden !important;
}


/* Logo más protagonista */
#static-area-header-top .static-header-logo img{
    max-width:320px !important;
    width:100% !important;
    height:auto !important;
}

/* =======================================================
   PENGIM · Header y Footer en blanco
   ======================================================= */

/* Menú principal */
#static-area-header-top .menu a,
#static-area-header-top nav a,
#static-area-header-top .main-navigation a,
#static-area-header-top .menu > li > a{
    color:#ffffff !important;
}

#static-area-header-top .menu a:hover,
#static-area-header-top nav a:hover,
#static-area-header-top .current-menu-item > a,
#static-area-header-top .current_page_item > a{
    color:#ffffff !important;
}

/* Redes sociales */
#static-area-header-top .social-list a,
#static-area-header-top .social-list i,
#static-area-header-top .menu-social a{
    color:#ffffff !important;
}

/* Footer */
.site-footer,
.site-footer p,
.site-footer a,
.site-footer li,
.site-footer span,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6{
    color:#ffffff !important;
}

.site-footer a:hover{
    color:#e63329 !important;
}

/* PENGIM - Forzar blanco en header, menú y footer */
#header,
#header *,
#static-area-header-top,
#static-area-header-top *,
#footer,
#footer *,
.site-footer,
.site-footer * {
    color: #ffffff !important;
}

#header a,
#header a span,
#header nav a,
#header nav a span,
#static-area-header-top a,
#static-area-header-top a span,
#footer a,
#footer a span,
.site-footer a,
.site-footer a span {
    color: #ffffff !important;
}

#header a:hover,
#header a:hover span,
#static-area-header-top a:hover,
#static-area-header-top a:hover span,
#footer a:hover,
#footer a:hover span,
.site-footer a:hover,
.site-footer a:hover span {
    color: #f44336 !important;
}

/* ===== PENGIM FINAL - texto blanco real header/footer ===== */

/* Header menú */
html body #menu-primary > #menu-primary-items > .menu-item > a,
html body nav#menu-primary ul li a,
html body nav#menu-primary ul li a:visited,
html body .menu-primary li a,
html body .menu-primary li a:visited,
html body #static-area-header-top .menu a,
html body #static-area-header-top nav a {
    color: #ffffff !important;
}

/* Header hover */
html body #menu-primary > #menu-primary-items > .menu-item > a:hover,
html body nav#menu-primary ul li a:hover,
html body .menu-primary li a:hover {
    color: #ffffff !important;
}

/* Footer */
html body #footer .static-footer-info .site-info,
html body #footer.site-footer a,
html body #footer.site-footer p,
html body #footer.site-footer span,
html body #footer.site-footer div,
html body #footer.site-footer li,
html body #static-area-footer-top,
html body #static-area-footer-top *,
html body footer#footer,
html body footer#footer * {
    color: #ffffff !important;
}

/* Footer enlaces hover */
html body #footer a:hover,
html body footer#footer a:hover {
    color: #ffffff !important;
}

/* ===== PENGIM CONTACTO - mejora visual ===== */

body.page-id-47 #content {
    background:#000 !important;
}

body.page-id-47 .entry-content {
    padding-top:55px !important;
    padding-bottom:70px !important;
}

body.page-id-47 h1,
body.page-id-47 h2,
body.page-id-47 h3 {
    color:#fff !important;
}

body.page-id-47 .entry-content .row {
    align-items:flex-start !important;
}

/* Caja datos contacto */
body.page-id-47 .entry-content .col-lg-4,
body.page-id-47 .entry-content .col-md-4 {
    background:#111 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:14px !important;
    padding:34px 30px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
}

/* Formulario */
body.page-id-47 form {
    background:#111 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:14px !important;
    padding:34px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
}

body.page-id-47 input[type="text"],
body.page-id-47 input[type="email"],
body.page-id-47 input[type="tel"],
body.page-id-47 textarea {
    background:#1f1f1f !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:8px !important;
    padding:15px 18px !important;
    font-family:'Outfit',sans-serif !important;
    font-weight:500 !important;
}

body.page-id-47 input::placeholder,
body.page-id-47 textarea::placeholder {
    color:#d8d8d8 !important;
}

body.page-id-47 input:focus,
body.page-id-47 textarea:focus {
    border-color:#f44336 !important;
    box-shadow:0 0 0 2px rgba(244,67,54,.22) !important;
    outline:none !important;
}

/* Checkboxes */
body.page-id-47 input[type="checkbox"] {
    transform:scale(1.25) !important;
    margin-right:14px !important;
    accent-color:#f44336 !important;
}

/* Textos legales */
body.page-id-47 form p,
body.page-id-47 form label {
    color:#fff !important;
    line-height:1.65 !important;
}

/* Botones */
body.page-id-47 input[type="submit"],
body.page-id-47 input[type="reset"],
body.page-id-47 button {
    border-radius:7px !important;
    font-family:'Outfit',sans-serif !important;
    font-weight:500 !important;
    letter-spacing:2px !important;
    padding:15px 34px !important;
}

body.page-id-47 input[type="submit"] {
    background:#f44336 !important;
    color:#fff !important;
    border:1px solid #f44336 !important;
}

body.page-id-47 input[type="reset"] {
    background:#333 !important;
    color:#fff !important;
    border:1px solid #444 !important;
}

body.page-id-47 input[type="submit"]:hover {
    background:#d92f25 !important;
    border-color:#d92f25 !important;
}

body.page-id-47 input[type="reset"]:hover {
    background:#555 !important;
}

/* Responsive */
@media (max-width:767px) {
    body.page-id-47 .entry-content {
        padding-top:35px !important;
    }

    body.page-id-47 form,
    body.page-id-47 .entry-content .col-lg-4,
    body.page-id-47 .entry-content .col-md-4 {
        padding:24px 20px !important;
        border-radius:10px !important;
    }

    body.page-id-47 input[type="submit"],
    body.page-id-47 input[type="reset"] {
        width:100% !important;
        margin-bottom:12px !important;
    }
}