/* Theme Name: Tienda Simple Theme URI: https://example.com/tienda-simple Author: Tu Nombre Author URI: https://example.com Description: Tema ligero y minimalista para tiendas WooCommerce. Sin dependencias pesadas, enfocado en velocidad de carga y facilidad de uso. Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.6 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: tienda-simple Tags: e-commerce, woocommerce, custom-menu, custom-logo, translation-ready */ /* ========================================== FUENTE LIEBLING PRO REGULAR ========================================== */ @font-face { font-family: "Liebling"; src: url("https://db.onlinewebfonts.com/t/f848d46a249dddcee85502e4a19aabd6.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } :root { --color-primario: #1a1a1a; --color-secundario: #ffffff; --color-acento: #d4a373; --color-texto: #333333; --color-fondo: #fafafa; --color-borde: #e5e5e5; --fuente-base: "Liebling", sans-serif; --max-ancho: 1300px; --espaciado: 1.5rem; --radio-borde: 4px; } body, button, input, select, textarea { font-family: var(--fuente-base); } /* ========================================================================== Reset básico ========================================================================== */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--fuente-base); color: var(--color-texto); background: var(--color-fondo); line-height: 1.6; font-size: 16px; } img { max-width: 100%; height: auto; display: block; } a { color: var(--color-primario); text-decoration: none; } a:hover { color: var(--color-acento); } ul { padding: 0; list-style: none; } button, input, select, textarea { font-family: inherit; font-size: 1rem; } /* ========================================================================== Layout general ========================================================================== */ .site { display: flex; flex-direction: column; min-height: 100vh; } .container { max-width: var(--max-ancho); margin: 0 auto; padding: 0 var(--espaciado); width: 100%; } .site-content { flex: 1; padding: 2.5rem 0; } /* ========================================================================== Header ========================================================================== */ .site-header { background: var(--color-secundario); border-bottom: 1px solid var(--color-borde); position: sticky; top: 0; z-index: 100; } .header-inner { display: flex; align-items: center; justify-content: space-between; padding: 1rem var(--espaciado); max-width: var(--max-ancho); margin: 0 auto; flex-wrap: wrap; gap: 1rem; } .site-branding .site-title { margin: 0; font-size: 1.5rem; font-weight: 700; } .site-branding .site-title a { color: var(--color-primario); } .site-branding img.custom-logo { max-height: 50px; } .site-branding .site-description { margin: 0.25rem 0 0; font-size: 0.85rem; color: #777; } /* Menú principal */ .main-navigation ul { display: flex; gap: 1.5rem; flex-wrap: wrap; } .main-navigation a { font-weight: 500; padding: 0.5rem 0; display: inline-block; } .main-navigation .sub-menu { display: none; } /* Menú móvil */ .menu-toggle { display: none; background: none; border: 1px solid var(--color-borde); border-radius: var(--radio-borde); padding: 0.5rem 0.75rem; cursor: pointer; } .header-cart a { position: relative; font-weight: 600; } .header-cart .cart-count { background: var(--color-acento); color: #fff; border-radius: 50%; padding: 0.05rem 0.45rem; font-size: 0.75rem; margin-left: 0.35rem; } /* ========================================================================== Productos / Tienda (WooCommerce) ========================================================================== */ ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.75rem; margin: 0 !important; padding: 0 !important; } ul.products li.product { background: var(--color-secundario); border: 1px solid var(--color-borde); border-radius: var(--radio-borde); padding: 1rem; text-align: center; transition: box-shadow 0.2s ease, transform 0.2s ease; list-style: none; } ul.products li.product:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.08); transform: translateY(-2px); } ul.products li.product img { border-radius: var(--radio-borde); margin-bottom: 0.75rem; } ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; font-weight: 600; margin: 0.5rem 0; } ul.products li.product .price { color: var(--color-acento); font-weight: 700; } .woocommerce div.product .product_title { font-size: 1.75rem; } .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, .button.alt { background: var(--color-primario) !important; color: #fff !important; border-radius: var(--radio-borde) !important; padding: 0.75rem 1.5rem !important; border: none !important; font-weight: 600 !important; cursor: pointer; transition: background 0.2s ease; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce #respond input#submit:hover { background: var(--color-acento) !important; } .woocommerce-message, .woocommerce-info { border-top-color: var(--color-acento) !important; } /* ========================================================================== Contenido / Blog ========================================================================== */ .entry-title { font-size: 1.75rem; margin: 0 0 0.5rem; } .entry-meta { color: #888; font-size: 0.85rem; margin-bottom: 1rem; } article { margin-bottom: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid var(--color-borde); } article:last-child { border-bottom: none; } /* ========================================================================== Widgets / Footer ========================================================================== */ .site-footer { background: var(--color-primario); color: #ddd; padding: 2.5rem 0; margin-top: 2rem; } .site-footer a { color: #fff; } .footer-widgets { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; max-width: var(--max-ancho); margin: 0 auto; padding: 0 var(--espaciado) 2rem; } .footer-widgets .widget-title { color: #fff; font-size: 1rem; margin-bottom: 0.75rem; } .site-info { text-align: center; font-size: 0.85rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.15); } /* ========================================================================== Responsive ========================================================================== */ @media (max-width: 768px) { .menu-toggle { display: inline-block; } .main-navigation { display: none; width: 100%; order: 3; } .main-navigation.is-open { display: block; } .main-navigation ul { flex-direction: column; gap: 0; } .main-navigation li { border-top: 1px solid var(--color-borde); } ul.products { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem; } } /* ========================================== BARRA SUPERIOR ========================================== */ .top-bar { width: 100%; background-color: #0878b9; color: #ffffff; } .top-bar__content { min-height: 32px; padding: 0 20px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 11px; font-weight: 500; line-height: 1; text-transform: uppercase; } .top-bar__item { display: flex; align-items: center; justify-content: center; gap: 5px; } .top-bar__icon { display: block; width: 14px; height: 14px; object-fit: contain; flex-shrink: 0; } .top-bar__text { white-space: nowrap; } .top-bar__separator { font-size: 14px; font-weight: 300; } /* ========================================== MÓVIL ========================================== */ @media (max-width: 768px) { .top-bar__content { min-height: 28px; padding: 0 10px; gap: 7px; font-size: 9px; } .top-bar__icon { width: 11px; height: 11px; } .top-bar__separator { font-size: 12px; } } /* ========================================================== HEADER MÓVIL - CORRECCIÓN FINAL ========================================================== */ @media (max-width: 767px) { .paqsa-header__top-inner { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) 36px 36px !important; grid-template-rows: auto auto !important; grid-template-areas: "menu logo account cart" "search search search search" !important; align-items: center !important; column-gap: 14px !important; row-gap: 20px !important; width: 100% !important; padding: 20px 24px 24px !important; box-sizing: border-box; } /* ====================================================== HAMBURGUESA ====================================================== */ .paqsa-header__mobile-toggle { grid-area: menu !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; position: static !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; } .paqsa-header__mobile-toggle span { display: block !important; width: 30px !important; height: 3px !important; margin: 3px 0 !important; background: #2d3133 !important; border-radius: 0 !important; } /* ====================================================== LOGO ====================================================== */ .paqsa-header__logo { grid-area: logo !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; position: static !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .paqsa-header__logo img { display: block !important; width: 140px !important; max-width: 100% !important; height: auto !important; margin: 0 !important; } /* ====================================================== USUARIO ====================================================== */ .paqsa-header__account { grid-area: account !important; position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; min-width: 36px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .paqsa-header__account span { display: none !important; } .paqsa-header__account img { display: block !important; width: 25px !important; height: 25px !important; margin: 0 !important; } /* ====================================================== CARRITO ====================================================== */ .paqsa-header__cart { grid-area: cart !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; transform: none !important; align-self: center !important; justify-self: center !important; } .paqsa-header__cart img { display: block !important; width: 25px !important; height: 25px !important; margin: 0 !important; } /* ====================================================== PRODUCTOS ====================================================== */ .paqsa-header__products { display: none !important; } /* ====================================================== BUSCADOR ====================================================== */ .paqsa-header__search { grid-area: search !important; position: static !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .paqsa-header__search-form { display: flex !important; width: 100% !important; height: 45px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 2px solid #e1e4e6 !important; border-radius: 999px !important; box-sizing: border-box !important; } .paqsa-header__search-form input[type="search"] { flex: 1 1 auto !important; min-width: 0 !important; width: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 22px !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; font-size: 15px !important; box-sizing: border-box !important; } .paqsa-header__search-form button { flex: 0 0 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; min-width: 48px !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: #292d2f !important; border: 0 !important; border-radius: 0 999px 999px 0 !important; } .paqsa-header__search-form button img { width: 20px !important; height: 20px !important; margin: 0 !important; } /* ====================================================== NAVEGACIÓN ====================================================== */ .paqsa-header__navigation { display: none !important; } } .pleca-full { width: 100%; } .pleca-full figure { width: 100%; max-width: none; margin: 0; } .pleca-full figure img { display: block; width: 100%; max-width: none; height: auto; } /* ========================================================= BOLSA DE TRABAJO ========================================================= */ .paqsa-jobs-grid { width: 100%; /* * Columns nos da el efecto de tu referencia: * cada tarjeta conserva su propia altura y la siguiente * se coloca debajo. */ columns: 2; column-gap: 20px; } /* ========================================================= TARJETA ========================================================= */ .paqsa-job-card { display: inline-block; width: 100%; box-sizing: border-box; padding: 24px 28px; margin: 0 0 20px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 18px; box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.08); break-inside: avoid; } /* ========================================================= TÍTULO ========================================================= */ .paqsa-job-title { margin: 0; color: #333333; font-size: 20px; font-weight: 700; line-height: 1.3; } .paqsa-job-divider { width: 100%; height: 1px; margin: 14px 0 16px; background: #dddddd; } /* ========================================================= CONTENIDO ========================================================= */ .paqsa-job-content { color: #333333; font-size: 14px; line-height: 1.6; } .paqsa-job-content strong { font-weight: 700; } .paqsa-job-line { margin: 0 0 2px; } .paqsa-job-section { margin-top: 2px; } .paqsa-job-label { display: block; } /* ========================================================= EXPERIENCIA ========================================================= */ .paqsa-job-experience ul { margin: 4px 0 22px; padding-left: 22px; } .paqsa-job-experience li { margin-bottom: 2px; } /* ========================================================= HORARIOS Y ACTIVIDADES ========================================================= */ .paqsa-job-paragraph { margin: 0 0 2px; } /* ========================================================= BOTÓN ========================================================= */ .paqsa-job-actions { margin-top: 28px; } .paqsa-job-button { min-width: 180px; padding: 11px 25px; border: 0; border-radius: 999px; background: #087fc3; color: #ffffff; font-family: inherit; font-size: 13px; font-weight: 500; cursor: pointer; transition: background-color 0.2s ease, transform 0.2s ease; } .paqsa-job-button:hover { background: #066ca6; } .paqsa-job-button:active { transform: translateY(1px); } /* ========================================================= SIN VACANTES ========================================================= */ .paqsa-jobs-empty { width: 100%; padding: 30px; box-sizing: border-box; text-align: center; background: #f7f7f7; border-radius: 12px; color: #555555; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .paqsa-job-card { padding: 22px; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .paqsa-jobs-grid { columns: 1; } .paqsa-job-card { margin-bottom: 18px; padding: 22px 20px; border-radius: 16px; } .paqsa-job-title { font-size: 19px; } .paqsa-job-button { width: 100%; } } /* ========================================================= PAQSA - FORMULARIO FORMINATOR 248 ========================================================= */ #forminator-module-248, #forminator-module-345, #forminator-module-631 { width: 100% !important; font-family: inherit !important; } /* ========================================================= FILAS ========================================================= */ #forminator-module-248 .forminator-row, #forminator-module-345 .forminator-row, #forminator-module-631 .forminator-row { margin-bottom: 22px !important; } /* Separación entre las dos columnas */ #forminator-module-248 .forminator-col, #forminator-module-345 .forminator-col, #forminator-module-631 .forminator-col { padding-left: 12px !important; padding-right: 12px !important; } #forminator-module-248 .forminator-row, #forminator-module-345 .forminator-row, #forminator-module-631 .forminator-row { margin-left: -12px !important; margin-right: -12px !important; } /* ========================================================= LABELS ========================================================= */ #forminator-module-248 .forminator-label, #forminator-module-345 .forminator-label, #forminator-module-631 .forminator-label { display: block !important; margin: 0 0 8px !important; color: #303033 !important; font-family: inherit !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.25 !important; } /* ========================================================= INPUTS ========================================================= */ #forminator-module-248 input.forminator-input, #forminator-module-345 input.forminator-input, #forminator-module-631 input.forminator-input { width: 100% !important; height: 43px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 15px !important; background: #ffffff !important; border: 2px solid #e1e4e6 !important; border-radius: 12px !important; color: #303033 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: normal !important; box-shadow: none !important; outline: none !important; } /* Placeholder */ #forminator-module-248 input.forminator-input::placeholder, #forminator-module-345 input.forminator-input::placeholder, #forminator-module-631 input.forminator-input::placeholder { color: #c6cacc !important; opacity: 1 !important; } /* Focus */ #forminator-module-248 input.forminator-input:focus, #forminator-module-345 input.forminator-input:focus, #forminator-module-631 input.forminator-input:focus { background: #ffffff !important; border-color: #c5c9cc !important; box-shadow: none !important; } /* ========================================================= SELECT - ÁREA DE INTERÉS ========================================================= */ /* * Forminator agrega un width inline de 128px. * Por eso tenemos que sobrescribirlo. */ #forminator-module-248 .forminator-field-select .select2-container.forminator-select, #forminator-module-345 .forminator-field-select .select2-container.forminator-select, #forminator-module-631 .forminator-field-select .select2-container.forminator-select { width: 100% !important; } /* Caja */ #forminator-module-248 .forminator-field-select .select2-selection.select2-selection--single, #forminator-module-345 .forminator-field-select .select2-selection.select2-selection--single, #forminator-module-631 .forminator-field-select .select2-selection.select2-selection--single { width: 100% !important; height: 43px !important; min-height: 43px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; padding: 0 45px 0 15px !important; background: #ffffff !important; border: 2px solid #e1e4e6 !important; border-radius: 12px !important; box-shadow: none !important; } /* Texto */ #forminator-module-248 .select2-selection__rendered, #forminator-module-345 .select2-selection__rendered, #forminator-module-631 .select2-selection__rendered { width: 100% !important; padding: 0 !important; color: #303033 !important; font-family: inherit !important; font-size: 16px !important; line-height: normal !important; } /* Placeholder */ #forminator-module-248 .select2-selection__placeholder, #forminator-module-345 .select2-selection__placeholder, #forminator-module-631 .select2-selection__placeholder { color: #c6cacc !important; } /* Flecha */ #forminator-module-248 .select2-selection__arrow, #forminator-module-345 .select2-selection__arrow, #forminator-module-631 .select2-selection__arrow { position: absolute !important; top: 50% !important; right: 15px !important; width: auto !important; height: auto !important; transform: translateY(-50%) !important; } /* ========================================================= TEXTAREA - MENSAJE ========================================================= */ #forminator-module-248 textarea.forminator-textarea, #forminator-module-345 textarea.forminator-textarea, #forminator-module-631 textarea.forminator-textarea { width: 100% !important; min-height: 100px !important; box-sizing: border-box !important; margin: 0 !important; padding: 15px !important; background: #ffffff !important; border: 2px solid #e1e4e6 !important; border-radius: 12px !important; color: #303033 !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; box-shadow: none !important; outline: none !important; resize: vertical !important; } #forminator-module-248 textarea.forminator-textarea::placeholder, #forminator-module-345 textarea.forminator-textarea::placeholder, #forminator-module-631 textarea.forminator-textarea::placeholder { color: #c6cacc !important; opacity: 1 !important; } #forminator-module-248 textarea.forminator-textarea:focus, #forminator-module-345 textarea.forminator-textarea:focus, #forminator-module-631 textarea.forminator-textarea:focus { border-color: #c5c9cc !important; box-shadow: none !important; } /* ========================================================= CV / SUBIR ARCHIVO ========================================================= */ #forminator-module-248 #upload-1 .forminator-file-upload, #forminator-module-345 #upload-1 .forminator-file-upload, #forminator-module-631 #upload-1 .forminator-file-upload { position: relative !important; width: 100% !important; height: 43px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 2px dashed #4c4c4c !important; border-radius: 12px !important; overflow: hidden !important; } /* ========================================================= OCULTAR INPUT REAL ========================================================= */ #forminator-module-248 #upload-1 input.forminator-input-file, #forminator-module-345 #upload-1 input.forminator-input-file, #forminator-module-631 #upload-1 input.forminator-input-file { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; } /* ========================================================= BOTÓN VISUAL DE ARCHIVO ========================================================= */ #forminator-module-248 #upload-1 .forminator-button-upload, #forminator-module-345 #upload-1 .forminator-button-upload, #forminator-module-631 #upload-1 .forminator-button-upload { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 15px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #303033 !important; font-family: inherit !important; /* * Ocultamos el texto original * "Elegir archivo" */ font-size: 0 !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: none !important; cursor: pointer !important; } /* Texto nuevo "Adjuntar archivo" */ #forminator-module-248 #upload-1 .forminator-button-upload::after, #forminator-module-345 #upload-1 .forminator-button-upload::after, #forminator-module-631 #upload-1 .forminator-button-upload::after { content: "Adjuntar archivo"; font-size: 16px !important; font-weight: 600 !important; color: #303033 !important; } /* ========================================================= OCULTAR "NINGÚN ARCHIVO SELECCIONADO" ========================================================= */ #forminator-module-248 #upload-1 .forminator-file-upload > span, #forminator-module-345 #upload-1 .forminator-file-upload > span, #forminator-module-631 #upload-1 .forminator-file-upload > span { display: none !important; } /* ========================================================= BOTÓN BORRAR ARCHIVO ========================================================= */ #forminator-module-248 #upload-1 .forminator-button-delete, #forminator-module-345 #upload-1 .forminator-button-delete, #forminator-module-631 #upload-1 .forminator-button-delete { position: absolute !important; right: 12px !important; background: transparent !important; } /* ========================================================= AVISO DE PRIVACIDAD ========================================================= */ /* Ocultar "Casilla de verificación" */ #forminator-module-248 .forminator-field-checkbox .forminator-label, #forminator-module-345 .forminator-field-checkbox .forminator-label, #forminator-module-631 .forminator-field-checkbox .forminator-label { display: none !important; } /* Contenedor checkbox + texto */ #forminator-module-248 .forminator-checkbox, #forminator-module-345 .forminator-checkbox, #forminator-module-631 .forminator-checkbox { display: flex !important; align-items: center !important; gap: 7px !important; margin: 0 !important; color: #9a9a9a !important; font-family: inherit !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.3 !important; cursor: pointer; } /* ========================================================= CUADRADO DEL CHECKBOX ========================================================= */ #forminator-module-248 .forminator-checkbox .forminator-checkbox-box, #forminator-module-345 .forminator-checkbox .forminator-checkbox-box, #forminator-module-631 .forminator-checkbox .forminator-checkbox-box { display: block !important; width: 12px !important; height: 12px !important; min-width: 12px !important; min-height: 12px !important; max-width: 12px !important; max-height: 12px !important; flex: 0 0 12px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; border: 1px solid #aeb3b7 !important; border-radius: 1px !important; background: #ffffff !important; box-shadow: none !important; } /* Texto del aviso */ #forminator-module-248 .forminator-checkbox .forminator-checkbox-label, #forminator-module-345 .forminator-checkbox .forminator-checkbox-label, #forminator-module-631 .forminator-checkbox .forminator-checkbox-label { margin: 0 !important; padding: 0 !important; color: #9a9a9a !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.3 !important; } /* Checkbox marcado */ #forminator-module-248 .forminator-checkbox input:checked + .forminator-checkbox-box, #forminator-module-345 .forminator-checkbox input:checked + .forminator-checkbox-box, #forminator-module-631 .forminator-checkbox input:checked + .forminator-checkbox-box { border-color: #0784c9 !important; } /* ========================================================= BOTÓN ENVIAR ========================================================= */ #forminator-module-248 button.forminator-button-submit, #forminator-module-345 button.forminator-button-submit, #forminator-module-631 button.forminator-button-submit { align-items: center !important; justify-content: center !important; width: 245px !important; min-width: 180px !important; /* * Mejor usar height que max-height. */ height: 46px !important; min-height: 46px !important; margin: 0 auto !important; padding: 0 30px !important; background: #cc2b6a !important; border: none !important; border-radius: 999px !important; color: #ffffff !important; font-family: inherit !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: none !important; cursor: pointer !important; transition: background-color 0.2s ease !important; } /* Hover */ #forminator-module-248 button.forminator-button-submit:hover, #forminator-module-345 button.forminator-button-submit:hover, #forminator-module-631 button.forminator-button-submit:hover { background: #b8245d !important; color: #ffffff !important; box-shadow: none !important; } /* Click */ #forminator-module-248 button.forminator-button-submit:active, #forminator-module-345 button.forminator-button-submit:active, #forminator-module-631 button.forminator-button-submit:active { background: #a92055 !important; } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { #forminator-module-248 .forminator-row, #forminator-module-345 .forminator-row, #forminator-module-631 .forminator-row { margin-bottom: 0 !important; } #forminator-module-248 .forminator-col, #forminator-module-345 .forminator-col, #forminator-module-631 .forminator-col { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 18px !important; } #forminator-module-248 input.forminator-input, #forminator-module-345 input.forminator-input, #forminator-module-631 input.forminator-input, #forminator-module-248 .select2-selection.select2-selection--single, #forminator-module-345 .select2-selection.select2-selection--single, #forminator-module-631 .select2-selection.select2-selection--single, #forminator-module-248 #upload-1 .forminator-file-upload, #forminator-module-345 #upload-1 .forminator-file-upload, #forminator-module-631 #upload-1 .forminator-file-upload { height: 54px !important; min-height: 54px !important; } #forminator-module-248 button.forminator-button-submit, #forminator-module-345 button.forminator-button-submit, #forminator-module-631 button.forminator-button-submit { display: flex !important; width: 100% !important; max-width: 285px !important; } } /* ========================================================= FORMULARIO 631 - CENTRAR CHECKBOX Y BOTÓN ========================================================= */ /* Centrar aviso / checkbox */ #forminator-module-631 .forminator-field-checkbox { display: flex !important; justify-content: center !important; } #forminator-module-631 .forminator-checkbox { width: fit-content !important; margin-left: auto !important; margin-right: auto !important; justify-content: center !important; } /* Centrar botón */ #forminator-module-631 .forminator-field-submit { display: flex !important; justify-content: center !important; } #forminator-module-631 button.forminator-button-submit { margin-left: auto !important; margin-right: auto !important; } /* ========================================================= FORM 631 - CENTRAR CHECKBOX Y BOTÓN ========================================================= */ /* CHECKBOX */ #forminator-module-631 .forminator-field-checkbox { display: flex !important; justify-content: center !important; width: 100% !important; } #forminator-module-631 .forminator-checkbox { width: fit-content !important; margin: 0 auto !important; } /* CONTENEDOR DEL BOTÓN */ #forminator-module-631 .forminator-row-last { display: flex !important; justify-content: center !important; width: 100% !important; } #forminator-module-631 .forminator-row-last .forminator-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } /* FIELD DEL BOTÓN */ #forminator-module-631 .forminator-field-submit { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; text-align: center !important; } /* BOTÓN */ #forminator-module-631 button.forminator-button-submit { display: flex !important; align-items: center !important; justify-content: center !important; width: 245px !important; margin-left: auto !important; margin-right: auto !important; } .entry-title{ display: none !important; } /* ========================================================= FOOTER PAQSA ========================================================= */ .site-footer { margin: 0 !important; padding: 0 !important; background: #2d3132 !important; color: #ffffff !important; } /* ========================================================= CONTENEDOR GENERAL ========================================================= */ .site-footer .paqsa-footer { width: 100% !important; max-width: 1300px !important; margin: 0 auto !important; padding: 70px 40px 40px !important; box-sizing: border-box !important; } /* ========================================================= GRID PRINCIPAL - DESKTOP ========================================================= */ .site-footer .paqsa-footer__main { display: grid !important; grid-template-columns: minmax(260px, 1.8fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(190px, 1.2fr) !important; column-gap: 65px !important; row-gap: 35px !important; width: 100% !important; align-items: start !important; } /* ========================================================= POSICIÓN COLUMNAS - DESKTOP ========================================================= */ /* PAQSA */ .site-footer .paqsa-footer__brand { grid-column: 1 !important; grid-row: 1 / span 2 !important; min-width: 0 !important; } /* PRODUCTOS */ .site-footer .paqsa-footer__products { grid-column: 2 !important; grid-row: 1 / span 2 !important; min-width: 0 !important; } /* SOBRE PAQSA */ .site-footer .paqsa-footer__about { grid-column: 3 !important; grid-row: 1 !important; min-width: 0 !important; } /* CONTACTO */ .site-footer .paqsa-footer__footer-contact { grid-column: 3 !important; grid-row: 2 !important; min-width: 0 !important; } /* ATENCIÓN AL CLIENTE */ .site-footer .paqsa-footer__customer { grid-column: 4 !important; grid-row: 1 / span 2 !important; min-width: 0 !important; } /* ========================================================= LOGOTIPO ========================================================= */ .site-footer .paqsa-footer__logo { display: inline-block !important; width: fit-content !important; margin: 0 0 20px !important; padding: 0 !important; text-decoration: none !important; } .site-footer .paqsa-footer__logo img { display: block !important; width: 180px !important; max-width: 100% !important; height: auto !important; } /* ========================================================= TÍTULOS PEQUEÑOS ========================================================= */ .site-footer .paqsa-footer__small-title { margin: 0 0 12px !important; color: #ffffff !important; font-family: inherit !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.3 !important; } /* ========================================================= REDES SOCIALES ========================================================= */ .site-footer .paqsa-footer__social { margin: 0 0 30px !important; } .site-footer .paqsa-footer__social-icons { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__social-icons a { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; } .site-footer .paqsa-footer__social-icons img { display: block !important; width: 25px !important; height: 25px !important; object-fit: contain !important; } /* ========================================================= DIRECCIÓN ========================================================= */ .site-footer .paqsa-footer__address { margin: 0 0 30px !important; color: #ffffff !important; font-family: inherit !important; font-size: 13px !important; line-height: 1.55 !important; } .site-footer .paqsa-footer__address strong { display: block !important; margin: 0 0 2px !important; color: #ffffff !important; font-weight: 600 !important; } .site-footer .paqsa-footer__address p { margin: 0 !important; color: #ffffff !important; font-size: inherit !important; line-height: inherit !important; } /* ========================================================= TELÉFONO / CORREO ========================================================= */ .site-footer .paqsa-footer__contact { display: block !important; width: fit-content !important; margin: 0 0 26px !important; padding: 0 !important; color: #ffffff !important; font-family: inherit !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; text-decoration: none !important; } .site-footer .paqsa-footer__contact:hover { color: #ffffff !important; opacity: 0.8 !important; } /* ========================================================= TÍTULOS ========================================================= */ .site-footer .paqsa-footer__title { margin: 0 0 28px !important; color: #E1E4E6 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; } .site-footer .paqsa-footer__title a { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; text-decoration: none !important; } .site-footer .paqsa-footer__title a:hover { color: #ffffff !important; opacity: 0.8 !important; } /* CONTACTO */ .site-footer .paqsa-footer__footer-contact .paqsa-footer__title { margin-top: 0 !important; } /* ========================================================= LINKS ========================================================= */ .site-footer .paqsa-footer__nav { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__nav a { display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-family: inherit !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3 !important; text-decoration: none !important; } .site-footer .paqsa-footer__nav a:hover { color: #ffffff !important; opacity: 0.7 !important; } /* ========================================================= MARKETPLACES + COMPRA SEGURA ========================================================= */ .site-footer .paqsa-footer__commerce { display: flex !important; flex-direction: row !important; align-items: flex-end !important; justify-content: space-between !important; gap: 50px !important; width: 100% !important; margin: 45px 0 0 !important; padding: 0 !important; } /* ========================================================= ENCUÉNTRANOS TAMBIÉN ========================================================= */ .site-footer .paqsa-footer__marketplaces { display: block !important; } .site-footer .paqsa-footer__marketplace-icons { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; } .site-footer .paqsa-footer__marketplace-icons a { display: block !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; text-decoration: none !important; } .site-footer .paqsa-footer__marketplace-icons img { display: block !important; width: 32px !important; height: 32px !important; object-fit: contain !important; border-radius: 4px !important; } /* ========================================================= COMPRA SEGURA ========================================================= */ .site-footer .paqsa-footer__payments { display: block !important; } .site-footer .paqsa-footer__payment-icons { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; } .site-footer .paqsa-footer__payment-icons img { display: block !important; width: 32px !important; height: 32px !important; object-fit: contain !important; border-radius: 4px !important; } /* ========================================================= PARTE INFERIOR ========================================================= */ .site-footer .paqsa-footer__bottom { width: 100% !important; margin: 38px 0 0 !important; } .site-footer .paqsa-footer__divider { width: 100% !important; height: 1px !important; background: rgba(255, 255, 255, 0.25) !important; } .site-footer .paqsa-footer__legal { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; width: 100% !important; padding: 38px 0 0 !important; } .site-footer .paqsa-footer__copyright { margin: 0 !important; color: #94999a !important; font-family: inherit !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.4 !important; } .site-footer .paqsa-footer__legal-links { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 35px !important; } .site-footer .paqsa-footer__legal-links a { color: #94999a !important; font-family: inherit !important; font-size: 11px !important; font-weight: 400 !important; text-decoration: none !important; } .site-footer .paqsa-footer__legal-links a:hover { color: #ffffff !important; } /* ========================================================= FRANJA INFERIOR ========================================================= */ .site-footer .paqsa-footer__colors { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; width: 100% !important; height: 15px !important; } .site-footer .paqsa-footer__color { display: block !important; width: 100% !important; height: 100% !important; } .site-footer .paqsa-footer__color--orange { background: #f58220 !important; } .site-footer .paqsa-footer__color--pink { background: #cf2869 !important; } .site-footer .paqsa-footer__color--blue { background: #0088c9 !important; } .site-footer .paqsa-footer__color--green { background: #00a66b !important; } /* ========================================================= ANCLAS ========================================================= */ #sucursales, #distribuidor, #bolsa-trabajo { scroll-margin-top: 100px; } /* ========================================================= COLUMNA CENTRAL - SOBRE PAQSA + CONTACTO ========================================================= */ .site-footer .paqsa-footer__middle-column { grid-column: 3 !important; grid-row: 1 / span 2 !important; display: flex !important; flex-direction: column !important; gap: 38px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__about { width: 100% !important; margin: 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__footer-contact { width: 100% !important; margin: 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__customer { grid-column: 4 !important; grid-row: 1 / span 2 !important; min-width: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) and (min-width: 601px) { .site-footer .paqsa-footer { padding: 55px 30px 35px !important; } .site-footer .paqsa-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 50px !important; row-gap: 50px !important; } /* PAQSA */ .site-footer .paqsa-footer__brand { grid-column: 1 !important; grid-row: 1 !important; } /* PRODUCTOS */ .site-footer .paqsa-footer__products { grid-column: 2 !important; grid-row: 1 !important; } /* SOBRE PAQSA */ .site-footer .paqsa-footer__about { grid-column: 1 !important; grid-row: 2 !important; } /* ATENCIÓN */ .site-footer .paqsa-footer__customer { grid-column: 2 !important; grid-row: 2 !important; } /* CONTACTO */ .site-footer .paqsa-footer__footer-contact { grid-column: 1 !important; grid-row: 3 !important; } .site-footer .paqsa-footer__commerce { margin-top: 60px !important; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 600px) { /* ===================================================== CONTENEDOR ===================================================== */ .site-footer .paqsa-footer { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 32px 18px 28px !important; box-sizing: border-box !important; } /* ===================================================== GRID ===================================================== */ .site-footer .paqsa-footer__main { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 30px !important; row-gap: 0 !important; width: 100% !important; align-items: start !important; } /* ===================================================== PAQSA - PARTE SUPERIOR COMPLETA ===================================================== */ .site-footer .paqsa-footer__brand { grid-column: 1 / -1 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; margin: 0 0 28px !important; padding: 0 0 28px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important; } /* ===================================================== LOGO ===================================================== */ .site-footer .paqsa-footer__logo { display: block !important; width: fit-content !important; margin: 0 0 9px !important; } .site-footer .paqsa-footer__logo img { display: block !important; width: 125px !important; max-width: 125px !important; height: auto !important; } /* ===================================================== REDES ===================================================== */ .site-footer .paqsa-footer__social { margin: 0 0 18px !important; } .site-footer .paqsa-footer__small-title { margin: 0 0 8px !important; font-size: 10px !important; line-height: 1.3 !important; } .site-footer .paqsa-footer__social-icons { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 18px !important; } .site-footer .paqsa-footer__social-icons img { width: 19px !important; height: 19px !important; } /* ===================================================== DIRECCIÓN ===================================================== */ .site-footer .paqsa-footer__address { margin: 0 0 18px !important; font-size: 10px !important; line-height: 1.45 !important; } .site-footer .paqsa-footer__address strong { margin: 0 0 3px !important; font-size: 10px !important; } .site-footer .paqsa-footer__address p { margin: 0 !important; font-size: 10px !important; line-height: 1.45 !important; } /* ===================================================== TELÉFONO / CORREO ===================================================== */ .site-footer .paqsa-footer__contact { margin: 0 0 18px !important; font-size: 10px !important; line-height: 1.4 !important; } .site-footer .paqsa-footer__contact:last-child { margin-bottom: 0 !important; } /* ===================================================== RESET COLUMNAS ===================================================== */ .site-footer .paqsa-footer__products, .site-footer .paqsa-footer__about, .site-footer .paqsa-footer__customer, .site-footer .paqsa-footer__footer-contact { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; } /* ===================================================== PRODUCTOS - ARRIBA IZQUIERDA ===================================================== */ .site-footer .paqsa-footer__products { grid-column: 1 !important; grid-row: 2 !important; margin-top: 0 !important; } /* ===================================================== ATENCIÓN - ARRIBA DERECHA ===================================================== */ .site-footer .paqsa-footer__customer { grid-column: 2 !important; grid-row: 2 !important; margin-top: 0 !important; } /* ===================================================== SOBRE PAQSA - ABAJO IZQUIERDA ===================================================== */ .site-footer .paqsa-footer__about { grid-column: 1 !important; grid-row: 3 !important; margin-top: 28px !important; } /* ===================================================== CONTACTO - ABAJO DERECHA ===================================================== */ .site-footer .paqsa-footer__footer-contact { grid-column: 2 !important; grid-row: 3 !important; margin-top: 28px !important; } /* ===================================================== TÍTULOS ===================================================== */ .site-footer .paqsa-footer__title, .site-footer .paqsa-footer__footer-contact .paqsa-footer__title { margin: 0 0 16px !important; color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.3 !important; } .site-footer .paqsa-footer__title a { color: #ffffff !important; font-size: inherit !important; font-weight: inherit !important; text-decoration: none !important; } /* ===================================================== LINKS ===================================================== */ .site-footer .paqsa-footer__nav { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 11px !important; width: 100% !important; } .site-footer .paqsa-footer__nav a { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 9px !important; font-weight: 400 !important; line-height: 1.4 !important; white-space: normal !important; text-decoration: none !important; } /* ===================================================== MARKETPLACES + COMPRA SEGURA ===================================================== */ .site-footer .paqsa-footer__commerce { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 22px !important; width: 100% !important; margin: 30px 0 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__marketplaces, .site-footer .paqsa-footer__payments { width: 100% !important; } .site-footer .paqsa-footer__marketplace-icons, .site-footer .paqsa-footer__payment-icons { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 9px !important; } .site-footer .paqsa-footer__marketplace-icons img, .site-footer .paqsa-footer__payment-icons img { display: block !important; width: 25px !important; height: 25px !important; object-fit: contain !important; border-radius: 3px !important; } /* ===================================================== PARTE INFERIOR ===================================================== */ .site-footer .paqsa-footer__bottom { width: 100% !important; margin: 30px 0 0 !important; } .site-footer .paqsa-footer__divider { width: 100% !important; height: 1px !important; background: rgba(255, 255, 255, 0.18) !important; } .site-footer .paqsa-footer__legal { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 18px !important; width: 100% !important; padding: 8px 0 0 !important; } /* COPYRIGHT */ .site-footer .paqsa-footer__copyright { width: 100% !important; margin: 0 !important; text-align: center !important; font-size: 8px !important; line-height: 1.4 !important; } /* AVISO + TÉRMINOS */ .site-footer .paqsa-footer__legal-links { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 25px !important; width: 100% !important; } .site-footer .paqsa-footer__legal-links a { font-size: 8px !important; line-height: 1.4 !important; } /* ===================================================== FRANJA DE COLORES ===================================================== */ .site-footer .paqsa-footer__colors { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; width: 100% !important; height: 5px !important; } .site-footer .paqsa-footer__color { height: 5px !important; } } /* ========================================================= FOOTER - MÓVIL ========================================================= */ @media (max-width: 600px) { /* ===================================================== CONTENEDOR ===================================================== */ .site-footer .paqsa-footer { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 32px 18px 28px !important; box-sizing: border-box !important; } /* ===================================================== GRID PRINCIPAL ===================================================== */ .site-footer .paqsa-footer__main { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 28px !important; row-gap: 0 !important; width: 100% !important; align-items: start !important; } /* ===================================================== BRAND Ocupa todo el ancho ===================================================== */ .site-footer .paqsa-footer__brand { grid-column: 1 / -1 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; margin: 0 0 28px !important; padding: 0 0 28px !important; border-bottom: 1px solid rgba(255,255,255,0.18) !important; } /* ===================================================== LOGO ===================================================== */ .site-footer .paqsa-footer__logo { display: block !important; width: fit-content !important; margin: 0 0 9px !important; } .site-footer .paqsa-footer__logo img { display: block !important; width: 125px !important; max-width: 125px !important; height: auto !important; } /* ===================================================== REDES ===================================================== */ .site-footer .paqsa-footer__social { margin: 0 0 18px !important; } .site-footer .paqsa-footer__small-title { margin: 0 0 8px !important; font-size: 10px !important; line-height: 1.3 !important; } .site-footer .paqsa-footer__social-icons { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 18px !important; } .site-footer .paqsa-footer__social-icons img { width: 19px !important; height: 19px !important; } /* ===================================================== DIRECCIÓN ===================================================== */ .site-footer .paqsa-footer__address { margin: 0 0 18px !important; font-size: 10px !important; line-height: 1.45 !important; } .site-footer .paqsa-footer__address strong { display: block !important; margin: 0 0 3px !important; font-size: 10px !important; } .site-footer .paqsa-footer__address p { margin: 0 !important; font-size: 10px !important; line-height: 1.45 !important; } /* ===================================================== TELÉFONO / CORREO ===================================================== */ .site-footer .paqsa-footer__contact { display: block !important; margin: 0 0 18px !important; font-size: 10px !important; line-height: 1.4 !important; } .site-footer .paqsa-footer__contact:last-child { margin-bottom: 0 !important; } /* ===================================================== PRODUCTOS Columna izquierda ===================================================== */ .site-footer .paqsa-footer__products { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== MIDDLE COLUMN En móvil NO queremos que funcione como columna. Esto permite sacar SOBRE PAQSA y CONTACTO individualmente al grid principal. ===================================================== */ .site-footer .paqsa-footer__middle-column { display: contents !important; } /* ===================================================== SOBRE PAQSA Izquierda debajo de productos ===================================================== */ .site-footer .paqsa-footer__about { grid-column: 1 !important; grid-row: 3 !important; width: 100% !important; min-width: 0 !important; margin: 28px 0 0 !important; padding: 0 !important; } /* ===================================================== ATENCIÓN AL CLIENTE Derecha ===================================================== */ .site-footer .paqsa-footer__customer { grid-column: 2 !important; grid-row: 2 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== CONTACTO Derecha debajo de atención ===================================================== */ .site-footer .paqsa-footer__footer-contact { grid-column: 2 !important; grid-row: 3 !important; align-self: start !important; width: 100% !important; min-width: 0 !important; margin: 28px 0 0 !important; padding: 0 !important; } /* ===================================================== TÍTULOS ===================================================== */ .site-footer .paqsa-footer__title { margin: 0 0 16px !important; color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.3 !important; } .site-footer .paqsa-footer__title a { color: #ffffff !important; font-size: inherit !important; font-weight: inherit !important; text-decoration: none !important; } /* ===================================================== LINKS ===================================================== */ .site-footer .paqsa-footer__nav { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 11px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__nav a { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 9px !important; font-weight: 400 !important; line-height: 1.4 !important; white-space: normal !important; text-decoration: none !important; } /* ===================================================== MARKETPLACES + COMPRA SEGURA ===================================================== */ .site-footer .paqsa-footer__commerce { position: static !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; clear: both !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 30px 0 0 !important; padding: 0 !important; gap: 22px !important; } .site-footer .paqsa-footer__marketplaces, .site-footer .paqsa-footer__payments { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== ICONOS MARKETPLACES / PAGOS ===================================================== */ .site-footer .paqsa-footer__marketplace-icons, .site-footer .paqsa-footer__payment-icons { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 9px !important; width: auto !important; margin: 8px 0 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__marketplace-icons img, .site-footer .paqsa-footer__payment-icons img { display: block !important; width: 25px !important; height: 25px !important; object-fit: contain !important; border-radius: 3px !important; } /* ===================================================== PARTE INFERIOR ===================================================== */ .site-footer .paqsa-footer__bottom { position: static !important; display: block !important; clear: both !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 30px 0 0 !important; padding: 0 !important; } /* ===================================================== DIVISOR ===================================================== */ .site-footer .paqsa-footer__divider { display: block !important; width: 100% !important; height: 1px !important; margin: 0 0 25px !important; padding: 0 !important; background: rgba(255,255,255,0.18) !important; } /* ===================================================== LEGAL ===================================================== */ .site-footer .paqsa-footer__legal { position: static !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 18px !important; text-align: center !important; } .site-footer .paqsa-footer__copyright { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #94999a !important; font-size: 8px !important; line-height: 1.4 !important; text-align: center !important; } .site-footer .paqsa-footer__legal-links { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 35px !important; } .site-footer .paqsa-footer__legal-links a { margin: 0 !important; padding: 0 !important; color: #94999a !important; font-size: 8px !important; line-height: 1.4 !important; text-align: center !important; } /* ===================================================== FRANJA DE COLORES ===================================================== */ .site-footer .paqsa-footer__colors { display: flex !important; width: 100% !important; height: 5px !important; margin: 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__color { display: block !important; flex: 1 1 25% !important; width: auto !important; height: 5px !important; margin: 0 !important; padding: 0 !important; } .site-footer .paqsa-footer__middle-column { display: contents !important; } .site-footer .paqsa-footer__products { grid-column: 1 !important; grid-row: 2 !important; margin: 0 !important; } .site-footer .paqsa-footer__customer { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; } .site-footer .paqsa-footer__about { grid-column: 1 !important; grid-row: 3 !important; margin: 28px 0 0 !important; } .site-footer .paqsa-footer__footer-contact { grid-column: 2 !important; grid-row: 3 !important; margin: 28px 0 0 !important; } } /* ========================================================= HEADER PAQSA - STICKY ========================================================= */ .site-header.paqsa-header { position: sticky !important; top: 0 !important; z-index: 9999 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* ========================================================= PARTE SUPERIOR ========================================================= */ .paqsa-header__top { width: 100%; background: #ffffff; } .paqsa-header__top-inner { display: flex; align-items: center; width: 100%; max-width: 1080px; min-height: 78px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } /* ========================================================= LOGO ========================================================= */ .paqsa-header__logo { display: flex; align-items: center; flex: 0 0 auto; margin: 0 90px 0 0; text-decoration: none; } .paqsa-header__logo img { display: block; width: 125px; height: auto; object-fit: contain; } /* ========================================================= PRODUCTOS ========================================================= */ .paqsa-header__products { display: flex; align-items: center; flex: 0 0 auto; gap: 10px; margin: 0 28px 0 0; color: #303033; font-family: inherit; font-size: 12px; font-weight: 700; text-decoration: none; } .paqsa-header__products img { display: block; width: 18px; height: 18px; object-fit: contain; } .paqsa-header__products:hover { color: #303033; opacity: 0.75; } /* ========================================================= BUSCADOR ========================================================= */ .paqsa-header__search { flex: 1 1 auto; min-width: 200px; max-width: 450px; margin: 0 95px 0 0; } .paqsa-header__search-form { position: relative; display: flex; align-items: stretch; width: 100%; height: 40px; margin: 0; padding: 0; border: 1px solid #e1e4e6; border-radius: 999px; background: #ffffff; overflow: hidden; box-sizing: border-box; } .paqsa-header__search-form input[type="search"] { flex: 1 1 auto; width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0 18px; border: 0; outline: 0; background: transparent; color: #303033; font-family: inherit; font-size: 12px; font-weight: 400; box-shadow: none; box-sizing: border-box; } .paqsa-header__search-form input[type="search"]::placeholder { color: #c7cacc; opacity: 1; } .paqsa-header__search-form button { display: flex; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0 999px 999px 0; background: #303435; cursor: pointer; } .paqsa-header__search-form button img { display: block; width: 20px; height: 20px; object-fit: contain; } /* Quitar X que algunos navegadores agregan al search */ .paqsa-header__search-form input[type="search"]::-webkit-search-cancel-button { display: none; } /* ========================================================= CUENTA ========================================================= */ .paqsa-header__account { display: flex; align-items: center; flex: 0 0 auto; gap: 9px; color: #303033; font-family: inherit; font-size: 12px; font-weight: 600; text-decoration: none; } .paqsa-header__account img { display: block; width: 19px; height: 19px; object-fit: contain; } .paqsa-header__account:hover { color: #303033; opacity: 0.75; } /* ========================================================= CARRITO ========================================================= */ .paqsa-header__cart { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; margin: 0 0 0 32px; text-decoration: none; } .paqsa-header__cart img { display: block; width: 22px; height: 22px; object-fit: contain; } .paqsa-header__cart-count { position: absolute; top: -8px; right: -10px; display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: #cf2869; color: #ffffff; font-size: 9px; font-weight: 700; } /* ========================================================= MENÚ INFERIOR ========================================================= */ .paqsa-header__navigation { width: 100%; background: #2d3132; } .paqsa-header__nav { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1080px; min-height: 39px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .paqsa-header__nav-left { display: flex; align-items: center; gap: 56px; } .paqsa-header__nav-right { display: flex; align-items: center; margin-left: auto; } .paqsa-header__nav a { display: flex; align-items: center; min-height: 39px; margin: 0; padding: 0; color: #ffffff; font-family: inherit; font-size: 11px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; } .paqsa-header__nav a:hover { color: #ffffff; opacity: 0.75; } /* ========================================================= FRANJA DE COLORES ========================================================= */ .paqsa-header__colors { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; height: 4px; } .paqsa-header__color { display: block; width: 100%; height: 100%; } .paqsa-header__color--orange { background: #f58220; } .paqsa-header__color--pink { background: #cf2869; } .paqsa-header__color--blue { background: #0088c9; } .paqsa-header__color--green { background: #00a66b; } /* ========================================================= BOTÓN MÓVIL ========================================================= */ .paqsa-header__mobile-toggle { display: none; flex-direction: column; align-items: center; justify-content: center; gap: 0px; width: 36px; height: 36px; margin: 0; padding: 6px; border: 0; background: transparent; cursor: pointer; } .paqsa-header__mobile-toggle span { display: block; width: 22px; height: 2px; background: #303033; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .paqsa-header__top-inner, .paqsa-header__nav { max-width: 100%; } .paqsa-header__logo { margin-right: 35px; } .paqsa-header__search { margin-right: 35px; } .paqsa-header__nav-left { gap: 30px; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .paqsa-header__top-inner { display: grid; grid-template-columns: 1fr auto auto; grid-template-areas: "logo account menu" "search search search"; gap: 14px; min-height: 0; padding: 15px 18px; } /* LOGO */ .paqsa-header__logo { grid-area: logo; margin: 0; } .paqsa-header__logo img { width: 105px; } /* PRODUCTOS */ .paqsa-header__products { display: none; } /* CUENTA */ .paqsa-header__account { grid-area: account; margin: 0; } .paqsa-header__account span { display: none; } .paqsa-header__account img { width: 21px; height: 21px; } /* CARRITO */ .paqsa-header__cart { display: none; } /* MENÚ */ .paqsa-header__mobile-toggle { grid-area: menu; display: flex; } /* BUSCADOR */ .paqsa-header__search { grid-area: search; width: 100%; max-width: 100%; margin: 0; } .paqsa-header__search-form { height: 42px; } /* MENÚ INFERIOR OCULTO */ .paqsa-header__navigation { display: none; } /* Cuando posteriormente abramos el menú */ .paqsa-header.menu-open .paqsa-header__navigation { display: block; } .paqsa-header.menu-open .paqsa-header__nav { display: flex; flex-direction: column; align-items: stretch; padding: 15px 18px; } .paqsa-header.menu-open .paqsa-header__nav-left, .paqsa-header.menu-open .paqsa-header__nav-right { display: flex; flex-direction: column; align-items: stretch; width: 100%; gap: 0; margin: 0; } .paqsa-header.menu-open .paqsa-header__nav a { width: 100%; min-height: 42px; border-bottom: 1px solid rgba(255,255,255,0.12); } } /* ========================================================= CARRITO ========================================================= */ .paqsa-header__cart { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; margin-left: 12px; text-decoration: none; } .paqsa-header__cart img { display: block; width: 24px; height: 24px; object-fit: contain; } /* CONTADOR */ .paqsa-header__cart-count { position: absolute; top: -5px; right: -6px; display: flex; align-items: center; justify-content: center; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: #cc2b6a; color: #ffffff; font-size: 10px; font-weight: 700; line-height: 1; } /* Títulos clickeables del mega menú */ .paqsa-products-mega__group h3 a { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none !important; } .paqsa-products-mega__group h3 a:hover, .paqsa-products-mega__group h3 a:focus, .paqsa-products-mega__group h3 a:visited { color: inherit !important; text-decoration: none !important; } /* ========================================================== CATEGORÍA PRINCIPAL - HOVER ========================================================== */ .paqsa-products-mega__group--category h3 { position: relative; display: inline-block; margin-bottom: 10px; } /* La barra */ .paqsa-products-mega__group--category h3::after { content: ""; position: absolute; left: 0; margin-top: -10px; width: 100%; height: 5px; background-image: url("https://paqsa.hostiw2.com/wp/wp-content/uploads/2026/10/Barra-focus-header.png"); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; opacity: 0; pointer-events: none; transition: opacity 0.15s ease; } /* Mostrar barra solamente en categoría principal */ .paqsa-products-mega__group--category.is-hovered h3::after { opacity: 1; } /* Transición de imagen */ #paqsa-category-image { transition: opacity 0.15s ease; } #paqsa-category-image.is-changing { opacity: 0; } .paqsa-products-mega__group--category > a:hover { color: #C32D6B !important; } /* ========================================================== PAQSA - HOVER POR PROYECTO ========================================================== */ .paqsa-proyectos-menu__item { transition: color 0.2s ease; } .paqsa-proyectos-menu__item:hover, .paqsa-proyectos-menu__item.is-active { color: #C32D6B !important; } .paqsa-proyectos-menu__item:hover > span:last-child, .paqsa-proyectos-menu__item.is-active > span:last-child { color: #C32D6B !important; } /* Iconos */ .paqsa-proyectos-menu__icon img { transition: opacity 0.2s ease; } /* Imagen grande */ .paqsa-proyectos-menu__image img { transition: opacity 0.2s ease; } .paqsa-proyectos-menu__image img.is-changing { opacity: 0; } .card-hover{ cursor: pointer !important; } .card-hover:hover .card-hover-text { color: #ffffff !important; cursor: pointer !important; } .full-width-image { position: relative; left: 50%; width: 100dvw !important; max-width: 100dvw !important; transform: translateX(-50%); margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow: hidden; } .full-width-image > img { display: block; width: 100% !important; max-width: 100% !important; height: auto; } .full-width-image::after { content: ""; position: absolute; inset: 0; background-color: #0071BCE5; z-index: 1; pointer-events: none; } .full-width-image > *:not(img) { position: relative; z-index: 2; } .wp-block-image{ margin-bottom: 0px !important; } html, body { overflow-x: clip; } .page-id-415 .site-content{ padding-bottom: 0px !important; } .page-id-415 .post-415{ padding-bottom: 0px !important; margin-bottom: 0px !important; } .page-id-674 .site-content{ padding-bottom: 0px !important; } .page-id-674 .post-674{ padding-bottom: 0px !important; margin-bottom: 0px !important; } .page-id-672 .site-content{ padding-top: 0px !important; padding-bottom: 0px !important; } .page-id-672 .post-672{ padding-bottom: 0px !important; margin-bottom: 0px !important; } .page-id-672 .site-content{ padding-top: 0px !important; padding-bottom: 0px !important; } .page-id-967 .site-content{ padding-top: 0px !important; padding-bottom: 0px !important; } .page-id-967 .post-967{ padding-bottom: 0px !important; margin-bottom: 0px !important; } .page-id-967 .post-967{ padding-bottom: 0px !important; margin-bottom: 0px !important; } .newsletter-form { display: flex; align-items: center; width: 31.25rem !important; max-width: calc(100vw - 40px) !important; height: 44px; padding: 3px; margin-left: 50%; transform: translateX(-50%); background: #ffffff; border-radius: 999px; box-sizing: border-box; } .newsletter-form .sib-email-area { flex: 1; min-width: 0; height: 100%; padding: 0 15px; border: none !important; outline: none !important; background: transparent !important; box-shadow: none !important; font-size: 14px; color: #333333; border-radius: 999px; box-sizing: border-box; } .newsletter-form .sib-email-area::placeholder { color: #b8b8b8; opacity: 1; } .newsletter-form .sib-default-btn { flex-shrink: 0; height: 40px; padding: 0 36px; border: none !important; border-radius: 999px; background: #cc2e68; color: #ffffff; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: none; transition: opacity 0.2s ease; } .newsletter-form .sib-default-btn:hover { opacity: 0.9; } @media (max-width: 480px) { .newsletter-form { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: calc(100% - 24px) !important; max-width: none !important; height: auto !important; padding: 0 !important; gap: 8px; margin-left: 12px !important; transform: none !important; background: transparent !important; border-radius: 0 !important; } .newsletter-form .sib-email-area { display: block; flex: none !important; width: 100% !important; height: 38px !important; min-height: 38px !important; padding: 0 16px !important; background: #ffffff !important; border: none !important; border-radius: 999px !important; font-size: 12px; box-sizing: border-box; } .newsletter-form .sib-default-btn { display: block; width: 100% !important; height: 38px !important; padding: 0 20px !important; background: #cc2e68; border: none !important; border-radius: 999px !important; color: #ffffff; font-size: 12px; font-weight: 600; box-sizing: border-box; } } .paqsa-blog-single { width: 100%; } .paqsa-blog-article { width: 100%; } /* ================================ LAYOUT PRINCIPAL ================================ */ .paqsa-blog-layout { display: grid; grid-template-columns: minmax(0, 80fr) minmax(0, 20fr); gap: 10%; width: 100%; max-width: var(--max-ancho); margin: 0 auto; padding: 40px 0px 0px; box-sizing: border-box; align-items: start; } /* ================================ COLUMNA PRINCIPAL ================================ */ .paqsa-blog-main { width: 100%; min-width: 0; } /* ================================ IMAGEN DESTACADA ================================ */ .paqsa-blog-hero { width: 100%; overflow: hidden; } .paqsa-blog-hero-image { display: block; width: 100%; height: auto; max-height: 300px; max-width: 100%; } /* ================================ CONTENIDO ================================ */ .paqsa-blog-main-content { width: 100%; padding-top: 35px; box-sizing: border-box; } /* ================================ TAGS ================================ */ .paqsa-blog-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; font-family: var(--fuente-base); font-size: 12px; font-weight: 400; line-height: 1.4; text-transform: uppercase; letter-spacing: 2px; color: #1a1a1a; } .paqsa-blog-tag { display: inline-block; } .paqsa-blog-tags-separator { display: inline-block; } /* ================================ TÍTULO ================================ */ .paqsa-blog-heading { display: block !important; margin: 0 0 35px; font-family: var(--fuente-base); font-size: 36px; font-weight: 700; line-height: 1.08; color: #000000; } /* ================================ CONTENIDO GUTENBERG ================================ */ .paqsa-blog-content { width: 100%; font-family: var(--fuente-base); } .paqsa-blog-content img { max-width: 100%; height: auto; } /* ================================ SIDEBAR ================================ */ .paqsa-blog-sidebar { width: 100%; min-width: 0; align-self: start; } .paqsa-blog-sidebar > * { width: 100%; max-width: 100%; } /* ================================ TABLET / MOBILE ================================ */ @media (max-width: 900px) { .paqsa-blog-layout { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 25px 0px 50px; } .paqsa-blog-sidebar { width: 100%; } .paqsa-blog-main-content { padding-top: 25px; } .paqsa-blog-tags { gap: 6px; margin-bottom: 18px; font-size: 11px; letter-spacing: 1.5px; } .paqsa-blog-heading { font-size: 34px; margin-bottom: 25px; } } /* ================================ PRODUCTOS RELACIONADOS ================================ */ .paqsa-related-products { width: 100%; margin-top: 60px; } .paqsa-related-products-line { width: 100%; height: 1px; background-color: #bdbdbd; margin-bottom: 20px; } .paqsa-related-products-label { margin: 0 0 22px; font-family: var(--fuente-base); font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: 3px; text-transform: uppercase; color: #1a1a1a; } .paqsa-related-products-title { display: block !important; margin: 0; font-family: var(--fuente-base); font-size: 28px; font-weight: 400; line-height: 1.2; color: #1a1a1a; } @media (max-width: 768px) { .paqsa-related-products { margin-top: 40px; } .paqsa-related-products-line { margin-bottom: 18px; } .paqsa-related-products-label { margin-bottom: 8px; font-size: 12px; letter-spacing: 2px; } .paqsa-related-products-title { font-size: 18px; } } /* ========================================== LISTADO BLOG PAQSA ========================================== */ .paqsa-blog-list { width: 100%; } .paqsa-blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } /* ========================================== TARJETA ========================================== */ .paqsa-blog-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding-bottom: 0px !important; margin-bottom: 1.25rem !important; background: #ffffff; border-radius: 18px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.10); } /* Primera entrada ocupa las dos columnas */ .paqsa-blog-card-featured { grid-column: 1 / -1; } /* ========================================== IMAGEN ========================================== */ .paqsa-blog-card-image-link { display: block; width: 100%; padding: 14px 14px 0; box-sizing: border-box; } .paqsa-blog-card-image { display: block; width: 100%; height: 14rem; object-fit: cover; border-radius: 13px; } /* Imagen de entrada principal */ .paqsa-blog-card-featured .paqsa-blog-card-image { height: 13rem; } /* ========================================== CONTENIDO ========================================== */ .paqsa-blog-card-content { display: flex; flex-direction: column; flex: 1; padding: 22px 22px 20px; } /* ========================================== TÍTULO ========================================== */ .paqsa-blog-card-title { margin: 0 0 18px; font-family: var(--fuente-base); font-size: 20px; font-weight: 700; line-height: 1.15; color: #2D3133; } .paqsa-blog-card-title a { color: inherit; text-decoration: none; } .paqsa-blog-card-title a:hover { text-decoration: none; } /* Entrada principal */ .paqsa-blog-card-featured .paqsa-blog-card-title { font-size: 20px; } /* ========================================== EXTRACTO ========================================== */ .paqsa-blog-card-excerpt { margin-bottom: 30px; font-family: var(--fuente-base); font-size: 14px; font-weight: 400; line-height: 1.35; color: #333333; } /* ========================================== LEER ARTÍCULO ========================================== */ .paqsa-blog-card-read-more { display: inline-flex; align-items: center; gap: 10px; width: fit-content; margin-top: auto; font-family: var(--fuente-base); font-size: 14px; font-weight: 700; color: #2D3133; text-decoration: none; } .paqsa-blog-card-read-more:hover { color: #222222; text-decoration: none; } .paqsa-blog-card-arrow { display: inline-flex; align-items: center; justify-content: center; font-size: 25px; line-height: 1; transition: transform 0.2s ease; } .paqsa-blog-card-read-more:hover .paqsa-blog-card-arrow { transform: translateX(4px); } /* ========================================== PAGINACIÓN ========================================== */ .paqsa-blog-pagination { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 55px; } .paqsa-blog-pagination-numbers { display: flex; align-items: center; gap: 22px; } .paqsa-blog-pagination-number, .paqsa-blog-pagination-dots { display: inline-flex; align-items: center; justify-content: center; min-width: 14px; font-family: var(--fuente-base); font-size: 16px; line-height: 1; color: #bdbdbd; text-decoration: none; } .paqsa-blog-pagination-number:hover { color: #222222; } .paqsa-blog-pagination-number.is-current { color: #222222; font-weight: 700; } /* ========================================== FLECHAS PAGINACIÓN ========================================== */ .paqsa-blog-pagination-arrow { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; box-sizing: border-box; border: 1px solid #222222; border-radius: 50%; color: #222222; background: #ffffff; font-family: Arial, sans-serif; font-size: 28px; font-weight: 300; line-height: 1; text-decoration: none; transition: background 0.2s ease, color 0.2s ease; } .paqsa-blog-pagination-arrow:hover { background: #222222; color: #ffffff; } .paqsa-blog-pagination-arrow.is-disabled { border-color: #dddddd; color: #dddddd; cursor: default; } /* ========================================== TABLET ========================================== */ @media (max-width: 900px) { .paqsa-blog-grid { gap: 22px; } .paqsa-blog-card-image { height: 220px; } .paqsa-blog-card-featured .paqsa-blog-card-image { height: 290px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .paqsa-blog-grid { grid-template-columns: 1fr; gap: 24px; } .paqsa-blog-card-featured { grid-column: auto; } .paqsa-blog-card-image, .paqsa-blog-card-featured .paqsa-blog-card-image { height: 190px; } .paqsa-blog-card-image-link { padding: 9px 9px 0; } .paqsa-blog-card-content { padding: 18px 14px 16px; } .paqsa-blog-card-title, .paqsa-blog-card-featured .paqsa-blog-card-title { font-size: 18px; } .paqsa-blog-card-excerpt { font-size: 14px; margin-bottom: 25px; } .paqsa-blog-pagination { gap: 14px; margin-top: 45px; } .paqsa-blog-pagination-numbers { gap: 14px; } .paqsa-blog-pagination-arrow { width: 34px; height: 34px; font-size: 24px; } } /* ======================================== POSTS RELACIONADOS ======================================== */ .paqsa-related-posts { width: 100%; margin-top: 50px; } .paqsa-related-posts-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin-top: 35px; } /* TARJETA */ .paqsa-related-post-card { min-width: 0; margin-bottom: 0px; } /* IMAGEN */ .paqsa-related-post-image-link { display: block; width: 100%; overflow: hidden; border-radius: 12px; } .paqsa-related-post-image { display: block; width: 100%; height: 14.875rem; object-fit: cover; border-radius: 12px; } /* TÍTULO */ .paqsa-related-post-title { margin: 16px 0 12px; font-family: var(--fuente-base); font-size: 22px; font-weight: 700; line-height: 1.3; } .paqsa-related-post-title a { color: #111111; text-decoration: none; } .paqsa-related-post-title a:hover { text-decoration: none; } /* EXTRACTO */ .paqsa-related-post-excerpt { margin: 0 0 14px; font-family: var(--fuente-base); font-size: 16px; font-weight: 400; line-height: 1.6; color: #222222; } /* LEER MÁS */ .paqsa-related-post-link { display: inline-block; font-family: var(--fuente-base); font-size: 16px; font-weight: 400; color: #d82e6c; text-decoration: none; } .paqsa-related-post-link:hover { text-decoration: underline; } /* ======================================== TABLET ======================================== */ @media (max-width: 900px) { .paqsa-related-posts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 600px) { .paqsa-related-posts { margin-top: 35px; } .paqsa-related-posts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; margin-top: 25px; } .paqsa-related-post-card { min-width: 0; } .paqsa-related-post-image-link { width: 100%; border-radius: 10px; } .paqsa-related-post-image { width: 100%; height: 145px; object-fit: cover; border-radius: 10px; } .paqsa-related-post-title { margin: 10px 0 10px; font-size: 14px; font-weight: 700; line-height: 1.2; } .paqsa-related-post-excerpt { margin: 0 0 10px; font-size: 12px; line-height: 1.5; } .paqsa-related-post-link { font-size: 13px; } } /* ======================================== COMENTARIOS ======================================== */ .paqsa-comments { width: 100%; margin-top: 60px; } .paqsa-comments-line { width: 100%; height: 1px; margin-bottom: 20px; background: #bdbdbd; } .paqsa-comments-label { margin: 0 0 18px; font-family: var(--fuente-base); font-size: 16px; font-weight: 400; letter-spacing: 2px; color: #1a1a1a; } /* ======================================== HEADER ======================================== */ .paqsa-comments-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 15px; } .paqsa-comments-title { display: block !important; margin: 0; font-family: var(--fuente-base); font-size: 30px; font-weight: 400; line-height: 1.2; color: #1a1a1a; } /* ======================================== FLECHAS ======================================== */ .paqsa-comments-arrows { display: flex; align-items: center; gap: 10px; } .paqsa-comments-arrow { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: none; border-radius: 50%; background: #d62e70; color: #ffffff; font-size: 21px; font-weight: 700; line-height: 1; cursor: pointer; transition: opacity 0.2s ease; } .paqsa-comments-arrow:hover { opacity: 0.85; } /* ======================================== SLIDER ======================================== */ .paqsa-comments-slider { width: 100%; } .paqsa-comment-slide { display: none; width: 100%; } .paqsa-comment-slide.is-active { display: block; } /* ======================================== COMENTARIO ======================================== */ .paqsa-comment-item { width: 100%; margin: 0; } .paqsa-comment-card { width: 100%; padding: 28px 25px; background: #f3f3f3; border-radius: 18px; box-sizing: border-box; } .paqsa-comment-author { margin: 0 0 8px; font-size: 15px; font-weight: 700; text-transform: uppercase; } .paqsa-comment-date { margin: 0 0 8px; font-size: 14px; color: #d62e70; } .paqsa-comment-text { font-size: 18px; line-height: 1.5; color: #303030; } .paqsa-comment-text p { margin: 0; } .paqsa-comment-reply { margin-top: 24px; } .paqsa-comment-reply a { color: #d62e70; text-decoration: none; } /* ======================================== RESPUESTAS ======================================== */ .paqsa-comment-slide .children { width: calc(100% - 38px); margin: 18px 0 0 38px; padding: 0; box-sizing: border-box; } .paqsa-comment-slide .children .paqsa-comment-card { background: #f3f3f3; } /* ======================================== BOTÓN AGREGAR COMENTARIO ======================================== */ .paqsa-add-comment { display: flex; justify-content: center; width: 100%; margin-top: 38px; padding-top: 45px; border-top: 1px solid #bdbdbd; } .paqsa-add-comment-button { min-width: 230px; height: 44px; padding: 0 28px; border: none; border-radius: 999px; background: #0071bc; color: #ffffff; font-family: var(--fuente-base); font-size: 17px; cursor: pointer; } /* ======================================== FORMULARIO ======================================== */ .paqsa-comment-form-container { width: 100%; margin-top: 45px; } .paqsa-comment-form-container[hidden] { display: none !important; } .paqsa-comment-form-title { display: block !important; margin: 0 0 12px; font-family: var(--fuente-base); font-size: 30px; font-weight: 400; color: #1a1a1a; } .paqsa-comment-notes { margin: 0 0 25px; font-size: 17px; line-height: 1.5; } .paqsa-comment-field { width: 100%; } .paqsa-comment-field label { display: block; margin-bottom: 8px; font-size: 16px; font-weight: 600; } .paqsa-comment-field textarea, .paqsa-comment-field input { width: 100%; border: 1px solid #999999; border-radius: 12px; background: #ffffff; box-sizing: border-box; font-family: var(--fuente-base); } .paqsa-comment-field textarea { min-height: 275px; padding: 15px; resize: vertical; } .paqsa-comment-field input { height: 42px; padding: 0 15px; } .paqsa-comment-fields-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; margin-top: 28px; } .paqsa-comment-submit { margin-top: 20px; padding: 10px 25px; border: none; border-radius: 999px; background: #ff7417; color: #ffffff; font-family: var(--fuente-base); font-size: 17px; cursor: pointer; } /* ======================================== MOBILE ======================================== */ @media (max-width: 768px) { .paqsa-comments { margin-top: 40px; } .paqsa-comments-title { font-size: 25px; } .paqsa-comments-arrow { width: 32px; height: 32px; font-size: 18px; } .paqsa-comment-card { padding: 22px 18px; border-radius: 14px; } .paqsa-comment-slide .children { width: calc(100% - 20px); margin-left: 20px; } .paqsa-comment-fields-row { grid-template-columns: minmax(0, 1fr); gap: 18px; } .paqsa-comment-field textarea { min-height: 200px; } } /* ======================================== RESPUESTAS ======================================== */ .paqsa-comment-replies { width: calc(100% - 38px); margin-top: 18px; margin-left: 38px; } .paqsa-comment-replies .paqsa-comment-item { width: 100%; margin-bottom: 18px; } .paqsa-comment-replies .paqsa-comment-item:last-child { margin-bottom: 0; } .paqsa-comment-replies .paqsa-comment-card { width: 100%; } /* MOBILE */ @media (max-width: 768px) { .paqsa-comment-replies { width: calc(100% - 20px); margin-left: 20px; } } @media (max-width: 768px) { .categorias-scroll { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 150px !important; grid-template-columns: none !important; justify-content: start !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; padding: 0 0 8px 0 !important; scrollbar-width: none; } .categorias-scroll::-webkit-scrollbar { display: none; } .categorias-scroll > .categoria-scroll-item { width: 150px !important; min-width: 150px !important; max-width: 150px !important; box-sizing: border-box !important; } } @media (max-width: 768px) { .gb-element-41d342be { min-width: 0 !important; overflow: visible !important; } } /* ========================================= FAQ ========================================= */ .faq-item { width: 100%; } /* PREGUNTA */ .faq-question { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100%; cursor: pointer; user-select: none; } /* RESPUESTA CERRADA */ .faq-answer { display: none; width: 100%; } /* RESPUESTA ABIERTA */ .faq-item.is-open > .faq-answer { display: block !important; } /* FLECHA EXISTENTE */ .faq-question svg, .faq-question img { transition: transform 0.3s ease; } .faq-item.is-open .faq-question svg, .faq-item.is-open .faq-question img { transform: rotate(180deg); } .wp-block-list { list-style-type: disc !important; list-style-position: outside; padding-left: 25px !important; } .wp-block-list li { display: list-item !important; list-style-type: disc !important; } /* ========================================================== MARCAS - SOLO MÓVIL ========================================================== */ @media (max-width: 600px) { .marcas-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100%; max-width: 360px; margin: 0 auto; padding: 0 15px; column-gap: 35px; box-sizing: border-box; } /* Cada columna */ .marcas-columna { display: grid !important; grid-template-rows: repeat(5, 70px) !important; gap: 20px !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } /* Cada bloque de imagen de GenerateBlocks */ .marcas-columna > * { display: flex !important; align-items: center !important; justify-content: center !important; width: 100%; height: 70px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; } /* Logos */ .marcas-columna img { display: block; width: auto !important; height: auto !important; max-width: 135px; max-height: 55px; margin: 0 !important; object-fit: contain; } } /* ========================================================== MEGA MENÚ PRODUCTOS ========================================================== */ .paqsa-products-mega { display: none; width: 100%; background: #ffffff; border-top: 1px solid #eeeeee; } .paqsa-products-mega.is-open { display: block; } /* ========================================================== CONTENEDOR ========================================================== */ .paqsa-products-mega__inner { display: grid; grid-template-columns: 19% 81%; width: 100%; /* Se adapta al contenido */ min-height: 0; height: auto; margin: 0 auto; background: #ffffff; align-items: stretch; } /* ========================================================== MENÚ AZUL ========================================================== */ .paqsa-products-mega__sidebar { display: flex; flex-direction: column; padding: 30px 28px; background: #087dbd; } .paqsa-products-mega__tab { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 18px 0; background: transparent; border: 0; color: rgba(255, 255, 255, 0.45); font-family: inherit; font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; } /* Texto: mismo ancho para las 3 opciones */ .paqsa-products-mega__tab > span:first-child { width: 150px; flex-shrink: 0; } /* Flecha */ .paqsa-products-flecha { font-size: 30px; line-height: 15px; font-weight: 400 !important; margin-top: -7px; } /* Opción activa */ .paqsa-products-mega__tab.is-active { color: #ffffff; } /* ========================================================== CONTENIDO DERECHO ========================================================== */ .paqsa-products-mega__content { min-width: 0; padding: 40px 35px 30px; } .paqsa-products-mega__panel { display: none; } .paqsa-products-mega__panel.is-active { display: block; } /* ========================================================== COLUMNAS ========================================================== */ .paqsa-products-mega__columns { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(190px, 1.2fr) minmax(200px, 1.2fr); gap: 40px; width: 100%; } /* ========================================================== GRUPOS ========================================================== */ .paqsa-products-mega__group { margin-bottom: 30px; } .paqsa-products-mega__group h3, .paqsa-products-mega__simple h3 { margin: 0 0 17px; color: #444444; font-size: 14px; line-height: 1.25; font-weight: 700; } .paqsa-products-mega__group a, .paqsa-products-mega__simple a { display: block; width: fit-content; margin-bottom: 8px; color: #555555; font-size: 12px; line-height: 1.25; font-weight: 400; text-decoration: none; } .paqsa-products-mega__group a:hover, .paqsa-products-mega__simple a:hover { color: #087dbd; } /* ========================================================== IMAGEN ========================================================== */ .paqsa-products-mega__image { display: flex; align-items: center; justify-content: center; min-width: 0; } .paqsa-products-mega__image img { display: block; width: 100%; max-width: 280px; height: auto; object-fit: contain; } /* ========================================================== PANEL SIMPLE ========================================================== */ .paqsa-products-mega__simple { columns: 3; max-width: 800px; } /* ========================================================== MÓVIL ========================================================== */ @media (max-width: 767px) { .paqsa-products-mega { display: none !important; } } /* ========================================================== MEGA MENÚ - POR PROYECTO ========================================================== */ .paqsa-proyectos-menu { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) 280px; column-gap: 55px; width: 100%; align-items: start; } /* ========================================================== COLUMNAS ========================================================== */ .paqsa-proyectos-menu__column { display: flex; flex-direction: column; gap: 27px; padding-top: 12px; } /* ========================================================== OPCIÓN ========================================================== */ .paqsa-proyectos-menu__item { display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; column-gap: 13px; width: 100%; color: #3d4143; font-size: 15px; line-height: 1.2; font-weight: 500; text-decoration: none; transition: color 0.2s ease; } .paqsa-proyectos-menu__item:hover { color: #087dbd; } /* ========================================================== ICONOS ========================================================== */ .paqsa-proyectos-menu__icon { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; } .paqsa-proyectos-menu__icon img { display: block; width: 22px; height: 22px; object-fit: contain; } /* ========================================================== IMAGEN DERECHA ========================================================== */ .paqsa-proyectos-menu__image { display: flex; align-items: flex-start; justify-content: flex-end; } .paqsa-proyectos-menu__image img { display: block; width: 100%; max-width: 280px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 20px; } /* ========================================================== PANTALLAS MÁS PEQUEÑAS DE ESCRITORIO ========================================================== */ @media (max-width: 1100px) { .paqsa-proyectos-menu { grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) 220px; column-gap: 30px; } .paqsa-proyectos-menu__image img { max-width: 220px; } } /* ========================================================== MEGA MENÚ - POR MARCA ========================================================== */ .paqsa-marcas-menu { display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: center; column-gap: 70px; width: 100%; } /* ========================================================== CUADRÍCULA DE LOGOS ========================================================== */ .paqsa-marcas-menu__logos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 50px; row-gap: 35px; align-items: center; width: 100%; } /* ========================================================== CADA LOGO ========================================================== */ .paqsa-marcas-menu__logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 55px; text-decoration: none; } .paqsa-marcas-menu__logo img { display: block; width: auto; height: auto; max-width: 130px; max-height: 50px; object-fit: contain; transition: transform 0.2s ease; } .paqsa-marcas-menu__logo:hover img { transform: scale(1.05); } /* ========================================================== IMAGEN DERECHA ========================================================== */ .paqsa-marcas-menu__image { display: flex; align-items: center; justify-content: flex-end; width: 100%; } .paqsa-marcas-menu__image img { display: block; width: 100%; min-width: 280px; max-width: 280px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 20px; } /* ========================================================== MENÚ MÓVIL PAQSA ========================================================== */ .paqsa-mobile-menu { display: none; } @media (max-width: 767px) { /* ====================================================== CONTENEDOR ====================================================== */ .paqsa-mobile-menu { position: fixed; top: var(--paqsa-mobile-header-height); left: 0; z-index: 9998; display: none; width: calc(100% - 30px); max-width: 380px; height: calc( 100dvh - var(--paqsa-mobile-header-height, 168px) ); overflow-y: auto; overscroll-behavior: contain; background: #087fc2; border-radius: 0 0 18px 0; } .paqsa-mobile-menu.is-open { display: block; } /* ====================================================== PANTALLAS ====================================================== */ .paqsa-mobile-menu__screen { display: none; min-height: 100%; } .paqsa-mobile-menu__screen.is-active { display: block; } /* ====================================================== MENÚ PRINCIPAL AZUL ====================================================== */ .paqsa-mobile-menu__main { padding: 34px 24px 40px; } .paqsa-mobile-menu__option { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 14px 0; background: transparent; border: 0; color: #ffffff; font-family: inherit; font-size: 23px; line-height: 1.15; font-weight: 700; text-align: left; cursor: pointer; } .paqsa-mobile-menu__arrow { position: relative; top: -2px; font-size: 38px; line-height: 1; font-weight: 300; } /* ====================================================== SEPARADOR ====================================================== */ .paqsa-mobile-menu__separator { width: 100%; height: 1px; margin: 36px 0 30px; background: rgba(255, 255, 255, 0.25); } /* ====================================================== LINKS INFERIORES ====================================================== */ .paqsa-mobile-menu__links { display: flex; flex-direction: column; gap: 23px; } .paqsa-mobile-menu__links a { color: rgba(255, 255, 255, 0.45); font-size: 18px; line-height: 1; font-weight: 700; text-decoration: none; } /* ====================================================== CABECERA DE SUBMENÚ ====================================================== */ .paqsa-mobile-menu__back { display: flex; align-items: center; gap: 13px; width: 100%; padding: 22px 25px; background: #087fc2; border: 0; color: #ffffff; font-family: inherit; text-align: left; cursor: pointer; } .paqsa-mobile-menu__back > span { position: relative; top: -2px; font-size: 40px; line-height: 20px; font-weight: 300; } .paqsa-mobile-menu__back strong { font-size: 24px; line-height: 1; font-weight: 700; } /* ====================================================== CONTENIDO BLANCO ====================================================== */ .paqsa-mobile-menu__content { min-height: calc(100% - 68px); padding: 20px 25px 35px; background: #ffffff; border-radius: 0 0 18px 0; } /* ====================================================== CATEGORÍAS ====================================================== */ .paqsa-mobile-category { width: 100%; margin-bottom: 8px; } .paqsa-mobile-category__header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 0; background: transparent; border: 0; color: #333333; font-family: inherit; cursor: pointer; } .paqsa-mobile-category__title { display: flex; align-items: center; gap: 12px; min-width: 0; text-align: left; } .paqsa-mobile-category__title img { flex: 0 0 auto; display: block; width: 48px; height: auto; object-fit: contain; } .paqsa-mobile-category__title strong { font-size: 19px; line-height: 1.15; font-weight: 700; } .paqsa-mobile-category__chevron { font-size: 35px; line-height: 1; transform: rotate(90deg); transition: transform 0.2s ease; } .paqsa-mobile-category.is-open .paqsa-mobile-category__chevron { transform: rotate(-90deg); } .paqsa-mobile-category__body { display: none; padding: 5px 0 15px 60px; } .paqsa-mobile-category.is-open .paqsa-mobile-category__body { display: flex; flex-direction: column; gap: 15px; } .paqsa-mobile-category__body a { color: #555555; font-size: 15px; line-height: 1.15; font-weight: 400; text-decoration: none; } /* ====================================================== PROYECTOS ====================================================== */ .paqsa-mobile-projects { display: flex; flex-direction: column; gap: 26px; padding-top: 40px; padding-bottom: 45px; } .paqsa-mobile-project { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: center; column-gap: 15px; color: #333333; font-size: 14px; line-height: 1.2; font-weight: 500; text-decoration: none; } .paqsa-mobile-project img { display: block; width: 20px; height: 20px; object-fit: contain; } /* ====================================================== MARCAS ====================================================== */ .paqsa-mobile-brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; column-gap: 40px; row-gap: 32px; padding: 25px 20px 35px; } .paqsa-mobile-brands a { display: flex; align-items: center; justify-content: center; min-width: 0; height: 55px; } .paqsa-mobile-brands img { display: block; width: auto; height: auto; max-width: 125px; max-height: 52px; object-fit: contain; } /* Bloquear scroll de página mientras está abierto */ body.paqsa-mobile-menu-open { overflow: hidden; } } @media (max-width: 767px) { .paqsa-header__mobile-toggle { position: relative; transition: background-color 0.2s ease, border-radius 0.2s ease; } .paqsa-header__mobile-toggle.is-open { width: 40px !important; height: 40px !important; align-items: center !important; background: #087fc2 !important; border-radius: 50% !important; } .paqsa-header__mobile-toggle.is-open span { position: absolute; width: 25px !important; height: 3px !important; margin: 0 !important; background: #ffffff !important; } .paqsa-header__mobile-toggle.is-open span:nth-child(1) { transform: rotate(45deg); } .paqsa-header__mobile-toggle.is-open span:nth-child(2) { opacity: 0; } .paqsa-header__mobile-toggle.is-open span:nth-child(3) { transform: rotate(-45deg); } } /* ========================================================== BOTÓN PRODUCTOS ========================================================== */ .paqsa-header__products { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 16px; background: transparent; border: 0; border-radius: 999px; color: #2d3133; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease, padding 0.25s ease; } /* ICONOS */ .paqsa-header__products-icon { display: block; width: 20px; height: 20px; object-fit: contain; } /* Cerrado = mostrar negro */ .paqsa-header__products-icon--closed { display: block; } .paqsa-header__products-icon--open { display: none; } /* ========================================================== MENÚ ABIERTO ========================================================== */ .paqsa-header__products[aria-expanded="true"] { padding: 0 20px; background: #087fc2; color: #ffffff; } /* Ocultar SVG negro */ .paqsa-header__products[aria-expanded="true"] .paqsa-header__products-icon--closed { display: none; } /* Mostrar SVG blanco */ .paqsa-header__products[aria-expanded="true"] .paqsa-header__products-icon--open { display: block; } /* ========================================================== ICONOS PRODUCTOS ========================================================== */ .paqsa-header__products-icon { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; } /* CERRADO */ .paqsa-header__products-icon--closed { display: block !important; } .paqsa-header__products-icon--open { display: none !important; } /* ABIERTO */ .paqsa-header__products[aria-expanded="true"] .paqsa-header__products-icon--closed { display: none !important; } .paqsa-header__products[aria-expanded="true"] .paqsa-header__products-icon--open { display: block !important; } /* ========================================== GOOGLE MAPS - OCULTAR CABECERA ========================================== */ .gm-style .gm-style-iw-c > .gm-style-iw-chr { display: none !important; } /* Ocultar específicamente el botón de cerrar */ .gm-style .gm-style-iw-chr .gm-ui-hover-effect { display: none !important; } /* Evitar espacio adicional arriba del contenido */ .gm-style .gm-style-iw-c { padding-top: 0 !important; } .elfsight-widget-google-maps { border-radius: 20px !important; overflow: hidden !important; } .elfsight-widget-google-maps iframe { border-radius: 18px !important; } /* ========================================== ELFSIGHT - DIRECCIÓN COMPLETA EN MÓVIL ========================================== */ @media (max-width: 767px) { .eapps-google-maps [class*="address"], .eapps-google-maps [class*="Address"] { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; width: auto !important; max-width: 100% !important; overflow-wrap: anywhere !important; line-height: 1.5 !important; } } .forminator-checkbox-label .link-privacidad { text-decoration: underline !important; text-underline-offset: 3px; color: inherit !important; cursor: pointer; } .gb-element-4e18ed81, .gb-element-012be0bc, .gb-text-f2ff24c5 { cursor: pointer; } /* Ocultar contenedor de avisos cuando esté vacío */ .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty { display: none !important; margin: 0 !important; padding: 0 !important; } @media (max-width: 767px) { body.page-id-674 .gb-element-b9317cef, body.page-id-674 .gb-element-2ed65329 { width: 100% !important; align-items: center !important; justify-content: center !important; text-align: center !important; } body.page-id-674 .gb-text-7b4567e1, body.page-id-674 .gb-text-9bf7c556, body.page-id-674 .gb-text-7078cf67 { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; align-self: center !important; } } @media (max-width: 767px) { body.page-id-632 .forminator-checkbox-label { display: inline-block !important; width: auto !important; max-width: 100% !important; white-space: normal !important; line-height: 1.4 !important; } } body.page-id-632 .forminator-checkbox-label .terminos-link { display: inline-block !important; white-space: nowrap !important; color: inherit !important; text-decoration: underline !important; text-underline-offset: 3px; cursor: pointer; } .paqsa-slider-imagen img, img.paqsa-slider-imagen { transition: opacity 0.25s ease; } /* CARRUSEL POLYCROM */ .paqsa-slider-imagen, .paqsa-slider-imagen img { width: 100%; aspect-ratio: 1426 / 992; object-fit: cover; display: block; border-radius: 30px; } /* CONTENEDOR DEL CARRUSEL */ figure.paqsa-slider-imagen { display: block; width: 100%; margin: 0 !important; padding: 0 !important; aspect-ratio: 1426 / 992; overflow: hidden; border-radius: 30px; } /* IMAGEN DEL CARRUSEL */ figure.paqsa-slider-imagen img { display: block; width: 100% !important; height: 100% !important; max-width: none; aspect-ratio: 1426 / 992; object-fit: cover; border-radius: 0; } /* Imagen del carrusel ligeramente más pequeña */ figure.paqsa-slider-imagen { width: 95% !important; margin: 0 auto !important; aspect-ratio: 1426 / 992; overflow: hidden; border-radius: 30px; } figure.paqsa-slider-imagen img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; } .paqsa-slider-siguiente, .paqsa-slider-anterior{ cursor:pointer; } .gb-element-9f8d9443 { position: relative; z-index: 10; } .paqsa-slider-anterior, .paqsa-slider-siguiente { position: relative; z-index: 11; cursor: pointer !important; pointer-events: auto !important; } /* Círculos del slider Polycrom */ .paqsa-slider-anterior, .paqsa-slider-siguiente { display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0 !important; cursor: pointer; } /* Flechas normales */ .paqsa-slider-anterior::before, .paqsa-slider-siguiente::before { content: "" !important; display: block !important; width: 16px !important; height: 16px !important; flex-shrink: 0; background: url("https://paqsa.hostiw2.com/wp/wp-content/uploads/2026/11/Vector.svg") center / contain no-repeat !important; -webkit-mask: none !important; mask: none !important; } /* Flechas al pasar el mouse */ .paqsa-slider-anterior:hover::before, .paqsa-slider-siguiente:hover::before { background-image: url("https://paqsa.hostiw2.com/wp/wp-content/uploads/2026/11/Vector-1.svg") !important; } /* Girar únicamente la flecha anterior */ .paqsa-slider-anterior::before { transform: rotate(180deg); } .in-stock{ display: none !important; }