/*
Theme Name: DRAGON FUN 2026
Theme URI: https://quatrovientos.com
Author: Quatro Vientos / Diseño personalizado
Description: Tema WordPress de DRAGON FUN 2026 basado en la maqueta HTML aprobada. Páginas y portada editables desde WordPress.
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: dragon-fun
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');:root{--dark:#061b2d;--navy:#0a3049;--tur:#24d6d2;--text:#ecf8ff;--muted:#b4ccd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071d30;color:var(--text);font-family:Montserrat,Arial,sans-serif}a{color:inherit}header{background:#061829;position:sticky;top:0;z-index:3;border-bottom:1px solid #27506b;display:flex;align-items:center;justify-content:space-between;padding:17px max(4vw,18px);gap:20px;flex-wrap:wrap}.logo{font-weight:900;letter-spacing:-.04em;font-size:24px;text-decoration:none}.logo b{color:var(--tur)}nav{display:flex;gap:19px;flex-wrap:wrap}nav a{text-decoration:none;font-size:12px;font-weight:800;opacity:.9}nav a:hover{color:var(--tur)}.hero{min-height:560px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,21,35,.97),rgba(4,21,35,.74) 48%,rgba(4,21,35,.12)),url('imagenes/portada.jpg') center 48%/cover}.hero>div{padding:60px max(5vw,24px);max-width:880px}.eyebrow{color:var(--tur);font-size:12px;font-weight:900;letter-spacing:.17em}h1{font-size:clamp(42px,6vw,86px);letter-spacing:-.06em;line-height:1.05;margin:18px 0}h1 span,h2 span{color:var(--tur)}h2{font-size:clamp(27px,3.5vw,44px);letter-spacing:-.045em;margin:10px 0 20px}h3{margin:8px 0 12px}p{line-height:1.7;color:#c6dce7}.lead{font-size:18px;max-width:650px}.btn{display:inline-block;background:var(--tur);color:#032638;border:0;padding:16px 22px;margin:10px 10px 0 0;border-radius:7px;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer}.btn.alt{background:transparent;color:#fff;border:1px solid #86dfe5}.wrap{max-width:1200px;margin:auto;padding:65px 24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.card{background:#0d314b;border:1px solid #28526b;border-radius:14px;overflow:hidden}.card img{width:100%;height:190px;object-fit:cover;display:block}.card .inner{padding:22px}.card p{font-size:14px}.card a{color:var(--tur);font-weight:800;text-decoration:none}.banner{background:#0b354e;padding:30px;border-left:5px solid var(--tur);border-radius:9px}.pagehero{padding:80px max(5vw,24px);background:linear-gradient(90deg,rgba(5,24,39,.94),rgba(5,24,39,.45)),var(--photo) center/cover;min-height:320px}.pagehero h1{font-size:clamp(40px,5vw,68px)}.two{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.two img{width:100%;border-radius:14px;max-height:430px;object-fit:cover}.list{padding-left:20px;line-height:2;color:#c6dce7}.chip{display:inline-block;border:1px solid #3d8294;border-radius:40px;padding:9px 15px;font-size:12px;margin:4px;font-weight:700}.muted{color:var(--muted)}footer{border-top:1px solid #28526b;padding:35px 25px;text-align:center;font-size:12px;color:#acc8d8}.note{background:#143d50;border-left:4px solid var(--tur);padding:18px;border-radius:8px}.small{font-size:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid #31566b}.table th{color:var(--tur)}.placeholder{border:1px dashed #4e8395;background:#103449;padding:15px;border-radius:7px;color:#b9dbe2}.stats{font-size:32px;font-weight:900;color:var(--tur)}@media(max-width:700px){.two{grid-template-columns:1fr}.hero{min-height:490px}header{position:static}nav{gap:12px}.wrap{padding:45px 18px}}
.counter{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center;background:linear-gradient(115deg,#104963,#092b42);border:1px solid #357c8a;border-radius:16px;padding:32px}.counter-number{font-size:clamp(58px,9vw,110px);font-weight:900;color:var(--tur);letter-spacing:-.08em;line-height:1}.counter-total{font-size:clamp(28px,4vw,48px);color:white}.counter-right p{margin-top:0}.progress{height:16px;border-radius:99px;background:#32586b;overflow:hidden;margin:18px 0}.progress div{height:100%;background:linear-gradient(90deg,#16bbd1,#47f0d3);border-radius:99px}.sponsor-title{font-size:13px;letter-spacing:.13em;color:var(--tur);font-weight:900;margin:30px 0 12px}.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.sponsor-slot{background:#f4f8fa;color:#0c3246;min-height:115px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;border:2px dashed #a7c8d0}.sponsor-slot small{color:#56707a;margin-top:8px}.table-scroll{overflow-x:auto}@media(max-width:700px){.counter{grid-template-columns:1fr;padding:24px}}
/* Identidad visual oficial DRAGON FUN */
:root{--fun-vermillon:#ED4935;--fun-turquesa:#16ACBA;--fun-azul:#10364D}
header .logo{display:flex;align-items:center;gap:12px}header .logo img{width:118px;height:64px;object-fit:contain;object-position:center}header .logo .brand-year{font-weight:800;color:#fff;font-size:12px;letter-spacing:1px}
.hero .official-logo{display:block;width:min(410px,78vw);max-height:240px;object-fit:contain;object-position:left center;margin:0 0 22px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.3))}
.sponsor-grid .sponsor-slot img{display:block;max-width:100%;width:auto;height:auto;max-height:95px;object-fit:contain;margin:auto}.sponsor-grid .sponsor-slot{display:flex;align-items:center;justify-content:center;min-height:130px;background:#fff;padding:18px;border-radius:12px}
.fun-accent{color:#ED4935}.fun-ribbon{height:7px;background:linear-gradient(90deg,#16ACBA 0 75%,#ED4935 75% 100%)}
@media(max-width:650px){header .logo img{width:88px;height:48px}.hero .official-logo{width:74vw;max-height:190px}}

body.admin-bar header{top:32px} .wp-block-image img{height:auto;max-width:100%}.df-editor-content{min-height:140px}.df-editor-content a{color:var(--tur)}.df-editor-content img{max-width:100%;height:auto} .df-editor-content h2{margin-top:1em}.df-editor-content .wp-block-button__link{background:var(--tur);color:#032638}.df-editor-content .wp-block-columns{gap:24px}.df-menu-toggle{display:none}@media(max-width:760px){.df-menu-toggle{display:block;background:transparent;border:1px solid #558;color:white;padding:8px 12px;border-radius:6px}header nav{display:flex;width:100%}header nav a{font-size:11px}}

.df-org-copy{margin:22px 0 30px}.df-org-copy .card{background:#0b354e}.df-org-copy .card p{margin-bottom:0}
/* Inscripciones: llamado directo a la acción */
.df-join-hero{min-height:530px;padding-top:95px;padding-bottom:90px}.df-join-hero h1{max-width:1050px;font-size:clamp(38px,5.2vw,74px)}.df-join-hero .lead{max-width:790px}.df-join-hero .small{max-width:700px}.df-join-btn{font-size:15px;padding:19px 26px;background:#24d6d2;color:#032638;box-shadow:0 7px 25px rgba(0,0,0,.18)}.df-join-btn:hover{background:#6ff0e9}.df-join-callout{margin-top:34px;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.df-join-callout h2{margin-bottom:5px}.df-join-callout p{margin:6px 0}.df-join-callout .small a{color:#9be9e8}

/* Editable page layout: preserve full-width public design. */
.df-editable-page{min-height:60vh}.df-editable-page .pagehero{background-image:linear-gradient(90deg,rgba(4,21,35,.88),rgba(4,21,35,.3)),var(--photo);background-size:cover;background-position:center}
.df-editable-page .df-allies{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:22px 0 35px}.df-allies .sponsor-slot{min-height:135px}.df-allies .sponsor-slot img{width:100%;height:115px;object-fit:contain}
.df-audiences .card{min-height:165px}.df-editable-page img{max-width:100%}