/*
Theme Name: UN MILLÓN DE ANUNCIOS Theme
Theme URI: https://multiserviciosvero.com
Author: UN MILLÓN DE ANUNCIOS
Author URI: https://multiserviciosvero.com
Description: Tema WordPress nativo estable para UN MILLÓN DE ANUNCIOS con marketplace, anuncios, búsqueda, perfiles, servicios internos y publicación frontend.
Version: 7.15.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: multiservicios-vero
Tags: marketplace, classifieds, responsive, custom-logo, custom-menu, featured-images, translation-ready
*/

:root {
  --mv-background: hsl(140 20% 98%);
  --mv-foreground: hsl(150 30% 10%);
  --mv-card: hsl(0 0% 100%);
  --mv-card-foreground: hsl(150 30% 10%);
  --mv-primary: hsl(145 63% 32%);
  --mv-primary-foreground: hsl(0 0% 100%);
  --mv-primary-glow: hsl(145 63% 22%);
  --mv-secondary: hsl(140 15% 94%);
  --mv-secondary-foreground: hsl(150 30% 15%);
  --mv-muted: hsl(140 10% 94%);
  --mv-muted-foreground: hsl(150 10% 45%);
  --mv-accent: hsl(330 65% 45%);
  --mv-accent-foreground: hsl(0 0% 100%);
  --mv-border: hsl(140 15% 88%);
  --mv-danger: hsl(0 84% 60%);
  --mv-radius: 0.75rem;
  --mv-radius-lg: 1.25rem;
  --mv-shadow-soft: 0 4px 20px -4px hsl(145 63% 32% / 0.12);
  --mv-shadow-card: 0 2px 12px -2px hsl(150 30% 10% / 0.08);
  --mv-shadow-hover: 0 8px 30px -6px hsl(145 63% 32% / 0.2);
  --mv-gradient-primary: linear-gradient(135deg, hsl(145 63% 32%), hsl(145 63% 22%));
  --mv-gradient-hero: linear-gradient(135deg, hsl(145 63% 32%), hsl(160 50% 28%), hsl(145 63% 22%));
  --mv-gradient-accent: linear-gradient(135deg, hsl(330 65% 45%), hsl(340 70% 50%));
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto;
}

body {
  margin: 0;
  background: var(--mv-background);
  color: var(--mv-foreground);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--mv-primary);
  text-decoration: none;
  transition: color .2s ease;
}

a:hover {
  color: hsl(145 63% 26%);
}

button,
input,
select,
textarea {
  font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 .75rem;
  font-family: 'Poppins', sans-serif;
  line-height: 1.15;
}

p {
  margin: 0 0 1rem;
}

.mv-fade-in,
.mv-slide-up {
  animation: none !important;
}

@keyframes mv-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mv-slide-up {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* v7.11.0 — estabilidad crítica: grid e imágenes sin loaders ni content-visibility agresivo */
body .mv-listings-grid,
body .mv-listing-grid,
body .mv-search-results-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

body .mv-listings-grid > .mv-card,
body .mv-search-results-grid > .mv-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
}

body .mv-card-media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  min-height: 0 !important;
  background: hsl(140 15% 94%) !important;
  overflow: hidden !important;
}

body .mv-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .mv-card-media--logo img,
body .mv-card--logo-fallback .mv-card-media img {
  object-fit: contain !important;
  padding: 18px !important;
}

body main,
body .mv-main,
body .site-main,
body .site-content,
body .mv-listings-grid,
body .mv-listings-grid > *,
body .mv-card,
body .mv-section,
body article,
body section,
body img,
body video {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

body .mv-page-loader,
body .mv-fullscreen-spinner,
body .mv-loading-overlay,
body .mv-preloader,
body .mv-page-transition,
body .mv-route-overlay,
body .mv-logo-overlay,
body .mv-brand-splash,
body .lovable-splash {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 1200px) {
  body .mv-listings-grid,
  body .mv-listing-grid,
  body .mv-search-results-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body .mv-listings-grid,
  body .mv-listing-grid,
  body .mv-search-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 560px) {
  body .mv-listings-grid,
  body .mv-listing-grid,
  body .mv-search-results-grid {
    grid-template-columns: 1fr !important;
  }
}
