/*
Theme Name: New Paper
Theme URI: http://underscores.me/
Author: Themezinho
Author URI: http://themeforest.net/user/themezinho
Description: New paper theme will fit all kind of digital purposes. Also amazing css animations makes item more attractive and unique for all types of magazine site, News site, Blog site
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: new-paper
Tags:one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,editor-style,featured-images,post-formats,theme-options
*/
body {
  font-family: 'Inter', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700;
}

button, .btn {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
/* ===== Móvil: tipografía global más compacta ===== */
@media (max-width: 768px) {
  html, body { font-size: 15px !important; line-height: 1.5 !important; }

  /* Forzar dentro de WPBakery */
  .wpb_text_column, .wpb_text_column p, .wpb_content_element, .wpb_wrapper p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  /* Encabezados */
  h1, .wpb_wrapper h1 { font-size: 22px !important; line-height: 1.25 !important; }
  h2, .wpb_wrapper h2 { font-size: 19px !important; line-height: 1.3 !important; }

  /* Listas si las hubiera */
  .wpb_wrapper li { font-size: 15px !important; line-height: 1.6 !important; }
}

/* ===== Contacto estilo OpenAI: limpio, jerárquico y responsive ===== */
.contact-section { padding: 32px 0 48px; background:#fff; }
.contact-container { width:min(960px, 92vw); margin:0 auto; }

/* Encabezado y CTA */
.contact-head { text-align:center; margin-bottom:28px; }
.contact-head h1 {
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}
.contact-lead {
  font-size: clamp(16px, 2.1vw, 18px);
  color:#444;
  margin: 0 auto 16px;
  max-width: 680px;
}
.contact-cta {
  display:inline-block;
  padding: 12px 16px;
  border-radius: 10px;
  background:#ff6a00; /* naranja TME */
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
  transition: opacity .2s ease;
}
.contact-cta:hover { opacity:.9; }
.contact-cta--alt { background:#111; margin-left:8px; }

/* Grid info + mapa */
.contact-grid {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:28px;
  align-items:start;
}
.contact-info h2 {
  font-size: clamp(18px, 2.4vw, 22px);
  margin:0 0 8px;
  font-weight:700;
}
.contact-address {
  font-style: normal;
  color:#333;
  line-height:1.55;
  font-size: 16px;
  margin:0;
}

/* Mapa con aspecto fijo y lazy */
.contact-map .map-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;            /* moderno */
  background:#f3f3f3;
  border-radius: 12px;
  overflow: hidden;
}
.contact-map .map-embed iframe {
  position:absolute; inset:0;
  width:100%; height:100%;
  border:0;
}

/* Divider sutil como OpenAI */
.contact-section::before {
  content:"";
  display:block;
  height:1px;
  width:100%;
  background:linear-gradient(90deg,#0000,#e9e9e9,#0000);
  margin-bottom:24px;
}

/* ===== Responsive Mobile ===== */
@media (max-width: 768px) {
  .contact-container { width: 90vw; }
  .contact-head { margin-bottom:22px; }
  .contact-lead { font-size: 15px; }
  .contact-cta { width:100%; text-align:center; font-size:16px; }
  .contact-cta--alt { width:100%; margin:8px 0 0; }

  .contact-grid { grid-template-columns: 1fr; gap:18px; }
  .contact-info h2 { font-size:18px; }
  .contact-address { font-size:15px; line-height:1.6; }

  /* compactar mapa en móvil y que no desborde */
  .contact-map .map-embed { aspect-ratio: 16/12; border-radius:10px; }
}

/* Opcional: reducir el texto largo de la intro antigua si lo dejas arriba */
@media (max-width: 768px) {
  .wpb_text_column p { font-size:15px !important; line-height:1.6 !important; }
}