/*
Theme Name: Pool Time
Theme URI: https://pooltime.local
Author: Codex
Author URI: https://openai.com
Description: Tema clasico de WordPress construido sobre la plantilla Poolwash y adaptado para la marca Pool Time.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: pool-time
*/

@font-face {
  font-family: "Sakez";
  src: url("assets/fonts/brand/sakez/Sakez.woff") format("woff"),
       url("assets/fonts/brand/sakez/Sakez.ttf") format("truetype"),
       url("assets/fonts/brand/sakez/Sakez.otf") format("opentype");
  font-display: swap;
}

:root {
  --pool-time-primary: #0d6e8a;
  --pool-time-secondary: #0f2740;
  --pool-time-accent: #4ed0e1;
  --pool-time-sand: #f5efe3;
  --pool-time-text: #163047;
}

body {
  color: var(--pool-time-text);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.footer-logo-area .logo-wordmark {
  font-family: "Sakez", Georgia, serif;
  letter-spacing: 0.02em;
}

.site-logo a,
.footer-logo-area .pool-time-logo {
  display: inline-flex;
  align-items: center;
}

.site-logo img,
.footer-logo-area .pool-time-logo img {
  max-width: 220px;
  height: auto;
}

.header-top-section,
.header-btn1,
.copyright-area,
.footer1-section-area {
  background-color: var(--pool-time-secondary);
}

.header-btn1,
.header-btn1.btn2:hover {
  border-color: var(--pool-time-accent);
}

.header-btn1:hover,
.header-btn1.btn2 {
  background-color: var(--pool-time-primary);
}

.heading2 h5,
.heading1 h5,
.service-boxarea .icons,
.contact-info-icon i {
  color: var(--pool-time-primary);
}

.default-page-content {
  padding: 120px 0 80px;
  background: linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);
}

.default-page-card {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(15, 39, 64, 0.08);
}

.default-page-card h1 {
  margin-bottom: 20px;
  color: var(--pool-time-secondary);
}

.default-page-card p,
.default-page-card li {
  font-size: 18px;
  line-height: 1.75;
}

.default-page-card ul {
  padding-left: 20px;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}