/*
Theme Name: Cantando con Pepo
Description: Tema ligero que recupera los contenidos y la identidad visual de Cantando con Pepo.
Version: 1.0.1
Requires at least: 6.8
Requires PHP: 8.4
Text Domain: pepo
*/
:root{--blue:#29456e;--yellow:#f5dc3d;--red:#ed3344;--cream:#fffbee;--width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--blue);background:var(--cream)}a{color:inherit}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #df3045}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.15}h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;margin-bottom:24px}h3{line-height:1.3;font-size:1.2rem}.wrap{width:min(var(--width),calc(100% - 48px));margin:auto}.skip-link{position:absolute;top:-90px;left:20px;z-index:20;padding:10px;background:white}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;background:var(--yellow);box-shadow:0 2px 8px #172b4510}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}.brand{background:var(--blue);padding:6px 12px;border-radius:8px}.brand img{width:150px;height:auto}.site-nav{display:flex;gap:28px;align-items:center;font-size:.95rem;font-weight:750}.site-nav a{text-decoration:none;padding:12px 0}.site-nav a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none;border:2px solid var(--blue);background:transparent;border-radius:8px;padding:7px 13px;color:var(--blue)}.hero{background:#29466f url('../../uploads/recovered/hero.webp') center center/cover no-repeat;min-height:min(740px,calc(100svh - 80px));display:flex;align-items:center;color:white}.hero-content{width:45%;padding:65px 0}.hero-logo{width:440px;margin-bottom:30px}.hero p{max-width:390px;font-size:1.2rem}.hero h1{max-width:470px}.eyebrow{font-size:.8rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.button,.wpcf7-submit{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border:0;border-radius:9px;padding:13px 24px;background:var(--blue);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.button:hover,.wpcf7-submit:hover{filter:brightness(1.13)}.button-yellow{background:var(--yellow);color:var(--blue)}.button-outline{border:1px solid currentColor;background:transparent}.actions{display:flex;flex-wrap:wrap;gap:12px}.section{padding:80px 0}.section-title{text-align:center;max-width:720px;margin:0 auto 38px}.section-title p{margin-bottom:0}.music{background:var(--red);color:white}.music-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.music-card{background:#ffffff;border-radius:15px;padding:26px 20px;color:var(--blue);display:flex;flex-direction:column;min-height:250px;box-shadow:0 7px 0 #9f1f3020}.music-card .track-number{font-size:.75rem;letter-spacing:.12em;font-weight:800;color:#b92c3c;margin-bottom:28px}.music-card h3{min-height:3em}.music-card p{font-size:.9rem}.embed-slot{margin-top:auto}.embed-slot button{width:100%}.embed-slot iframe{display:block;width:100%;border:0;border-radius:12px;min-height:152px}.embed-note{font-size:.82rem;text-align:center;margin:24px 0 0}.video{background:#f5dc3d url('../../uploads/recovered/yellow-texture.webp') center/cover}.video-wrap{max-width:920px;margin:auto;background:var(--blue);aspect-ratio:16/9;display:grid;place-items:center;border-radius:16px;overflow:hidden;color:white;text-align:center}.video-wrap .embed-slot{margin:0;width:100%;height:100%;display:grid;place-items:center}.video-wrap button{width:auto}.video-wrap iframe{height:100%;min-height:0;border-radius:0}.about{background:#fff4a7}.about-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:center}.about-grid img{border-radius:14px}.about-copy{color:#273848}.about-copy h2{color:var(--blue)}.bio{background:#e83345 url('../../uploads/recovered/bio-background.webp') left center/cover no-repeat;min-height:610px;display:flex;align-items:center}.bio-card{padding:42px;background:var(--yellow);border-radius:16px;width:52%;margin-left:auto;color:#273848}.bio-card h2{color:var(--blue)}.gallery-section{background:var(--blue);color:var(--yellow)}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.photo-grid a{display:block;border-radius:12px;overflow:hidden;background:#18345b}.photo-grid img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .18s}.photo-grid a:hover img{transform:scale(1.04)}.gallery-section .actions{justify-content:center;margin-top:30px}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:start}.contact-copy{padding-top:12px}.social-links{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0;font-weight:650}.contact a{overflow-wrap:anywhere}.wpcf7{background:#fff;padding:30px;border:1px solid #dedfd7;border-radius:15px}.wpcf7 label{display:block;font-size:.94rem;font-weight:650}.wpcf7 p{margin-bottom:20px}.wpcf7 input:not([type=submit]),.wpcf7 textarea{display:block;margin-top:7px;padding:11px 12px;width:100%;border:1px solid #b8c2cd;border-radius:7px;background:#fff;color:#273848}.wpcf7 textarea{height:135px;resize:vertical}.wpcf7 form .wpcf7-response-output{margin:18px 0 0;padding:12px;font-size:.9rem}.privacy-note{font-size:.8rem;line-height:1.5;color:#566477}.pepo-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.listen{background:var(--yellow);text-align:center}.listen .actions{justify-content:center}.site-footer{background:var(--blue);color:#fff;text-align:center;padding:32px 20px;font-size:.82rem}.site-footer p:last-child{margin-bottom:0}.page-content{padding:70px 0;min-height:50vh}.page-content .wrap{max-width:850px}.error-page{text-align:center}.wp-block-html{margin:0}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:950px){.site-nav{gap:17px}.music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr 2fr}.about-grid>img:last-child{display:none}.contact-grid{gap:35px}.bio-card{width:58%;padding:28px}.hero{background-position:58% center}.hero-content{width:48%}.hero-content h1{font-size:2.35rem}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:72px}.brand img{width:150px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--yellow);padding:15px 24px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #29456e22}.site-nav.is-open{display:flex}.hero{min-height:790px;background-size:auto 470px;background-position:65% top;align-items:flex-end;background-color:#29466f}.hero-content{width:100%;padding:490px 0 42px}.hero-logo{width:275px;margin-bottom:18px}.hero h1{font-size:2.1rem;max-width:370px}.hero p{font-size:1rem}.section{padding:55px 0}.music-grid{gap:12px}.music-card{padding:20px 15px}.music-card h3{font-size:1.05rem}.music-card .button{padding:10px 12px;font-size:.85rem}.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.about-grid>img{max-height:340px;width:100%;object-fit:cover;object-position:50% 32%}.bio{padding-top:300px;background-size:auto 470px;background-position:25% top}.bio-card{width:100%;padding:27px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wpcf7{padding:22px}.actions .button{flex-grow:1}.video-wrap{border-radius:10px}.section-title h2{font-size:1.8rem}.contact-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}