/*
Theme Name: VPNLATAM Base Child
Theme URI: https://gitlab.com/aramendi2006/vpnlatam
Author: VPNLATAM Team
Description: Tema hijo para programar sobre la base personalizada de VPNLATAM.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.1
Template: vpnlatam-base
Text Domain: vpnlatam-base-child
*/

.site-template-page {
  display: grid;
  gap: var(--spacing-xl);
}

.site-template-page__hero h1 {
  margin: 0 0 var(--spacing-md);
  font-size: var(--font-size-h1-compact);
  line-height: var(--line-height-heading);
}

.site-template-page__hero p {
  max-width: 72ch;
  color: var(--text-2);
}

.site-template-page__section h2,
.site-template-page__post-card h2 {
  margin-top: 0;
}

.site-template-page__section ul {
  margin: 0;
  padding-left: 18px;
  color: var(--text-2);
}

.site-template-page__posts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-md);
}

.site-template-page__post-card p {
  color: var(--text-2);
}

.site-template-page__post-card .btn-secondary {
  margin-top: var(--spacing-sm);
}

@media (max-width: 900px) {
  .site-template-page__posts-grid {
    grid-template-columns: 1fr;
  }
}

.comparison-page > section:not(.comparison-page__hero) {
  content-visibility: auto;
  contain-intrinsic-size: 1px 800px;
}

.contact-page form input,
.contact-page form textarea {
  width: 100%;
  max-width: 640px;
}

.contact-page form [role="alert"] {
  color: var(--danger);
  font-weight: 600;
}