/* =====================================================
   TEMA 26: ADAPTACIÓN A MÓVILES (MEDIAQUERIES)
   ===================================================== */

/* Mobile (<576px) */
@media only screen and (max-width: 575px) {
  :root{--sp-md:1.2rem;--sp-lg:1.8rem;--sp-xl:2.5rem;--sp-2xl:3.5rem;}
  .main-header{flex-direction:column;text-align:center;gap:0.5rem;padding:0.85rem 1.25rem;}
  .header-brand{flex-direction:column;gap:0.4rem;}
  .header-tagline{display:none;}
  nav{flex-wrap:wrap;justify-content:center;}
  nav a{font-size:0.72rem;padding:0.7rem 0.9rem;}
  .hero-inner{flex-direction:column;gap:var(--sp-lg);}
  .hero-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;}
  .stat-card{min-width:130px;padding:var(--sp-sm);}
  .stat-card .num{font-size:2rem;}
  .features-grid{grid-template-columns:1fr;}
  .columns-intro{column-count:1;}
  .media-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .form-layout{grid-template-columns:1fr;gap:var(--sp-lg);}
  .form-row{grid-template-columns:1fr;}
  .form-actions{flex-direction:column;}
  .btn-primary,.btn-secondary{width:100%;text-align:center;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-md);}
  .footer-brand{grid-column:1/-1;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .parallax-strip{background-attachment:scroll;}
}

/* Tablet portrait (576–767px) */
@media only screen and (min-width:576px) and (max-width:767px) {
  .hero-inner{flex-direction:column;gap:var(--sp-lg);}
  .hero-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;}
  .features-grid{grid-template-columns:repeat(2,1fr);}
  .columns-intro{column-count:2;}
  .media-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .form-layout{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-md);}
  .footer-brand{grid-column:1/-1;}
  .parallax-strip{background-attachment:scroll;}
}

/* Tablet landscape (768–991px) */
@media only screen and (min-width:768px) and (max-width:991px) {
  .hero-inner{flex-direction:column;gap:var(--sp-lg);}
  .hero-stats{flex-direction:row;}
  .features-grid{grid-template-columns:repeat(2,1fr);}
  .columns-intro{column-count:2;}
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .footer-brand{grid-column:1/-1;}
}

/* Desktop (992–1199px) */
@media only screen and (min-width:992px) and (max-width:1199px) {
  .features-grid{grid-template-columns:repeat(3,1fr);}
  .media-grid{grid-template-columns:1fr 1fr;}
}

/* Large (≥1200px) */
@media only screen and (min-width:1200px) {
  .features-grid{grid-template-columns:repeat(4,1fr);}
}

/* Dark mode */
@media (prefers-color-scheme:dark) {
  :root{
    --white:#1a1a1a;--gray-100:#242424;--gray-200:#333;--gray-300:#4a4a4a;
    --gray-400:#6a6a6a;--gray-500:#888;--gray-600:#aaa;--gray-700:#ccc;
    --gray-800:#ddd;--gray-900:#eee;--black:#f0f0f0;
    --border-cartoon:3px solid #f0f0f0;--border-thick:4px solid #f0f0f0;
    --shadow-cartoon:5px 5px 0 #f0f0f0;--shadow-hover:8px 8px 0 #f0f0f0;--shadow-pressed:2px 2px 0 #f0f0f0;
  }
  input[type="text"],input[type="email"],input[type="tel"],input[type="date"],input[type="time"],
  input[type="url"],input[type="number"],input[type="file"],textarea,select{background:#2a2a2a;color:#f0f0f0;border-color:#555;}
  fieldset{background:#222;}
  article.card{background:#1e1e1e;}
  .contact-form{background:#1a1a1a;}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;}
  .ticker-inner,.waveform span{animation:none;}
}

/* Print */
@media print {
  nav,.contact-form-section,.multimedia-section,.ticker,.cta-strip,.parallax-strip{display:none!important;}
  .main-header{box-shadow:none;border-bottom:2px solid #000;}
  article.card{box-shadow:none;break-inside:avoid;}
  .hero-section{background:none!important;color:#000!important;}
  footer{background:none;color:#000;}
}

/* Landscape mobile */
@media (orientation:landscape) and (max-height:500px) {
  .hero-section{padding:var(--sp-md) 0;}
  .main-header{padding:0.5rem clamp(1rem,5vw,2rem);}
  nav a{padding:0.5rem 1rem;}
}

/* High DPI */
@media only screen and (-webkit-min-device-pixel-ratio:2),
       only screen and (min-resolution:192dpi) {
  .logo{image-rendering:-webkit-optimize-contrast;}
}

/* =====================================================
   TEMA 26: Media queries para temas 24, 25 y 27 nuevos
   ===================================================== */
@media only screen and (max-width: 767px) {
  .svg-grid { grid-template-columns: 1fr; }
  .editable-grid { grid-template-columns: 1fr; }
  #grafico-canvas { height: 220px; }
  .canvas-controls { flex-wrap: wrap; gap: 8px; }
}