/*
Theme Name: ARES Project
Description: Tema de bloques ligero y editable para ARES Project.
Version: 1.0.2
Requires at least: 6.6
Text Domain: ares-project
*/
:root{--ares-pink:#ff78b6;--ares-ink:#101014}
html{scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box}a{text-underline-offset:.2em}a:hover{text-decoration:underline}img{max-width:100%;height:auto}
.wp-site-blocks>header{position:relative;z-index:20;background:#101014;color:#fff;border-bottom:1px solid #ffffff20}
.ares-header-shell{max-width:1240px;margin:auto!important;padding:24px 32px!important;gap:24px!important}
.ares-brand{font-size:22px!important;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.ares-brand a{color:inherit;text-decoration:none}.ares-brand:before{content:"";display:inline-block;width:13px;height:22px;background:#ff78b6;transform:skew(-18deg);margin-right:13px;vertical-align:-2px}
.wp-block-navigation{font-size:14px;font-weight:600}.wp-block-navigation .wp-block-navigation-item__content{padding:7px 0}.wp-block-navigation__submenu-container{border-color:#37373f!important;border-radius:8px;padding:10px!important;background:#18181e!important;color:white!important}
.ares-kicker{font-size:12px!important;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#d92376}
/* Hero: fluid tracks account for the gap instead of adding it to 100%. */
.ares-hero {
  background:#101014;
  color:#fff;
  width:100%;
  max-width:100%;
  overflow:visible;
  padding:clamp(2.5rem,5vw,4.375rem) clamp(1.25rem,3vw,2rem) 0!important;
  margin-top:0!important;
}
.ares-hero .ares-hero-inner {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  align-items:center!important;
  width:100%;
  max-width:73.5rem;
  margin:auto!important;
  gap:clamp(1.5rem,3vw,2.5rem)!important;
}
.ares-hero-inner > .wp-block-column {min-width:0;max-width:100%;width:100%}
.ares-hero .ares-kicker {color:#ff8abe}
.ares-hero h1 {
  font-size:clamp(2.125rem,1.35rem + 3vw,3.875rem)!important;
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:800;
  width:100%;
  max-width:100%;
  margin-top:1.5rem;
  margin-bottom:1.625rem;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.ares-hero h1 mark {
  display:block;
  width:fit-content;
  max-width:100%;
  margin-top:.14em;
  padding:.08em .12em;
  line-height:1.08;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.ares-hero h1 mark strong {white-space:normal;font-weight:inherit}
.ares-hero .ares-lead {
  max-width:min(100%,31rem);
  color:#c3c3cc;
  font-size:clamp(1rem,.875rem + .25vw,1.125rem);
  line-height:1.7;
}
.ares-hero .wp-block-buttons {max-width:100%;flex-wrap:wrap}
.ares-hero .wp-block-button {min-width:0;max-width:100%}
.ares-hero .wp-block-button__link {max-width:100%;white-space:normal;overflow-wrap:anywhere}
.ares-hero-visual {
  background:radial-gradient(ellipse at center,#ff78b614,transparent 66%);
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
}
.ares-hero-visual figure {margin:0;max-width:100%}
.ares-hero-visual img {display:block;width:100%;height:auto}
.ares-hero-caption {
  font-family:monospace;
  font-size:.6875rem;
  color:#a5a5b4;
  letter-spacing:.04em;
  border-top:1px solid #ffffff25;
  padding:1rem 0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.ares-hero-strip {
  width:100%;
  max-width:73.5rem;
  margin:clamp(1.75rem,4vw,3.125rem) auto 0!important;
  border-top:1px solid #ffffff25;
  padding:1.4375rem 0!important;
  gap:1rem!important;
  color:#bdbdc9;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.ares-hero-strip p {margin:0;min-width:0;max-width:100%;overflow-wrap:anywhere}
.ares-hero-strip strong {color:#ff8abe}
@media(max-width:56.25rem) {
  .ares-hero .ares-hero-inner {grid-template-columns:minmax(0,1fr)}
  .ares-hero-visual {max-width:33.75rem;margin-inline:auto}
}
.wp-block-button__link{transition:background .16s,transform .16s;font-weight:700;text-decoration:none!important}.wp-block-button__link:hover{transform:translateY(-2px);filter:brightness(.96)}.is-style-outline .wp-block-button__link{border:1px solid currentColor;padding:15px 24px}
.ares-section{padding:80px 32px;margin-top:0!important}.ares-section-inner{max-width:1176px;margin:auto!important}.ares-section h2{font-size:clamp(32px,3.5vw,46px);line-height:1.12;letter-spacing:-.045em}.ares-muted{color:#62626e}.ares-section-head{margin-bottom:34px!important;align-items:end!important}
.ares-card{height:100%;padding:30px!important;background:#fff;border:1px solid #e3e3e9;border-radius:14px}.ares-card h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}.ares-card p{font-size:15px;line-height:1.7}.ares-card .ares-card-number{color:#bf185f;font-family:monospace;font-size:13px}.ares-card a{font-weight:700}.ares-grid>.wp-block-column{align-self:stretch}
.ares-dark{background:#18181e;color:#fff}.ares-dark .ares-muted{color:#bdbdc9}.ares-dark .ares-kicker{color:#ff8abe}.ares-dark .ares-card{background:#202027;border-color:#393940}.ares-dark .ares-card-number{color:#ff8abe}.ares-dark a{color:#ff8abe}
.ares-light{background:#f5f5f8}.ares-cta{background:#f9c6dd;border-radius:18px;padding:48px!important}.ares-cta h2{max-width:650px}.ares-cta .wp-block-button__link{background:#101014;color:white}
.ares-page-header{background:#101014;color:white;padding:64px 32px!important;margin:0!important}.ares-page-header>div{max-width:1176px;margin:auto!important}.ares-page-header h1{font-size:clamp(42px,6vw,70px);line-height:1.08;letter-spacing:-.05em}.ares-page-header .ares-kicker{color:#ff8abe}
.ares-page-main{padding:54px 32px 80px!important;margin:0!important}.ares-page-main>.wp-block-post-content{max-width:1100px;margin:auto!important}.ares-page-main h2{letter-spacing:-.035em}.ares-page-main .ares-grid{margin-top:32px;margin-bottom:40px}
.ares-notice{padding:22px 26px;border-left:3px solid #cf2879;background:#f9edf3;border-radius:0 10px 10px 0;color:#50263a;font-size:15px}.ares-page-main .wp-block-post-template{padding:0;gap:24px}.ares-query-card{border:1px solid #e3e3e9;border-radius:14px;padding:24px;height:100%;background:#fff}.ares-query-card h3{font-size:23px}.ares-query-card .wp-block-post-featured-image img{aspect-ratio:4/3;object-fit:cover;border-radius:8px}.ares-query-card .wp-block-post-date{font-size:12px;color:#62626e}
.ares-footer{background:#101014;color:#c3c3cc;padding:56px 32px 24px!important;margin:0!important;font-size:14px}.ares-footer-inner{max-width:1176px;margin:auto!important}.ares-footer a{color:#eeeef3}.ares-footer h3{color:white;font-size:15px}.ares-footer .ares-brand{color:white}.ares-footer-bottom{border-top:1px solid #ffffff22;margin-top:32px!important;padding-top:22px;font-size:12px;color:#a5a5b4}
:focus-visible{outline:3px solid #c01f65;outline-offset:5px}.ares-dark :focus-visible,.ares-hero :focus-visible,header :focus-visible{outline-color:#ff8abe}
@media(max-width:900px){.ares-header-shell{padding:20px 24px!important}.ares-header-shell .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.ares-header-shell .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.wp-block-navigation__responsive-container.is-menu-open{background:#101014!important;color:white!important;padding:28px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start;padding-top:36px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start;gap:12px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding:8px 0 8px 20px!important;align-items:flex-start}.ares-section{padding:52px 24px}.ares-page-main{padding:36px 24px 56px!important}.ares-cta{padding:28px!important}}
@media(max-width:600px){.ares-hero-strip{display:block!important}.ares-hero-strip p+p{margin-top:12px}.ares-card{padding:24px!important}.ares-footer{padding:40px 24px 22px!important}.ares-page-header{padding:42px 24px!important}.wp-block-post-template.is-layout-grid{grid-template-columns:1fr!important}.ares-section-head{display:block!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
