/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 11 2026 | 17:29:19 */
/* ============================================================
   FIXES RESPONSIVE MÓVIL — via Simple Custom CSS and JS
html { overflow-x: hidden; } - comentado 11/08
   ============================================================ */



@media (max-width: 768px) {
  .btn { white-space: normal; word-break: break-word; }
  .seo-table tbody td:last-child { white-space: normal; width: auto; }
  .seo-table { table-layout: fixed; }
  .container, .container-wide { padding: 0 20px; }
  .section, .section-lg { padding: 64px 0; }
  .hide-mobile { display: none !important; }
  .seo-trustline { gap: 14px 20px; font-size: 13px; }
  .tldr-card { padding: 24px 22px; }
  .seo-table { font-size: 14px; }
  .seo-table thead th,
  .seo-table tbody th,
  .seo-table tbody td { padding: 14px 14px; }
  .seo-table tbody th { width: auto; }
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 900px) {
  .two-col { grid-template-columns: 1fr !important; gap: 32px !important; }
  .two-col-cards { grid-template-columns: 1fr !important; gap: 20px !important; }
  .three-col { grid-template-columns: 1fr !important; gap: 24px !important; }
  .four-col { grid-template-columns: repeat(2, 1fr) !important; }
  .why-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  .hero-grid > div:last-child { display: none; }
  .prueba-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .aula-grid { grid-template-columns: 1fr !important; }
  .blog-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .compare-row { grid-template-columns: 1fr !important; font-size: 14px; }
  .compare-row > div {
    border-right: none !important;
    border-bottom: 1px solid var(--rule);
    padding: 12px 16px;
  }
  .timeline-row { grid-template-columns: auto 28px 1fr !important; gap: 12px; }
  .timeline-month > div { font-size: 18px !important; white-space: nowrap; }
  .featured-article { grid-template-columns: 1fr !important; gap: 24px; }
  .recurso-hero { grid-template-columns: 1fr; padding: 32px; }
  .recurso-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .prepa-row { grid-template-columns: 1fr !important; }
  .tldr-meta { grid-template-columns: repeat(2, 1fr); }
  .author-block { grid-template-columns: 1fr; text-align: center; }
  .author-avatars { justify-content: center; }
}

@media (max-width: 600px) {
  .why-grid { grid-template-columns: 1fr !important; }
  .four-col { grid-template-columns: 1fr !important; }
  .recurso-grid { grid-template-columns: 1fr !important; }
  .hero-grid > div:last-child { display: none; }
}