/*
Theme Name: RV Aluminum — Coming Soon
Theme URI: https://mixart.do
Author: MixArt
Author URI: https://mixart.do
Description: Theme de "Página en construcción" para RV Aluminum MFG, Inc. Fondo rojo FireBrick, logo y datos en blanco, marca de agua RV translúcida. Tipografía Baskerville. Una sola pantalla sin scroll.
Version: 1.4.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rv-aluminum-coming-soon
*/

  :root { --red:#B22222; --white:#ffffff; --soft:rgba(255,255,255,.82); }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  html, body { height: 100%; }
  body {
    background: var(--red); color: var(--white);
    font-family: "Baskervville", Georgia, "Times New Roman", serif;
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
    display: flex; flex-direction: column; justify-content: center;
    min-height: 100vh; overflow: hidden; position: relative;
  }
  /* Watermark RV translúcido a la derecha */
  .watermark {
    position: absolute; right: -3%; top: 50%; transform: translateY(-50%);
    height: 74vh; width: auto; opacity: .09; pointer-events: none; user-select: none; z-index: 0;
  }
  .wrap { position: relative; z-index: 2; flex: 0 0 auto; display: flex; flex-direction: column; padding: 24px clamp(26px, 6vw, 90px) 0; }
  .logo { margin-bottom: 38px; }
  .logo img { display: block; height: 120px; width: auto; }
  h1 {
    font-family: "Baskervville", Georgia, serif; font-weight: 400; color: var(--white);
    font-size: clamp(30px, 3.8vw, 46px); line-height: 1.05; letter-spacing: -0.3px; margin-bottom: 16px;
  }
  .lead { color: var(--soft); font-size: 16px; line-height: 1.5; max-width: 46ch; margin-bottom: 28px; }
  .contact { display: flex; flex-direction: column; gap: 16px; }
  .contact a { color: var(--white); text-decoration: none; font-size: 16px; line-height: 1.4; transition: opacity .15s ease; }
  .contact a:hover { text-decoration: underline; text-underline-offset: 3px; opacity: .8; }
  .item { display: flex; align-items: center; gap: 14px; }
  .item .icon { flex: 0 0 auto; width: 20px; height: 20px; color: var(--white); }
  .item .icon svg { width: 20px; height: 20px; display: block; }
  .site-footer {
    position: relative; z-index: 2; flex: 0 0 auto; margin-top: 78px; padding: 0 clamp(26px, 6vw, 90px);
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    color: var(--soft); font-size: 14px;
  }
  .by { display: inline-flex; align-items: center; text-decoration: none; }
  .by:hover { opacity: .85; }
  .by img, .mixart-logo { height: 22px; width: auto; display: block; }
  @media (max-width: 640px) {
    .wrap { padding: 20px 22px 0; }
    .site-footer { margin-top: 52px; padding: 0 22px; flex-direction: column; align-items: flex-start; gap: 10px; }
    .logo { margin-bottom: 28px; }
    .logo img { height: 92px; }
    .lead { margin-bottom: 24px; }
    .watermark { height: 46vh; right: -18%; opacity: .07; }
  }
  @media (max-height: 600px) { body { justify-content: flex-start; } }