/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.fix-gift-menu { height: 470px !important; }

/* =============================================
   ICONOS DE MÉTODOS DE PAGO - FONTAWESOME
   ============================================= */

/* Estilos base para todos los iconos */
.pm-paypal:before, 
.pm-visa:before, 
.pm-mastercard:before,
.pm-amex:before,
.pm-discover:before,
.pm-stripe:before {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    width: 1em;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Iconos específicos */
.pm-paypal:before { content: "\f1f4"; }
.pm-visa:before { content: "\f1f0"; }
.pm-mastercard:before { content: "\f1f1"; }
.pm-amex:before { content: "\f1f3"; }
.pm-discover:before { content: "\f1f2"; }
.pm-stripe:before { content: "\f1f5"; }

/* Contenedor simple */
.pm-container {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 15px 0;
}

.pm-item {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    font-size: 14px;
    color: #6c757d;
}

.pm-item:before {
    margin-right: 8px;
    font-size: 18px;
}

/* Colores de marca */
.pm-paypal:before { color: #003087; }
.pm-visa:before { color: #1a1f71; }
.pm-mastercard:before { color: #eb001b; }
.pm-amex:before { color: #006fcf; }
.pm-discover:before { color: #ff6000; }
.pm-stripe:before { color: #6772e5; }

/* Responsive básico */
@media (max-width: 768px) {
    .pm-container {
        flex-wrap: wrap;
        gap: 8px;
    }
}