/*
Theme Name: Subscribe Form Demo
Theme URI: https://subscribeform.pluginfiles.com/
Author: PLUGINFILES
Author URI: https://pluginfiles.com/
Description: Sitio de Subscribe Form con páginas completas, medios registrados, demo interactiva y SEO compatible con plugins especializados.
Version: 2.2.1
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: subscribeform-demo
*/
:root{--bg:#10131a;--panel:#191e27;--ink:#f3f3eb;--mint:#53e3bf;--muted:#b7c0c8;--line:#343c46;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;font-size:16px}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--mint)}button,input,textarea,select{font:inherit}a,button,input,textarea{touch-action:manipulation}:focus-visible{outline:3px solid var(--mint);outline-offset:5px}img{max-width:100%;height:auto}button{cursor:pointer}[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-200px;z-index:99;padding:12px;background:var(--mint);color:#10131a}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:auto;padding:22px 28px;display:flex;align-items:center;gap:32px;justify-content:space-between}.custom-logo-link{display:block;max-width:220px;flex-shrink:0}.custom-logo{display:block;width:220px;height:auto}.brand{font-size:26px;font-weight:800;text-decoration:none;white-space:nowrap}.brand span{color:var(--mint)}.menu{list-style:none;padding:0;margin:0}.desktop-nav .menu{display:flex;gap:24px;align-items:center;font-size:14px}.menu a{text-decoration:none}.current-menu-item>a{color:var(--mint)}.header-cta{font-size:13px;border:1px solid #5c6b73;padding:10px 16px;border-radius:30px;text-decoration:none;white-space:nowrap}.header-cta span{margin-left:10px}.mobile-nav{display:none}.content{max-width:1200px;margin:0 auto;padding:64px 28px 90px}.page-heading{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:42px}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(36px,5vw,64px);margin:16px 0;max-width:1000px}h2{font-size:clamp(25px,3vw,40px);margin:36px 0 20px}h3{font-size:22px}p,li{color:var(--muted)}p{max-width:850px}li+li{margin-top:10px}.eyebrow{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:.17em;text-transform:uppercase;color:var(--mint);margin:0 0 20px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:28px 0 70px}.hero h1{font-size:clamp(43px,5.7vw,76px);line-height:1.02;letter-spacing:-.06em;margin:22px 0 28px}.hero h1 em{color:var(--mint);font-style:normal}.hero .lead{font-size:18px;line-height:1.75;max-width:510px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:28px 0}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--mint);color:#10231e;text-decoration:none;border:1px solid transparent;border-radius:9px;padding:13px 20px;font-weight:700;font-size:14px}.button:hover,button:hover{background:#91f1d4;color:#10231e}.button.secondary{background:transparent;color:var(--ink);border-color:#69747a}.text-link{color:var(--mint);font-size:14px}.hero-note{font-size:12px}.product-window{background:#f3f3eb;color:#18262c;border-radius:18px;padding:24px;box-shadow:0 25px 90px #0005;transform:rotate(1deg)}.window-top{display:flex;justify-content:space-between;align-items:center;font:12px ui-monospace,monospace;border-bottom:1px solid #cbd2ca;padding-bottom:16px;color:#4b6158}.window-dots{letter-spacing:5px;color:#98aaa1}.window-body{padding:20px 4px}.window-body h2{font-size:31px;margin:16px 0}.window-body p{color:#52615a;font-size:14px}.mock-input{border:1px solid #bbc8bf;border-radius:7px;background:white;padding:13px;color:#52615a;font-size:14px;margin-top:22px}.mock-check{font-size:11px!important;margin:16px 0}.mock-button{background:#173e32;color:white;padding:12px;text-align:center;border-radius:6px;font-size:13px;font-weight:bold}.window-bottom{border-top:1px solid #cbd2ca;padding-top:16px;display:flex;justify-content:space-between;font-size:10px;color:#52615a}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1b9b68;margin-right:7px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:8px 0 70px}.facts>div{display:flex;flex-direction:column;padding:26px 32px;border-right:1px solid var(--line)}.facts>div:first-child{padding-left:0}.facts>div:last-child{border:0}.facts strong{font-size:32px;line-height:1.4;letter-spacing:-1px}.facts span{font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:24px 0}.section-heading h2{max-width:600px;margin-top:10px}.section-heading>p{max-width:330px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 56px}.cards>section,.resource-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.cards h2,.cards h3{font-size:22px;margin:18px 0 14px}.cards p{font-size:14px;line-height:1.8}.card-index{font:12px ui-monospace,monospace;color:var(--mint)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none}.steps li{padding:24px 0;border-top:1px solid var(--line);font-size:14px}.steps li:before{counter-increment:step;content:"0" counter(step);display:block;font:12px ui-monospace,monospace;color:var(--mint);margin-bottom:16px}.steps strong{display:block;color:var(--ink);margin-bottom:12px;font-size:19px}.voices,.cta-panel{border:1px solid var(--line);border-radius:var(--radius);padding:36px;margin:56px 0;background:linear-gradient(120deg,#1d302a,#191e27)}.voices h2,.cta-panel h2{margin:12px 0 20px}.voices blockquote{margin:0;font-size:20px}.voices figcaption{color:var(--mint)}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-box,.growth,.notice,.sf-identity{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:28px;margin:24px 0}.demo-box .demo-box{border:0;padding:0;margin:0}.demo-box h2{font-size:28px}.demo-box form,.sf-support-form{display:grid;gap:12px;max-width:720px}.sf-support-form{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:var(--radius)}input[type=email],input[type=text],textarea,select{max-width:100%;width:100%;padding:12px;border:1px solid #596871;border-radius:7px;background:#10151c;color:var(--ink)}label{display:block;font-size:14px}textarea{resize:vertical}.check{display:flex;align-items:start;gap:12px;font-size:13px}.check input{margin-top:6px;flex-shrink:0}.sf-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}output{display:block;min-height:24px;color:var(--mint);font-size:13px}progress{width:100%;height:14px;accent-color:var(--mint)}.growth strong{font-size:28px}.growth p{font-size:14px}.sf-plans .cards{grid-template-columns:1fr 1fr}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery section{padding:24px;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.gallery h2{font-size:22px;margin-top:0}.gallery img{display:block;background:repeating-conic-gradient(#38414a 0% 25%,#26303a 0% 50%) 50%/16px 16px;max-width:100%;height:auto;margin:20px 0}.gallery textarea{font:11px/1.6 ui-monospace,monospace;min-height:145px;overflow-wrap:anywhere}.gallery button{font-size:12px;padding:8px 12px;margin-top:16px}.faq-group{margin:32px 0}.faq-group details{border-bottom:1px solid var(--line);padding:20px 0}.faq-group summary{cursor:pointer;font-weight:600;padding:4px 0;color:var(--ink)}.faq-group details[open] summary{color:var(--mint)}.faq-group details p{max-width:900px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resource-grid h2{font-size:25px;margin-top:0}.page-content pre{background:#070b10;padding:20px;border-radius:9px;overflow-x:auto;max-width:100%;font-size:13px}.page-content table{width:100%;border-collapse:collapse;font-size:14px}.page-content th,.page-content td{border-bottom:1px solid var(--line);text-align:left;padding:12px;vertical-align:top}.table-scroll{overflow-x:auto}.page-content td{color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#0c1016}.footer-inner{max-width:1200px;margin:auto;padding:48px 28px 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:40px}.footer-wordmark{display:block;max-width:250px;font-size:28px;font-weight:800;text-decoration:none}.footer-wordmark img{display:block;max-width:250px}.footer-top p{font-size:13px}.footer-contact{color:var(--mint);text-decoration:none;font-size:16px}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--line);padding:32px 0}.footer-nav h2{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#788a96;margin:0 0 20px}.footer-nav .menu{display:grid;gap:12px;font-size:13px}.footer-nav .menu li+li,.legal-nav .menu li+li{margin:0}.legal-nav .menu{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;padding-bottom:26px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:24px;font-size:11px;color:var(--muted)}.footer-bottom a{text-decoration:none}.sf-identity h2{font-size:24px;margin-top:0}.sf-identity p{font-size:14px}.wp-caption{max-width:100%}.alignwide{width:100%}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{cursor:pointer;padding:10px}.mobile-nav nav{position:absolute;top:48px;right:0;z-index:10;background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:12px;min-width:220px}.mobile-nav .menu{display:grid;gap:14px}.hero{gap:32px}.hero h1{font-size:54px}.header-inner{gap:16px}.custom-logo-link,.custom-logo{max-width:190px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.header-inner{padding:16px 20px}.header-cta{display:none}.content{padding:36px 20px 60px}.hero{grid-template-columns:1fr;padding-top:0;gap:32px}.hero h1{font-size:48px}.hero .lead{font-size:16px}.product-window{transform:none}.facts{margin-bottom:40px}.facts>div{padding:18px 12px}.facts strong{font-size:25px}.facts span{font-size:10px}.cards,.steps,.demo-layout,.resource-grid,.gallery,.sf-plans .cards{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{max-width:none}.voices,.cta-panel{padding:24px}.footer-inner{padding:36px 20px 24px}.footer-top{align-items:start}.footer-wordmark,.footer-wordmark img{max-width:190px}.footer-nav{gap:20px}.legal-nav .menu{gap:14px}.growth{padding:20px}.growth strong{font-size:23px}.sf-support-form{padding:20px}}
@media(max-width:380px){.hero h1{font-size:41px}.custom-logo-link,.custom-logo{max-width:170px}.facts strong{font-size:22px}.footer-top{flex-direction:column}.footer-nav{grid-template-columns:1fr 1fr}.actions{align-items:stretch;flex-direction:column}.actions .button{text-align:center}.product-window{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.sf-languages{position:relative;font-size:12px;max-width:180px}.sf-languages summary{cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:8px;white-space:nowrap}.sf-languages nav{position:absolute;inset-inline-end:0;top:100%;z-index:20;background:var(--panel);padding:16px;border:1px solid var(--line);border-radius:12px;max-height:70vh;overflow:auto;min-width:220px}.sf-languages ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.sf-languages a{text-decoration:none}.header-inner{gap:18px}.desktop-nav .menu{gap:16px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}html[dir=rtl] .product-window{transform:rotate(-1deg)}html[dir=rtl] .gallery textarea,html[dir=rtl] pre,html[dir=rtl] code{direction:ltr;text-align:left}html[dir=rtl] .sf-trap{left:auto;right:-9999px}html[dir=rtl] .mobile-nav nav{right:auto;left:0}body{overflow-wrap:anywhere}@media(max-width:1200px){.header-cta{display:none}}@media(max-width:440px){.header-inner{gap:8px;flex-wrap:wrap}.sf-languages{margin-inline-start:auto}.custom-logo-link,.custom-logo{max-width:160px}.mobile-nav{margin-left:0;margin-inline-start:auto}.hero h1{font-size:39px}}

.sf-trap{position:absolute!important;inset:auto!important;width:1px;height:1px;clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}

/* Reference navigation and footer, Subscribe Form identity. */
.site-header{background:#f7f8f2;color:#173039;border-color:#dfe6dc;position:relative;z-index:30}.header-inner{max-width:1470px;gap:24px;padding:20px 28px}.desktop-nav{margin-inline-start:auto}.desktop-nav .menu{gap:22px;font-size:13px}.desktop-nav .menu a{color:#36525a}.desktop-nav .current-menu-item>a{color:#007e69;border-bottom:2px solid #007e69;padding-bottom:9px}.site-header a:hover{color:#007e69}.header-cta{display:inline-flex;background:#a6efcb;border:1px solid #94dcb7;color:#173039;border-radius:11px;font-weight:750;padding:16px 23px;gap:24px;min-height:56px}.header-cta:hover{background:#8fe6b9}.sf-languages{max-width:190px;flex-shrink:0}.sf-languages summary{background:#152f38;color:white;border:1px solid #29454b;border-radius:10px;padding:12px 16px;min-height:58px;white-space:normal;font-weight:700;list-style:none}.sf-languages summary:after{content:"▾";display:block;font-size:10px}.sf-languages nav{top:calc(100% + 10px);background:white;color:#006d78;border:1px solid #dbe3d8;border-radius:15px;padding:12px;min-width:285px;max-width:calc(100vw - 32px);max-height:min(590px,70vh);box-shadow:0 15px 40px #10242c14;scrollbar-gutter:stable}.sf-languages ul{gap:0}.sf-languages li+li{margin:0}.sf-languages a{display:block;padding:13px 15px;border-radius:8px;color:#006d78;font-size:14px}.sf-languages a:hover,.sf-languages a[aria-current=true]{background:#eaf3e3;color:#123d43}.site-header :focus-visible{outline-color:#007e69}.mobile-nav nav{background:#f7f8f2;color:#173039;border-color:#dfe6dc}.site-footer{background:#111e23;color:#f1f5ef;border-color:#34464b}.footer-inner{max-width:1470px;padding:60px 28px 20px}.footer-top{padding-bottom:42px}.footer-top p{color:#b7c7c9;margin-top:26px;font-size:14px}.footer-contact{color:#a6efcb;font-size:14px}.footer-nav{padding:38px 0;gap:70px;border-color:#34464b}.footer-nav h2{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.footer-nav .menu{gap:22px;font-size:14px}.footer-nav a,.legal-nav a{color:#eef5f3}.legal-nav .menu{font-size:13px;gap:28px;padding-bottom:30px}.footer-bottom{border-color:#34464b;font-size:12px;padding-top:26px}.footer-meta{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:#aabfc1;font-size:12px}.footer-meta small{font-size:11px}.footer-signature{border-top:1px solid #34464b;max-width:1414px;margin:20px auto 0;text-align:center;font-size:clamp(36px,10.2vw,166px);font-weight:850;letter-spacing:-.06em;line-height:1.12;color:transparent;-webkit-text-stroke:1px #415258;overflow:hidden;white-space:nowrap;user-select:none;padding:12px 16px 0}.footer-signature::selection{background:transparent}
@media(max-width:1250px){.header-inner{gap:15px}.desktop-nav .menu{gap:13px}.custom-logo-link,.custom-logo{max-width:180px}.header-cta{padding:14px 18px;gap:12px}}
@media(max-width:1000px){.header-cta{display:inline-flex}.mobile-nav{margin-inline-start:auto}.header-inner{flex-wrap:wrap}.footer-nav{gap:32px}}
@media(max-width:600px){.header-inner{padding:16px;gap:12px}.header-cta{order:3;flex:1;min-height:52px;padding:12px 18px}.sf-languages{order:4;flex:1;max-width:none}.sf-languages summary{min-height:52px;padding:8px 14px}.sf-languages nav{min-width:min(285px,calc(100vw - 32px))}.footer-inner{padding:40px 20px 20px}.footer-top{align-items:flex-start}.footer-nav{grid-template-columns:1fr;gap:26px}.footer-nav .menu{gap:16px}.footer-bottom,.footer-meta{flex-direction:column;gap:14px}.footer-signature{font-size:10vw}.legal-nav .menu{display:grid;gap:16px}.footer-wordmark,.footer-wordmark img{max-width:220px}}
