/*
Theme Name: Pass Your TOEFL
Theme URI: https://passyourtoefl.com
Author: Pass | Your
Description: Tema de bloques (FSE) para Pass | Your TOEFL. Todo el contenido, cabecera, menú y pie son editables desde el editor de WordPress.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: passyourtoefl
*/
:root{--o:#ff6600;--p:#3b3489;--y:#ffc300}

.py-hero h1{color:var(--o);font-size:clamp(2.6rem,6vw,4.2rem);line-height:1.05;font-weight:800}
.py-band{background:var(--o);color:#fff;text-align:center;padding:60px 24px}.py-band h2,.py-band p{color:#fff}
.py-purple{background:var(--p);color:#fff;text-align:center;padding:70px 24px}.py-purple h2{color:#fff}
.py-orange{background:var(--o);color:#fff;padding:70px 24px}.py-orange h2,.py-orange p{color:#fff}
.py-center{text-align:center}.py-center h2 span,.py-hero h2 span,.py-text h2 span{color:var(--o)}
.btn .wp-block-button__link{background:var(--o);color:#fff;border-radius:8px;font-weight:700;padding:12px 26px}
.btn-white .wp-block-button__link{background:#fff;color:var(--o);border-radius:8px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.btn-out .wp-block-button__link{background:#fff;color:var(--o);border:2px solid var(--o);border-radius:8px;font-weight:700}
.py-card{background:var(--o);color:#fff;border-radius:14px;padding:26px;flex:1}.py-card h3,.py-card p{color:#fff;margin:0 0 .5em}
.py-yellow{background:var(--y);border-radius:12px;padding:40px;text-align:center;color:#fff;font-size:2rem;font-weight:800}
.py-problem details{background:#fff;border:1.5px solid var(--p);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.py-problem details[open]{background:var(--o);color:#fff;border-color:var(--o)}.py-problem summary{font-weight:700;cursor:pointer}
.py-faq details{background:#fff;border-radius:10px;padding:14px 18px;margin-bottom:12px;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.py-faq summary{color:var(--o);font-weight:700;cursor:pointer}
.py-blog{background:#fff;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.1);overflow:hidden;padding-bottom:20px}.py-blog h3,.py-blog p,.py-blog .wp-block-buttons{padding:0 20px}
.py-form iframe{width:100%;height:560px;border:0;border-radius:10px;background:#fff}:root{--o:#ff6600;--p:#3b3489;--y:#ffc300}

.py-hero h1{color:var(--o);font-size:clamp(2.6rem,6vw,4.2rem);line-height:1.05;font-weight:800}
.py-band{background:var(--o);color:#fff;text-align:center;padding:60px 24px}.py-band h2,.py-band p{color:#fff}
.py-purple{background:var(--p);color:#fff;text-align:center;padding:70px 24px}.py-purple h2{color:#fff}
.py-orange{background:var(--o);color:#fff;padding:70px 24px}.py-orange h2,.py-orange p{color:#fff}
.py-center{text-align:center}.py-center h2 span,.py-hero h2 span,.py-text h2 span{color:var(--o)}
.btn .wp-block-button__link{background:var(--o);color:#fff;border-radius:8px;font-weight:700;padding:12px 26px}
.btn-white .wp-block-button__link{background:#fff;color:var(--o);border-radius:8px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.btn-out .wp-block-button__link{background:#fff;color:var(--o);border:2px solid var(--o);border-radius:8px;font-weight:700}
.py-card{background:var(--o);color:#fff;border-radius:14px;padding:26px;flex:1}.py-card h3,.py-card p{color:#fff;margin:0 0 .5em}
.py-yellow{background:var(--y);border-radius:12px;padding:40px;text-align:center;color:#fff;font-size:2rem;font-weight:800}
.py-problem details{background:#fff;border:1.5px solid var(--p);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.py-problem details[open]{background:var(--o);color:#fff;border-color:var(--o)}.py-problem summary{font-weight:700;cursor:pointer}
.py-faq details{background:#fff;border-radius:10px;padding:14px 18px;margin-bottom:12px;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.py-faq summary{color:var(--o);font-weight:700;cursor:pointer}
.py-blog{background:#fff;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.1);overflow:hidden;padding-bottom:20px}.py-blog h3,.py-blog p,.py-blog .wp-block-buttons{padding:0 20px}
.py-form iframe{width:100%;height:560px;border:0;border-radius:10px;background:#fff}.py-dark{background:#2b3a55;color:#fff;padding:90px 40px}.py-dark h1,.py-dark p,.py-dark h2{color:#fff}.py-dark h1{font-size:3rem}
.py-quote p{font-style:italic;font-size:1.3rem;text-align:center}.py-white-text{color:#fff}
.py-orange h1{color:#fff;font-size:3.6rem}.py-nav{margin:0}.py-date{color:#555;font-size:.9rem;margin:0}
.py-orange-img img{background:var(--o);border-radius:14px}.py-hero-h{color:#ff6600;font-size:3.4rem;font-weight:800;line-height:1.05}
body{font-family:Arial,Helvetica,sans-serif;color:#333;margin:0}
.wp-site-blocks>*{margin-block-start:0}
.py-topbar{background:var(--o);padding:10px 16px;text-align:center}.py-topbar p{margin:0;font-size:.85rem}.py-topbar a{color:#fff;font-weight:700;text-decoration:none}
.py-header{background:#fff;padding:14px 48px;box-shadow:0 4px 14px rgba(0,0,0,.08);position:sticky;top:0;z-index:50}
.wp-block-site-title{margin:0;font-weight:800}.wp-block-site-title a{color:var(--o);text-decoration:none}
.py-header .wp-block-navigation a{color:#333;text-decoration:none;font-size:.9rem}
.py-nav-cta .wp-block-navigation-item__content{background:var(--o);color:#fff!important;padding:9px 22px;border-radius:8px;font-weight:700}
.py-footer{padding:60px 48px;background:#fff}.py-footer a{color:#333;text-decoration:none}
.wp-block-post-content>.wp-block-columns,.wp-block-post-content>.wp-block-group.py-hero,.wp-block-post-content>.py-center,.wp-block-post-content>.py-text,.wp-block-post-content>.py-problem{max-width:1100px;margin:50px auto;padding:0 24px;box-sizing:border-box}
.py-orange>.wp-block-columns,.py-orange>.wp-block-group,.py-orange>h2,.py-orange>p,.py-band>*,.py-purple>*,.py-dark>*{max-width:1100px;margin-left:auto;margin-right:auto}
.py-faq p,.py-faq details{color:#333}
.py-problem details[open] p,.py-problem details[open] a{color:#fff}.py-problem details p{margin:.8em 0 0}
.py-hero-cols{gap:40px}.py-card{box-sizing:border-box}.py-yellow h2{color:#fff;font-size:2.2rem}
.py-blog{height:100%}.wp-block-image img{max-width:100%;height:auto;border-radius:12px}
.py-hero-h{color:#ff6600;font-size:3.4rem;font-weight:800;line-height:1.05}
@media(max-width:781px){.py-header{padding:12px 20px}.py-footer{padding:40px 20px}.py-hero h1{font-size:2.6rem}}