/* ============================================================
   CORRECCIONES PT7 - TEMA CORPORATIVO MULTI
   ============================================================ */

/* ----------------------------------------------------------
   1. BARRA DE COOKIES - BOTONES ESTILO PRIMARY
   ---------------------------------------------------------- */

#website_cookies_bar .modal-content .col-lg-4.text-end a,
#website_cookies_bar .modal-content .col-lg-4.text-end .btn,
#website_cookies_bar .modal-footer a,
#website_cookies_bar .modal-footer .btn,
#website_cookies_bar .btn[data-action="accept_all_cookies"],
#website_cookies_bar .btn[data-action="accept_necessary_cookies"],
#website_cookies_bar a[class*="btn"],
#website_cookies_bar .js_close_popup {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.375rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}

#website_cookies_bar .modal-content .col-lg-4.text-end a:hover,
#website_cookies_bar .modal-content .col-lg-4.text-end .btn:hover,
#website_cookies_bar .modal-footer a:hover,
#website_cookies_bar .modal-footer .btn:hover,
#website_cookies_bar .btn[data-action="accept_all_cookies"]:hover,
#website_cookies_bar .btn[data-action="accept_necessary_cookies"]:hover,
#website_cookies_bar a[class*="btn"]:hover,
#website_cookies_bar .js_close_popup:hover {
    background-color: #0052a3 !important;
    border-color: #0052a3 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    color: #ffffff !important;
}

#website_cookies_bar .btn.btn-lg,
#website_cookies_bar .modal-footer .btn {
    padding: 0.75rem 1.5rem !important;
    font-size: 1.1rem !important;
}

/* ----------------------------------------------------------
   2. CARD COMERCIO SOSTENIBLE/SILVER - ESTRUCTURA SOLICITADA
   ---------------------------------------------------------- */

/* Sección completa con margen inferior */
#wrapwrap .s_company_team,
body .s_company_team {
    margin-bottom: 40px !important;
    padding-bottom: 40px !important;
}

/* Grid container - una sola columna centrada */
#wrapwrap .s_company_team .o_grid,
body .s_company_team .o_grid,
.s_company_team div.o_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    justify-items: center !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

/* El grid item - centrado */
#wrapwrap .s_company_team .o_grid .o_grid_item,
.s_company_team .o_grid_item {
    width: 450px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Contenedor de imagen - anular ratio y centrar */
#wrapwrap .s_company_team .s_card .o_card_img_wrapper {
    padding: 30px 20px !important;
    text-align: center !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 200px !important;
    --bs-aspect-ratio: auto !important;
    position: relative !important;
}

#wrapwrap .s_company_team .s_card .o_card_img_wrapper::before {
    display: none !important;
    padding-top: 0 !important;
}

/* Imagen del sello - centrada */
#wrapwrap .s_company_team .s_card .o_card_img_wrapper img {
    max-height: 150px !important;
    width: auto !important;
    max-width: 80% !important;
    margin: auto !important;
    display: block !important;
    position: relative !important;
}

/* Botón dentro del card - estilo btn-primary */
#wrapwrap .s_company_team .card-body .btn-certificacion {
    display: inline-block !important;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #ffffff !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.375rem !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    margin-top: 15px !important;
    transition: all 0.3s ease !important;
    font-size: 1rem !important;
    border: 1px solid var(--color-primary) !important;
}

#wrapwrap .s_company_team .card-body .btn-certificacion:hover {
    background-color: #0052a3 !important;
    border-color: #0052a3 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/* Card principal */
#wrapwrap .s_company_team .s_card {
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    width: 100% !important;
}

/* Hover del card */
#wrapwrap .s_company_team .s_card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
}

/* Contenedor de imagen */
#wrapwrap .s_company_team .s_card .o_card_img_wrapper {
    padding: 20px !important;
    text-align: center !important;
    background: #fff !important;
}

/* Imagen del sello - igual al ejemplo */
#wrapwrap .s_company_team .s_card .o_card_img_wrapper img {
    max-height: 150px !important;
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Card body */
#wrapwrap .s_company_team .s_card .card-body {
    padding: 20px !important;
    text-align: center !important;
    background: #fff !important;
}

/* Título del card */
#wrapwrap .s_company_team .s_card .card-title {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    color: #212529 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

/* Texto descriptivo */
#wrapwrap .s_company_team .s_card .card-text {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #6c757d !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

/* ----------------------------------------------------------
   3. FOOTER
   ---------------------------------------------------------- */

#footer .commerce-type-badges {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#footer .commerce-label {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    display: inline-block;
    margin: 0.1rem;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

#footer .commerce-label:hover {
    text-decoration: none !important;
    opacity: 0.8;
}

#footer .commerce-label.silver {
    background-color: rgba(192, 192, 192, 0.2);
    border: 1px solid #C0C0C0;
    color: #C0C0C0;
}

#footer .commerce-label.silver:hover {
    background-color: rgba(192, 192, 192, 0.3);
    color: #ffffff;
}

#footer .commerce-label.sostenible {
    background-color: rgba(40, 167, 69, 0.2);
    border: 1px solid #28a745;
    color: #28a745;
}

#footer .commerce-label.sostenible:hover {
    background-color: rgba(40, 167, 69, 0.3);
    color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
    #website_cookies_bar .modal-content section.o_colored_level .col-lg-4.text-end {
        text-align: center !important;
        padding-top: 1rem !important;
    }
    
    #website_cookies_bar .btn {
        display: block !important;
        width: 100% !important;
        margin-bottom: 0.5rem !important;
    }
    
    #wrapwrap .s_company_team .o_grid .o_grid_item {
        max-width: 100% !important;
    }
}