/**
 * CSS ESPECÍFICO PARA FOOTERS
 * ===========================
 * 
 * Este archivo contiene reglas CSS específicas para cada footer,
 * respetando los colores dinámicos que vienen desde la configuración del menú.
 * 
 * Los colores dinámicos se aplican mediante generarEstilosFooter() en
 * mvd_funciones_botonera_pie.php y tienen prioridad sobre estas reglas.
 * 
 * ============================================
 * PROBLEMA DE ALINEACIÓN VERTICAL EN MÓDULOS
 * ============================================
 * 
 * PROBLEMA:
 * El template (style.css línea 12786-12788) aplica automáticamente:
 *   footer .pt-footer-center [class^=col-]:not(:first-child) {
 *     margin-top: 35px;
 *   }
 * 
 * Esto causa que las columnas de módulos (29, 30, 31, 33) no se alineen al top,
 * sino que tengan un margin-top de 35px, haciendo que se vean desalineadas.
 * 
 * SOLUCIÓN APLICADA:
 * 1. En el archivo PHP del footer (ej: footer_3.php), agregar un <style> inline
 *    antes del contenedor de módulos que sobrescriba el margin-top:
 * 
 *    <style>
 *    @media (min-width: 791px) {
 *      #pt-footer .pt-footer-center .pt-modulos-tres-columnas > .row > [class*="col-"] {
 *        margin-top: 0 !important;
 *        padding-top: 0 !important;
 *        align-self: flex-start !important;
 *      }
 *      #pt-footer .pt-footer-center .pt-modulos-tres-columnas > .row {
 *        align-items: flex-start !important;
 *      }
 *    }
 *    </style>
 * 
 * 2. En este archivo CSS (one-footer.css), agregar reglas específicas dentro del
 *    @media (min-width: 791px) que sobrescriban la regla del template:
 * 
 *    footer .pt-footer-center .pt-modulos-tres-columnas > .row > [class^="col-"]:not(:first-child),
 *    #pt-footer .pt-footer-center .pt-modulos-tres-columnas > .row > [class*="col-"] {
 *      margin-top: 0 !important;
 *      align-self: flex-start !important;
 *    }
 * 
 * NOTA IMPORTANTE:
 * - Para footer_1 (usa .pt-footer-col): Ya está corregido (líneas 258-278)
 * - Para footer_3 (usa .pt-footer-center): Ya está corregido (líneas 332-362)
 * - Para otros footers: Aplicar la misma solución según la clase que usen:
 *   * Si usan .pt-footer-col: Copiar estructura de footer_1
 *   * Si usan .pt-footer-center: Copiar estructura de footer_3
 *   * Si usan otra clase: Adaptar los selectores CSS según corresponda
 * 
 * ESTRUCTURA HTML REQUERIDA:
 * El contenedor de módulos debe tener la clase "pt-modulos-tres-columnas":
 * 
 *   <div class="pt-modulos-tres-columnas">
 *     <div class="row">
 *       <div class="col-12 col-md-3 text-center"> <!-- o text-left según footer -->
 *         <div class="pt-modulo-pie">
 *           <?php echo $texto_modulo; ?>
 *         </div>
 *       </div>
 *       <!-- más columnas... -->
 *     </div>
 *   </div>
 */

/* ============================================
   FOOTER 1 - Reglas específicas
   ============================================ */

/**
 * FIX: Problema de color gris después del hover en enlaces del footer
 * ===================================================================
 * 
 * PROBLEMA:
 * Cuando un enlace es visitado, el navegador aplica un color gris por defecto al estado :visited.
 * Si no se define explícitamente :link y :visited, después del hover el enlace queda en gris
 * en lugar de volver al color original (ej: rojo -> azul en hover -> gris después, en lugar de rojo).
 * 
 * SOLUCIÓN:
 * Definir explícitamente los estados :link y :visited con el color original para que después
 * del hover vuelvan al color correcto y no queden en gris.
 * 
 * NOTA:
 * Los colores dinámicos generados por generarEstilosFooter() en mvd_funciones_botonera_pie.php
 * tienen prioridad con !important y sobrescriben estos estilos estáticos.
 * 
 * FLUJO CORRECTO:
 * - Color original (ej: rojo): :link y :visited con color_texto_subcategorias
 * - Hover (ej: azul): :hover con color_hover_subcategorias
 * - Después del hover: vuelve al color original porque :link y :visited están definidos
 */
#pt-footer .pt-list li a {
	transition: color 0.2s;
}

/* Asegurar que :link y :visited usen el color original (será sobrescrito por estilos dinámicos si existen) */
#pt-footer .pt-list li a:link,
#pt-footer .pt-list li a:visited {
	color: #777777;
}

#pt-footer .pt-list li a:hover {
	color: #48CAB2;
}

#pt-footer .pt-list li a:active {
	color: #48CAB2;
}

/* Padding top y bottom para footer_1 */
#pt-footer {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

/* Asegurar que las columnas de módulos tengan la misma altura y margin */
/* NOTA: Reglas específicas por footer más abajo - NO usar regla general aquí */

/* Alinear imagen de métodos de pago a la izquierda en el footer */
#pt-footer .container .row .pt-col-payment .pt-payment-list {
	text-align: left !important;
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important;
	width: 100% !important;
}

#pt-footer .container .row .pt-col-payment .pt-payment-list img {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
}

/* Alinear contenedor de métodos de pago a la izquierda */
#pt-footer .container .row .pt-col-payment {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

/* Aumentar márgenes del contenedor del logo */
#pt-footer .col-12 > .row > .col-auto:first-child {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/* Aumentar márgenes del contenedor del logo - selector alternativo */
#pt-footer .pt-footer-col .col-12 > .row > .col-auto:first-child {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/* Asegurar que el contenedor de métodos de pago ocupe todo el ancho disponible */
#pt-footer .container .row .pt-col-payment .pt-payment-list {
	width: 100% !important;
}

/* Alinear copyright a la derecha */
#pt-footer .container .row .pt-col-copyright {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	text-align: right !important;
}

#pt-footer .container .row .pt-col-copyright .pt-box-copyright {
	text-align: right !important;
}

#pt-footer .pt-modulos-tres-columnas > .row {
	display: flex !important;
	flex-wrap: wrap;
	align-items: flex-start !important; /* Pegados al top */
}

#pt-footer .pt-modulos-tres-columnas > .row > [class*="col-"] {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start; /* Contenido al inicio */
}

#pt-footer .pt-modulos-tres-columnas .pt-modulo-pie {
	display: block !important;
	width: 100%;
}

/* Estilos para móvil - centrar métodos de pago y copyright */
@media (max-width: 790px) {
	/* Centrar métodos de pago en móvil */
	#pt-footer .container .row .pt-col-payment {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		padding-top: 20px !important;
	}
	
	#pt-footer .container .row .pt-col-payment .pt-payment-list {
		text-align: center !important;
		justify-content: center !important;
	}
	
	
	/* Centrar copyright en móvil */
	#pt-footer .container .row .pt-col-copyright {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		padding-top: 20px !important;
	}
	
	#pt-footer .container .row .pt-col-copyright .pt-box-copyright {
		text-align: center !important;
	}
	
	/* Padding top para columnas de módulos 29, 30, 31, 33 en móvil */
	#pt-footer .pt-modulos-tres-columnas-footer-1 > .row > [class*="col-"] {
		padding-top: 15px !important;
	}
	
	/* 
	 * Contenedor de redes sociales en móvil
	 * - Quitar margin-top para evitar espacios no deseados
	 * - Agregar padding-top de 6px para separación visual
	 */
	#pt-footer .col-12 > .row > .col-auto:last-child {
		margin-top: 0 !important;
		padding-top: 6px !important;
	}
	
	/* Selector alternativo para contenedor de redes sociales en móvil */
	#pt-footer .pt-footer-col .col-12 > .row > .col-auto:last-child {
		margin-top: 0 !important;
		padding-top: 6px !important;
	}
	
	/* Padding-top de 6px para el div pt-social-box en móvil */
	#pt-footer .pt-social-box {
		margin-top: 0 !important;
		padding-top: 6px !important;
	}
}

@media (min-width: 791px) {
	/* Mantener padding top y bottom de 40px */
	#pt-footer {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	
	#pt-footer .pt-footer-col {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	#pt-footer .pt-footer-col .container {
		padding-top: 0 !important;
	}
	
	#pt-footer .pt-footer-col .container > .row {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	/* Reglas de altura/margin para footer_1 */
	#pt-footer .pt-footer-col .container > .row > .col-12:first-child {
		margin-top: 0 !important;
		padding-top: 0 !important;
		min-height: 0 !important;
		height: auto !important;
	}
	
	#pt-footer .pt-footer-col .container > .row > .col-12:first-child > .row {
		margin-top: 0 !important;
		padding-top: 0 !important;
		min-height: 0 !important;
		height: auto !important;
	}
	
	#pt-footer .pt-footer-col .col-12:first-child .col-auto {
		min-height: 0 !important;
		height: auto !important;
	}
	
	/* Eliminar altura de imágenes en footer_1 */
	#pt-footer .pt-footer-col .col-12:first-child img {
		height: auto !important;
		max-height: none !important;
		min-height: 0 !important;
		display: inline-block;
	}
	
	/* Asegurar margin en módulos dentro del media query */
	#pt-footer .pt-modulos-tres-columnas-footer-1 {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	/* Asegurar alineación al top en desktop y eliminar padding de Bootstrap */
	#pt-footer .pt-modulos-tres-columnas-footer-1 > .row {
		align-items: flex-start !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	/* Eliminar padding de Bootstrap en las columnas de módulos */
	#pt-footer .pt-modulos-tres-columnas-footer-1 > .row > [class*="col-"] {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	/* Asegurar que el contenido esté pegado al top */
	#pt-footer .pt-modulos-tres-columnas-footer-1 .pt-modulo-pie {
		margin-top: 0 !important;
		padding-top: 0 !important;
		line-height: 1.2;
	}
	
}

/* ============================================
   FOOTER 2 - Reglas específicas
   ============================================ */

/* Se agregarán reglas específicas cuando se necesiten */

/* ============================================
   FOOTER 3 - Reglas específicas
   ============================================ */

/* Asegurar que las columnas de módulos tengan la misma altura y margin */
/* Footer 3: Margin top de 15px debajo del logo */
#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 {
	margin-top: 15px !important;
	margin-bottom: 20px !important;
}

/* Asegurar alineación al top en desktop y eliminar padding de Bootstrap */
#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 > .row {
	display: flex !important;
	flex-wrap: wrap;
	align-items: flex-start !important; /* Pegados al top */
}

#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 > .row > [class*="col-"] {
	display: flex !important;
	flex-direction: column;
	align-items: center; /* Centrado horizontal para footer_3 */
	justify-content: flex-start; /* Contenido al inicio */
}

#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 .pt-modulo-pie {
	display: block !important;
	width: 100%;
}

@media (max-width: 790px) {
	/* Padding top para columnas de módulos 29, 30, 31, 33 en móvil */
	#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 > .row > [class*="col-"] {
		padding-top: 15px !important;
	}
	
	/* Footer 3 - Estilos para móvil */
	/* Centrar título del newsletter */
	#pt-footer .pt-footer-center .pt-wrapper-center .pt-footer-title {
		text-align: center !important;
	}
	
	/* Centrar texto debajo del newsletter */
	#pt-footer .pt-footer-center .newsletterform-01 p {
		text-align: center !important;
	}
	
	/* Margin top de 30px para la imagen de métodos de pago y centrarla */
	#pt-footer .pt-footer-custom .pt-payment-list-footer-3 {
		margin-top: 30px !important;
		text-align: center !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}
	
	/* Centrar la imagen dentro del contenedor de pagos */
	#pt-footer .pt-footer-custom .pt-payment-list-footer-3 img {
		margin: 0 auto !important;
		display: block !important;
	}
	
	/* Centrar copyright */
	#pt-footer .pt-footer-custom .pt-box-copyright-footer-3 {
		text-align: center !important;
	}
	
	/* Centrar redes sociales */
	#pt-footer .pt-footer-center .pt-redes-sociales-footer-3 {
		text-align: center !important;
	}
	
	#pt-footer .pt-footer-center .pt-redes-sociales-footer-3 .pt-wrapper-center {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}
	
	#pt-footer .pt-footer-center .pt-redes-sociales-footer-3 .pt-social-box {
		text-align: center !important;
	}
	
	#pt-footer .pt-footer-center .pt-redes-sociales-footer-3 .pt-social-box-title {
		text-align: center !important;
	}
	
	#pt-footer .pt-footer-center .pt-redes-sociales-footer-3 .pt-social-box-icon {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}
}

@media (min-width: 791px) {
	/* Asegurar margin en módulos dentro del media query - Footer 3 */
	#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 {
		margin-top: 15px !important;
		margin-bottom: 20px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	/* Asegurar alineación al top en desktop y eliminar padding de Bootstrap */
	#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 > .row {
		align-items: flex-start !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	/* Eliminar padding de Bootstrap en las columnas de módulos - Sobrescribir regla del template */
	footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 > .row > [class^="col-"]:not(:first-child),
	#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 > .row > [class*="col-"] {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important; /* Sobrescribir margin-top: 35px del template (línea 12786-12788 de style.css) */
		margin-bottom: 0 !important;
		align-self: flex-start !important;
	}
	
	/* Asegurar que el contenido esté pegado al top */
	#pt-footer .pt-footer-center .pt-modulos-tres-columnas-footer-3 .pt-modulo-pie {
		margin-top: 0 !important;
		padding-top: 0 !important;
		line-height: 1.2;
	}
}

/* ============================================
   FOOTER 4 - Reglas específicas
   ============================================ */

/* Se agregarán reglas específicas cuando se necesiten */

/* ============================================
   FOOTER 5 - Reglas específicas
   ============================================ */

/* Quitar subrayado debajo de los títulos de las columnas */
#pt-footer .pt-footer-col .pt-footer-title:after,
#pt-footer .pt-footer-col .pt-footer-title:before,
#pt-footer .pt-footer-col .pt-footer-title {
	border-bottom: none !important;
	text-decoration: none !important;
}

#pt-footer .pt-footer-col .pt-footer-title:after {
	content: none !important;
	display: none !important;
}

/* ============================================
   FOOTER 6 - Reglas específicas
   ============================================ */

/* Margin top para imagen de pagos en desktop (footer_6) - Separar redes sociales de imagen de pagos */
@media (min-width: 992px) {
	/* Selector específico para footer_6 - segunda fila, primera columna - PC: 30px */
	footer#pt-footer.pt-offset-10 .pt-footer-col .container > .row:nth-child(2) > .col-md-6.col-lg-4:first-child .pt-payment-list {
		margin-top: 30px !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		display: block !important;
	}
}

/* Ajustes para móvil en footer_6 - Subir redes sociales y bajar logo */
@media (max-width: 991px) {
	/* Subir redes sociales (primera columna de la segunda fila) - bajadas 30px más */
	footer#pt-footer.pt-offset-10 .pt-footer-col .container > .row:nth-child(2) .col-md-6.col-lg-4 {
		margin-top: -20px !important;
	}
	
	/* Imagen de pagos en móvil - 40px */
	footer#pt-footer.pt-offset-10 .pt-footer-col .container > .row:nth-child(2) > .col-md-6.col-lg-4:first-child .pt-payment-list {
		margin-top: 40px !important;
	}
	
	/* Bajar logo (segunda columna de la segunda fila) */
	footer#pt-footer.pt-offset-10 .pt-footer-col .container > .row:nth-child(2) .col-md-6.col-lg-8 {
		margin-top: 40px !important;
	}
}

/* ============================================
   TÍTULO DE NEWSLETTER - ELIMINAR HOVER COMPLETAMENTE
   IMPORTANTE: NO ES UN LINK, NO DEBE TENER HOVER
   ============================================ */

/* ELIMINAR TODAS LAS TRANSICIONES Y EFECTOS HOVER - MÁXIMA ESPECIFICIDAD */
footer#pt-footer .pt-newsletterform-row .pt-footer-title,
footer#pt-footer .pt-newsletterform-row h4.pt-footer-title,
footer .pt-newsletterform-row .pt-footer-title,
footer .pt-newsletterform-row h4.pt-footer-title,
footer#pt-footer .pt-footer-col .pt-newsletterform-row .pt-footer-title,
footer#pt-footer .pt-footer-col .pt-newsletterform-row h4.pt-footer-title,
footer .pt-footer-col .pt-newsletterform-row .pt-footer-title,
footer .pt-footer-col .pt-newsletterform-row h4.pt-footer-title {
	cursor: default !important;
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	pointer-events: auto !important;
	user-select: text !important;
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
}

/* FORZAR QUE NO HAYA NINGÚN CAMBIO EN HOVER - SOBRESCRIBIR TODAS LAS REGLAS */
footer#pt-footer .pt-newsletterform-row .pt-footer-title:hover,
footer#pt-footer .pt-newsletterform-row h4.pt-footer-title:hover,
footer .pt-newsletterform-row .pt-footer-title:hover,
footer .pt-newsletterform-row h4.pt-footer-title:hover,
footer#pt-footer .pt-footer-col .pt-newsletterform-row .pt-footer-title:hover,
footer#pt-footer .pt-footer-col .pt-newsletterform-row h4.pt-footer-title:hover,
footer .pt-footer-col .pt-newsletterform-row .pt-footer-title:hover,
footer .pt-footer-col .pt-newsletterform-row h4.pt-footer-title:hover,
footer#pt-footer .pt-newsletterform-row .pt-footer-title:active,
footer#pt-footer .pt-newsletterform-row h4.pt-footer-title:active,
footer .pt-newsletterform-row .pt-footer-title:active,
footer .pt-newsletterform-row h4.pt-footer-title:active,
footer#pt-footer .pt-newsletterform-row .pt-footer-title:focus,
footer#pt-footer .pt-newsletterform-row h4.pt-footer-title:focus,
footer .pt-newsletterform-row .pt-footer-title:focus,
footer .pt-newsletterform-row h4.pt-footer-title:focus {
	color: inherit !important;
	text-decoration: none !important;
	cursor: default !important;
	background-color: transparent !important;
	background: transparent !important;
	border: none !important;
	border-color: transparent !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	box-shadow: none !important;
	outline: none !important;
	text-shadow: none !important;
	filter: none !important;
	-webkit-filter: none !important;
}

/* ============================================
   FOOTER 7 - Reglas específicas
   ============================================ */

/* En móvil, mostrar copyright debajo de todo - Específico para footer_7 */
@media (max-width: 991px) {
	/* Selector específico usando clase footer-7 */
	footer#pt-footer.footer-7 .pt-footer-custom .container .row {
		display: flex !important;
		flex-direction: column !important;
	}
	
	/* Contenedor de imágenes: usar flexbox para cambiar orden */
	footer#pt-footer.footer-7 .pt-footer-custom .container .row > .col-12:first-child .row {
		display: flex !important;
		flex-direction: column !important;
	}
	
	/* Logo (imagen_2) primero en móvil */
	footer#pt-footer.footer-7 .pt-footer-custom .container .row > .col-12:first-child .row > .col-12:last-child {
		order: 1 !important;
	}
	
	/* Imagen de pagos (imagen_13) después del logo en móvil */
	footer#pt-footer.footer-7 .pt-footer-custom .container .row > .col-12:first-child .row > .col-12:first-child {
		order: 2 !important;
		margin-top: 40px !important;
	}
	
	/* Copyright al final en móvil */
	footer#pt-footer.footer-7 .pt-footer-custom .container .row > .col-12:last-child {
		order: 999 !important;
		margin-top: 20px !important;
	}
	
	/* Contenedor de imágenes antes del copyright */
	footer#pt-footer.footer-7 .pt-footer-custom .container .row > .col-12:first-child {
		order: 1 !important;
	}
}

/* ============================================
   FOOTER 6 - Reglas específicas
   ============================================ */

/* Se agregarán reglas específicas cuando se necesiten */

/* ============================================
   FOOTER 8 - Reglas específicas
   ============================================ */

/* Margin-top para copyright en versión PC */
@media (min-width: 992px) {
	footer#pt-footer.pt-offset-10 .pt-footer-custom .pt-box-copyright {
		margin-top: 40px !important;
	}
}

/* En móvil, mostrar copyright debajo de todo - Específico para footer_8 */
@media (max-width: 991px) {
	/* Selector específico usando clase footer-8 */
	footer#pt-footer.footer-8 .pt-footer-custom .container .row {
		display: flex !important;
		flex-direction: column !important;
	}
	
	/* Copyright al final en móvil */
	footer#pt-footer.footer-8 .pt-footer-custom .container .row > .col-12:last-child {
		order: 999 !important;
		margin-top: 20px !important;
	}
	
	/* Imágenes antes del copyright */
	footer#pt-footer.footer-8 .pt-footer-custom .container .row > .col-12:first-child {
		order: 1 !important;
	}
	
	/* Margin-top para imagen de pagos en móvil - Regla súper específica para sobrescribir inline style */
	footer#pt-footer.footer-8 .pt-footer-custom .container .row > .col-12:first-child .row .col-12 .pt-payment-list,
	footer#pt-footer.footer-8 .pt-footer-custom .container .row > .col-12:first-child .row [class*="col-"] .pt-payment-list,
	footer#pt-footer.footer-8 .pt-footer-custom .container .row .col-12 .row .pt-payment-list,
	footer#pt-footer.footer-8 .pt-footer-custom .container .row .col-12 .pt-payment-list,
	footer#pt-footer.footer-8 .pt-footer-custom .pt-payment-list {
		margin-top: 20px !important;
		margin-left: 0 !important;
	}
}

/* ============================================
   ESTILOS GLOBALES PARA TODOS LOS FOOTERS
   ============================================ */

/**
 * Estilos para el enlace "Powered by MVDPanel"
 * ============================================
 * 
 * - Color: hereda el color del texto del copyright (sin hover)
 * - Tamaño de fuente: 11px
 * - Sin efectos de hover (mantiene el mismo color)
 * - Se aplica a todos los footers
 */
#pt-footer .pt-box-copyright a[href*="mvdpanel"],
#pt-footer .pt-box-copyright a[href="mvdpanel.uy"],
#pt-footer .pt-footer-custom .pt-box-copyright a[href*="mvdpanel"],
#pt-footer .pt-footer-custom .pt-box-copyright a[href="mvdpanel.uy"] {
	font-size: 11px !important;
	color: inherit !important;
	text-decoration: none !important;
}

#pt-footer .pt-box-copyright a[href*="mvdpanel"]:hover,
#pt-footer .pt-box-copyright a[href="mvdpanel.uy"]:hover,
#pt-footer .pt-footer-custom .pt-box-copyright a[href*="mvdpanel"]:hover,
#pt-footer .pt-footer-custom .pt-box-copyright a[href="mvdpanel.uy"]:hover {
	color: inherit !important;
	text-decoration: none !important;
}

#pt-footer .pt-box-copyright a[href*="mvdpanel"]:before,
#pt-footer .pt-box-copyright a[href="mvdpanel.uy"]:before,
#pt-footer .pt-footer-custom .pt-box-copyright a[href*="mvdpanel"]:before,
#pt-footer .pt-footer-custom .pt-box-copyright a[href="mvdpanel.uy"]:before {
	display: none !important;
}

/* =================================================== */
/* FOOTER 5 - MÓDULOS 30, 31, 33 */
/* =================================================== */
#pt-footer .pt-modulo-pie-footer-5 {
	margin-bottom: 20px !important;
}

/* =================================================== */
/* FOOTER 5 - COPYRIGHT Y MÉTODOS DE PAGO */
/* =================================================== */
#pt-footer .pt-footer-custom {
	margin-top: 30px !important;
}

/* =================================================== */
/* FOOTER 5 - VERSIÓN MÓVIL */
/* =================================================== */
@media (max-width: 790px) {
	/* Alinear redes sociales a la izquierda con margin-top */
	#pt-footer .pt-footer-col .pt-social-box {
		text-align: left !important;
		margin-top: 20px !important;
	}
	
	#pt-footer .pt-footer-col .pt-social-box-icon {
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
	}
	
	/* Invertir orden: pagos primero, copyright después */
	#pt-footer .pt-footer-custom .row {
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	
	/* Separar copyright y pagos */
	#pt-footer .pt-footer-custom .pt-box-copyright {
		margin-top: 20px !important;
	}
	
	#pt-footer .pt-footer-custom .pt-payment-list {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	
	/* Copyright al final con margin-top */
	#pt-footer .pt-footer-custom {
		margin-top: 20px !important;
	}
}