.site-info .inside-site-info { font-size:14px !important; }
.site-info .inside-site-info::before { content:none !important; }

.site-info .inside-site-info { font-size:14px; }
.site-info .inside-site-info::before { content:none; }
/*
Theme Name: Pickleball Axarquia
Theme URI: https://pickleballaxarquia.com/
Description: Tema hijo oficial del C.D. Pickleball Axarquia.
Author: C.D. Pickleball Axarquia
Template: generatepress
Version: 1.0.0
Text Domain: pickleball-axarquia
*/

:root {
  --pba-green: #155c37;
  --pba-green-dark: #0a3421;
  --pba-green-soft: #eaf4ee;
  --pba-lime: #c8e51b;
  --pba-yellow: #f5d329;
  --pba-ink: #17221c;
  --pba-muted: #5c6c63;
  --pba-sand: #f7f7f2;
  --pba-white: #ffffff;
  --pba-radius: 22px;
  --pba-shadow: 0 18px 50px rgba(9, 52, 33, .12);
}

html { scroll-behavior: smooth; }
body {
  color: var(--pba-ink);
  background: var(--pba-white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

a { color: var(--pba-green); }
a:hover { color: #0f472b; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(21, 92, 55, .1);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
}
.inside-header { padding: 12px 30px; }
.site-logo img { width: auto; max-height: 68px; }
.site-branding .main-title { font-weight: 850; letter-spacing: -.02em; }
.site-branding .site-description { color: var(--pba-muted); font-size: 13px; }

.main-navigation,
.main-navigation ul ul { background: transparent; }
.main-navigation .main-nav ul li a {
  color: var(--pba-ink);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: .02em;
  padding-left: 15px;
  padding-right: 15px;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus-within > a { color: var(--pba-green); background: transparent; }
.main-navigation .menu-toggle { color: var(--pba-green-dark); background: transparent; }

.page .site-content { display: block; max-width: none; padding: 0; }
.page .content-area { width: 100%; }
.page .site-main { margin: 0; }
.page .inside-article { padding: 0; background: transparent; }
.page .entry-header { display: none; }
.page .widget-area { display:none; }
.entry-content { margin: 0; }
.entry-content > * { margin-top: 0; }

.pba-wrap { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.pba-section { padding: 88px 0; }
.pba-section--soft { background: var(--pba-sand); }
.pba-section--green { color: var(--pba-white); background: var(--pba-green-dark); }
.pba-section--green h2, .pba-section--green h3, .pba-section--green p { color: inherit; }

.pba-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: var(--pba-green);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.pba-eyebrow::before { content: ""; width: 30px; height: 4px; border-radius: 2px; background: var(--pba-lime); }
.pba-section--green .pba-eyebrow { color: var(--pba-lime); }

.pba-title,
.pba-section h2 {
  margin: 0 0 22px;
  color: var(--pba-green-dark);
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.045em;
}
.pba-section h3 { margin: 0 0 10px; color: var(--pba-green-dark); font-size: 23px; line-height: 1.2; }
.pba-lead { max-width: 760px; color: var(--pba-muted); font-size: clamp(19px, 2vw, 23px); line-height: 1.55; }

.pba-hero {
  position: relative;
  min-height: min(780px, 84vh);
  display: grid;
  align-items: end;
  overflow: hidden;
  background: var(--pba-green-dark);
  isolation: isolate;
}
.pba-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: var(--pba-hero-image);
  background-position: center;
  background-size: cover;
  transform: scale(1.01);
}
.pba-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(4,30,18,.92) 0%, rgba(4,30,18,.62) 50%, rgba(4,30,18,.2) 100%), linear-gradient(0deg, rgba(4,30,18,.48), transparent 55%);
}
.pba-hero__inner { width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding: 110px 0 88px; }
.pba-hero__content { max-width: 790px; }
.pba-hero .pba-eyebrow { color: var(--pba-lime); }
.pba-hero h1 { margin: 0 0 22px; color: #fff; font-size: clamp(48px, 8vw, 92px); font-weight: 950; line-height: .94; letter-spacing: -.055em; }
.pba-hero p { max-width: 680px; margin: 0; color: rgba(255,255,255,.9); font-size: clamp(19px, 2.5vw, 26px); line-height: 1.45; }
.pba-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.pba-btn,
.entry-content a.pba-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 24px;
  border: 2px solid var(--pba-lime);
  border-radius: 999px;
  color: var(--pba-green-dark);
  background: var(--pba-lime);
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.pba-btn:hover { color: var(--pba-green-dark); transform: translateY(-2px); box-shadow: 0 12px 25px rgba(0,0,0,.18); }
.pba-btn--ghost,
.entry-content a.pba-btn--ghost { color: #fff; border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.08); }
.pba-btn--ghost:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,.16); }

.pba-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.pba-card {
  height: 100%;
  padding: 30px;
  border: 1px solid rgba(21,92,55,.12);
  border-radius: var(--pba-radius);
  background: #fff;
  box-shadow: 0 10px 35px rgba(10,52,33,.07);
}
.pba-card__number { display: block; margin-bottom: 18px; color: var(--pba-green); font-size: 14px; font-weight: 900; letter-spacing: .1em; }
.pba-card p:last-child { margin-bottom: 0; }

.pba-split { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; }
.pba-split--reverse > :first-child { order: 2; }
.pba-media { min-height: 470px; border-radius: 28px; background-position: center; background-size: cover; box-shadow: var(--pba-shadow); }
.pba-media--portrait { min-height: 560px; background-position: center 25%; }

.pba-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 42px; overflow: hidden; border-radius: 20px; background: rgba(255,255,255,.18); }
.pba-stat { padding: 28px; background: rgba(255,255,255,.07); }
.pba-stat strong { display: block; color: var(--pba-lime); font-size: 36px; line-height: 1; }
.pba-stat span { display: block; margin-top: 8px; color: rgba(255,255,255,.8); font-size: 14px; }

.pba-values { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.pba-value { padding: 22px 24px; border-left: 5px solid var(--pba-lime); border-radius: 12px; background: var(--pba-green-soft); }
.pba-value strong { display: block; color: var(--pba-green-dark); }
.pba-value p { margin: 5px 0 0; color: var(--pba-muted); font-size: 15px; }

.pba-banner { position: relative; min-height: 430px; display: grid; place-items: end start; overflow: hidden; color: #fff; background: var(--pba-green-dark); isolation: isolate; }
.pba-banner::before { content:""; position:absolute; inset:0; z-index:-2; background: var(--pba-banner-image) center/cover; }
.pba-banner::after { content:""; position:absolute; inset:0; z-index:-1; background: linear-gradient(90deg,rgba(4,30,18,.9),rgba(4,30,18,.25)); }
.pba-banner__inner { width:min(1160px,calc(100% - 40px)); margin:0 auto; padding:90px 0 70px; }
.pba-banner h1 { max-width:850px; margin:0; color:#fff; font-size:clamp(44px,7vw,78px); font-weight:950; line-height:.98; letter-spacing:-.05em; }
.pba-banner p { max-width:680px; margin:20px 0 0; color:rgba(255,255,255,.88); font-size:21px; }

.pba-rule-list { counter-reset: pba-rule; display: grid; gap: 16px; padding: 0; list-style: none; }
.pba-rule { counter-increment: pba-rule; display: grid; grid-template-columns: 48px 1fr; gap: 18px; align-items: start; padding: 22px; border-radius: 16px; background: #fff; box-shadow: 0 8px 25px rgba(10,52,33,.06); }
.pba-rule::before { content: counter(pba-rule); display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:var(--pba-green-dark); background:var(--pba-lime); font-weight:900; }
.pba-rule strong { display:block; color:var(--pba-green-dark); font-size:18px; }
.pba-rule p { margin:4px 0 0; color:var(--pba-muted); }

.pba-contact-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:42px; align-items:start; }
.pba-contact-card { padding:34px; border-radius:var(--pba-radius); background:var(--pba-green-dark); color:#fff; }
.pba-contact-card h2, .pba-contact-card h3 { color:#fff; }
.pba-contact-card a { color:var(--pba-lime); }
.pba-contact-card p { color:rgba(255,255,255,.82); }

.wpcf7 { padding: 34px; border:1px solid rgba(21,92,55,.12); border-radius:var(--pba-radius); background:#fff; box-shadow:var(--pba-shadow); }
.wpcf7 label { color:var(--pba-green-dark); font-size:14px; font-weight:800; }
.wpcf7 input:not([type="submit"]), .wpcf7 textarea { width:100%; margin-top:7px; border:1px solid #cbd8d0; border-radius:11px; background:#fbfcfa; }
.wpcf7 input:focus, .wpcf7 textarea:focus { outline:3px solid rgba(200,229,27,.35); border-color:var(--pba-green); }
.wpcf7 input[type="submit"] { border:0; border-radius:999px; padding:14px 26px; color:var(--pba-green-dark); background:var(--pba-lime); font-weight:850; }

.pba-socials { display:flex; flex-wrap:wrap; gap:12px; }
.pba-social { display:inline-flex; align-items:center; gap:9px; padding:11px 17px; border:1px solid rgba(21,92,55,.16); border-radius:999px; color:var(--pba-green-dark); background:#fff; font-weight:800; text-decoration:none; }
.pba-social:hover { border-color:var(--pba-green); background:var(--pba-green-soft); }

.pba-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.pba-video { overflow:hidden; border:1px solid rgba(21,92,55,.12); border-radius:var(--pba-radius); background:#fff; box-shadow:0 10px 35px rgba(10,52,33,.08); }
.pba-video__frame { position:relative; padding-top:56.25%; background:var(--pba-green-dark); }
.pba-video__frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.pba-video__body { padding:22px 24px 24px; }
.pba-video__body h3 { margin-bottom:7px; }
.pba-video__body p { margin:0; color:var(--pba-muted); font-size:15px; }

.pba-cta { position:relative; overflow:hidden; padding:64px; border-radius:30px; color:#fff; background:var(--pba-green); box-shadow:var(--pba-shadow); }
.pba-cta::after { content:""; position:absolute; width:220px; height:220px; right:-80px; top:-80px; border:34px solid rgba(200,229,27,.18); border-radius:50%; }
.pba-cta h2 { color:#fff; }
.pba-cta p { max-width:680px; color:rgba(255,255,255,.86); font-size:19px; }

.site-footer { color:rgba(255,255,255,.78); background:var(--pba-green-dark); }
.site-info { padding:28px 20px; background:transparent; }
.site-info a { color:var(--pba-lime); }
.site-info .inside-site-info { font-size:0; }
.site-info .inside-site-info::before { content:"© 2026 C.D. Pickleball Axarquía · Rincón de la Victoria"; color:rgba(255,255,255,.8); font-size:14px; }

@media (max-width: 900px) {
  .site-header { position: relative; }
  .pba-grid-3, .pba-split, .pba-contact-grid { grid-template-columns:1fr; }
  .pba-video-grid { grid-template-columns:1fr; }
  .pba-split { gap:36px; }
  .pba-split--reverse > :first-child { order:0; }
  .pba-grid-3 { gap:16px; }
  .pba-section { padding:64px 0; }
  .pba-media, .pba-media--portrait { min-height:380px; }
}

@media (max-width: 620px) {
  body { font-size:16px; }
  .inside-header { padding:10px 18px; }
  .site-logo img { max-height:55px; }
  .pba-wrap, .pba-hero__inner, .pba-banner__inner { width:min(100% - 28px,1160px); }
  .pba-hero { min-height:680px; }
  .pba-hero__inner { padding:82px 0 54px; }
  .pba-hero h1 { font-size:clamp(44px,15vw,64px); }
  .pba-actions { flex-direction:column; align-items:stretch; }
  .pba-btn { width:100%; }
  .pba-section { padding:52px 0; }
  .pba-title, .pba-section h2 { font-size:36px; }
  .pba-values, .pba-stats { grid-template-columns:1fr; }
  .pba-stat { padding:22px; }
  .pba-card, .wpcf7, .pba-contact-card { padding:24px; }
  .pba-media, .pba-media--portrait { min-height:300px; border-radius:20px; }
  .pba-cta { padding:36px 26px; border-radius:22px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { transition:none !important; }
}