/*
Theme Name: Seoane Agency Custom
Theme URI: https://seoaneagency.com/
Author: Seoane Agency
Description: Tema personalizado reconstruido a partir de las capas exportadas del PSD de Seoane Agency.
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: seoane-agency
*/
:root{--blue:#0757c9;--cyan:#18c8f3;--navy:#061a39;--ink:#101319;--muted:#6d7480;--line:#e9edf3;--max:1180px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff} img{max-width:100%;height:auto;display:block} a{color:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #edf0f4} .nav-wrap{height:78px;display:flex;align-items:center;gap:28px} .brand img{width:108px} .nav{margin-left:auto;display:flex;gap:34px;align-items:center} .nav a,.nav .menu-item a{font-size:10px;font-weight:800;text-decoration:none;letter-spacing:.04em} .nav ul{display:flex;gap:34px;list-style:none;margin:0;padding:0} .search-btn{height:78px;width:72px;border:0;background:var(--blue);color:#fff;font-size:22px;cursor:pointer} .search-btn span{display:block;font-size:8px;font-weight:800} .menu-btn{display:none;border:0;background:transparent;font-size:25px}
.hero{min-height:590px;display:grid;place-items:center;position:relative;background-image:linear-gradient(90deg,#0009,#0005),url("<?php echo esc_url(get_template_directory_uri() . '/assets/Paginaweb_Seoane_0001s_0001s_0001_colleagues-working-together-desk-laptops.png'); ?>");background-size:cover;background-position:center} .hero:after{content:"";position:absolute;inset:0;background-image:url("<?php echo esc_url(get_template_directory_uri() . '/assets/Paginaweb_Seoane_0037_Objeto-inteligente-vectorial.png'); ?>");background-repeat:no-repeat;background-position:right center;background-size:300px auto;opacity:.45} .hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:90px 0} .hero-kicker{color:#00a8ff;font-weight:800;font-size:13px;margin:0 0 5px} .hero h1{font-size:clamp(40px,6vw,72px);line-height:.95;max-width:700px;margin:auto;font-weight:900;letter-spacing:-.045em} .slider-controls{position:absolute;z-index:4;bottom:18px;left:max(24px,calc((100% - var(--max))/2));display:flex} .slider-controls button{width:42px;height:42px;border:1px solid #d8dce3;background:#fff;color:var(--blue);font-size:20px}
.growth{position:relative;overflow:hidden;background:linear-gradient(110deg,#16c5f3,#0067e5);color:#fff;padding:90px 0} .growth:after{content:"";position:absolute;right:-20px;top:0;bottom:0;width:36%;background-image:url("<?php echo esc_url(get_template_directory_uri() . '/assets/Paginaweb_Seoane_0002s_0002s_0001_Objeto-inteligente-vectorial.png'); ?>");background-repeat:no-repeat;background-position:center right;background-size:cover;opacity:.25} .growth-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center} .growth h2{font-size:clamp(38px,5vw,64px);line-height:.9;margin:0;font-weight:900} .growth p{font-size:13px;line-height:1.7;max-width:480px;margin:0 0 25px} .btn{display:inline-block;background:#05070b;color:#fff;padding:14px 23px;text-decoration:none;font-size:10px;font-weight:900}
.statement{min-height:310px;display:grid;place-items:center;text-align:center;color:#fff;background-image:linear-gradient(#0008,#0008),url("<?php echo esc_url(get_template_directory_uri() . '/assets/Paginaweb_Seoane_0008_analyst-team-utilizing-bi-fintech-analyze-pointing-financial-dashboard-paper-office-businesspeople.png'); ?>");background-size:cover;background-position:center} .statement h2{font-size:clamp(26px,4vw,45px);font-weight:900;margin:0}
.section{padding:92px 0} .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px} .kicker{font-size:10px;color:#078fff;font-weight:800;margin:0 0 5px} .section-heading h2{margin:0;font-size:30px;font-weight:900;display:inline-block;border-bottom:2px solid #dfe4ea;padding-bottom:11px} .section-heading h2:after{content:"";display:block;width:42px;height:4px;background:#00a9ff;position:relative;top:14px} .section-heading>p{font-size:11px;line-height:1.6;color:#737a85;margin:0;max-width:420px}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px} .service-card{min-height:235px;padding:36px 28px;text-align:center;border:1px solid #eef1f5;background:#fff;box-shadow:0 12px 35px rgba(13,30,60,.07);transition:.25s} .service-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(13,30,60,.12)} .service-card img{height:23px;width:auto;max-width:100%;margin:0 auto 20px;object-fit:contain} .service-card p{font-size:10px;line-height:1.55;color:#6d7480;margin:0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin-top:90px} .mission-photo{width:min(440px,100%);margin:auto} .mission-photo img{width:100%;aspect-ratio:1/1.08;object-fit:cover;clip-path:polygon(50% 0,100% 26%,92% 82%,50% 100%,8% 82%,0 26%)} .mission-copy img{width:auto;max-width:190px;height:auto;margin-bottom:16px} .mission-copy p{font-size:11px;line-height:1.65;color:#69717c;margin:0 0 24px;max-width:480px}
.values{margin-top:80px} .values>img{width:auto;height:37px;margin-bottom:38px} .value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;text-align:center} .value img{height:30px;width:auto;max-width:100%;margin:0 auto 10px;object-fit:contain} .value p{font-size:9px;line-height:1.45;color:#737a85;margin:0} .vision-photo{width:min(430px,100%);margin:50px 3% 0 auto} .vision-photo img{width:100%;aspect-ratio:1;object-fit:cover;clip-path:polygon(50% 0,100% 22%,93% 79%,50% 100%,7% 79%,0 22%)}
.partners{position:relative;overflow:hidden;background:#030303;color:#fff;padding:95px 0} .partners:after{content:"";position:absolute;right:0;top:0;bottom:0;width:210px;background-image:url("<?php echo esc_url(get_template_directory_uri() . '/assets/Paginaweb_Seoane_0037_Objeto-inteligente-vectorial.png'); ?>");background-repeat:repeat-y;background-position:right center;background-size:170px auto;opacity:.45} .partners .section-heading>p{color:#9ea5af} .partners .section-heading h2{border-color:#252b34} .partner-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:35px} .partner{text-align:center} .partner img{width:auto;height:35px;max-width:100%;object-fit:contain;margin:0 auto 18px} .partner p{font-size:9px;line-height:1.5;color:#8f97a3;margin:0}
.clients{padding-bottom:75px} .center-heading{text-align:center;margin-bottom:45px} .center-heading img{width:min(493px,90%);height:auto;margin:auto} .client-logos{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:35px} .client-logos img{max-height:55px;width:auto;max-width:180px;margin:auto;object-fit:contain}
.cta{background:linear-gradient(90deg,#0061df,#19c6f3);padding:26px 0;text-align:center} .cta img{width:min(720px,90%);height:auto;margin:auto;filter:brightness(0) invert(1)}
footer{background:#fff} .footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:70px;padding:60px 0 45px} .footer-title{width:auto;height:30px;margin-bottom:18px} .footer-grid p,.footer-nav a{font-size:10px;line-height:1.8;color:#606873} .footer-nav{display:flex;flex-direction:column;gap:5px} .footer-nav a{font-weight:800;text-decoration:none;color:#111} .footer-brand{text-align:right} .footer-brand img{width:145px;margin-left:auto;margin-bottom:8px} .footer-brand small{font-size:8px;color:#7c848f} .copyright{background:#064dc1;color:#fff;text-align:center;font-size:8px;padding:10px 20px}
@media(max-width:900px){.container{width:min(100% - 32px,var(--max))}.nav{display:none}.menu-btn{display:block;margin-left:auto}.search-btn{height:60px;width:62px}.nav-wrap{height:60px}.hero{min-height:500px}.growth-grid,.section-heading,.about-grid{grid-template-columns:1fr;gap:35px}.service-cards{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,1fr)}.partner-grid{grid-template-columns:repeat(2,1fr)}.client-logos{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-brand{text-align:left}.footer-brand img{margin-left:0}}
@media(max-width:520px){.hero{min-height:430px}.hero h1{font-size:42px}.growth{padding:65px 0}.growth h2{font-size:40px}.section{padding:65px 0}.value-grid,.partner-grid,.client-logos{grid-template-columns:1fr}.slider-controls{left:16px}}