/* Theme Name: Twenty Twenty-Five Child Theme URI: https://wordpress.org/themes/twentytwentyfive/ Template: twentytwentyfive Author: the WordPress team Author URI: https://wordpress.org Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide. Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news Version: 1.3.1763798195 Updated: 2025-11-22 07:56:35 */ /* 1. Hacemos que ocupe siempre el 100 % de la altura */ html, body { height: 100%; } body { display: flex; flex-direction: column; } /* 2. El contenido principal ocupa todo el espacio sobrante */ .site, /* clase que usa Twenty-Twenty / TT2 */ #main, #content, #page { /* ajusta al selector que use tu tema */ flex: 1 0 auto; } /* 3. El footer se pega al final sin importar la altura del contenido */ .site-footer, footer#colophon { flex-shrink: 0; } /* ========================================================= 6. COMPONENTE: BARRA DE MÉTODOS DE PAGO ========================================================= */ /* Contenedor general /* Contenedor general */ .payment-bar { margin-top: 1.5rem; display: block; /* oculto por defecto en móvil */ align-items: center; justify-content: center; /* cambié de center a flex-start */ gap: 0.75rem; flex-wrap: wrap; opacity: 0.6; } /* Mostrar desde tablet en adelante */ @media (min-width: 768px) { .payment-bar { display: flex; } } /* El span "Aceptamos:" */ .payment-bar > span { color: black; font-weight: bold; white-space: nowrap; } /* Contenedor de los chips */ .payment-chip-container { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; } /* Cada chip */ .payment-chip { padding: 0.375rem 0.5rem; background-color: #ffffff; border-radius: 0.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center; } /* Imágenes dentro de chips */ .payment-chip img { width: auto; height: auto; max-width: 100%; object-fit: contain; } /* Clases de altura para las imágenes */ .h-3 { height: 5.75rem; width: 5rem; /* dale un ancho proporcional */ } .h-3-5 { height: 5.875rem; width: 5.2rem; /* un poco más ancho */ } /* Dimensiones específicas por logo */ .payment-chip img[alt="Nequi"] { width: 80px; } .payment-chip img[alt="Bancolombia"] { width: 150px; } .payment-chip img[alt="Addi"] { width: 70px; } .payment-chip img[alt="Sistecrédito"] { width: 100px; } /* Para pantallas muy pequeñas */ @media (max-width: 459px) { .payment-bar { padding: 10px; gap: 0.5rem; } .payment-chip { padding: 0.25rem 0.375rem; } /* Imágenes dentro de chips */ .payment-chip img { width: auto; height: auto; max-width: 100%; object-fit: contain; } /* Dimensiones específicas por logo */ .payment-chip img[alt="Nequi"] { width: 60px !important; } .payment-chip img[alt="Bancolombia"] { width: 85px !important; } .payment-chip img[alt="Addi"] { width: 45px !important; } .payment-chip img[alt="Sistecrédito"] { width: 70px !important; } } /* faq product details */ .faq-highlights { margin-top: 2rem; background-color: #f9fafb; padding: 1.5rem; border-radius: 0.5rem; } .faq-title { font-weight: 700; font-size: 1.125rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; } .help-icon { color: currentColor; flex-shrink: 0; } .faq-list { display: flex; flex-direction: column; gap: 1rem; } .faq-item { padding-bottom: 1rem; border-bottom: 1px solid #e5e7eb; } .faq-item-last { border-bottom: none; } .faq-question { font-weight: 500; color: #111827; margin: 0; padding: 0; } .faq-answer { font-size: 0.875rem; color: #4b5563; margin-top: 0.25rem; margin: 0; padding: 0; } .service-icons-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding:10px; margin-top: 2rem; margin-bottom: 1rem; } @media (min-width: 768px) { .service-icons-grid { grid-template-columns: repeat(4, 1fr); } } .service-icon-card { display: flex; flex-direction: column; align-items: center; padding: 1rem; background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 0.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease-in-out; } .service-icon-card:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .service-icon { width: 1.5rem; height: 1.5rem; color: #374151; margin-bottom: 0.5rem; flex-shrink: 0; } .service-text { font-size: 0.875rem; font-weight: 500; text-align: center; color: #111827; line-height: 1.4; }