/*
Theme Name: Little Media Studio
Description: Perfil profesional de Pablo Fernández. Producción audiovisual y consultoría tecnológica.
Version: 1.0.0
Author: Little Media Studio
Text Domain: little-media-studio
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/

:root{--ink:#16191b;--blue:#062846;--paper:#f8f7f3;--muted:#646965;--line:#d8dad4;--accent:#d9ee89}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #3875a8;outline-offset:5px}.wrap{max-width:1320px;margin:auto;padding:0 6%}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:block;width:128px;height:74px;overflow:hidden}.brand img{width:169px;height:auto;filter:invert(1);transform:translate(-25px,-23px)}nav{display:flex;align-items:center;gap:32px;font-size:13px}.contact-link{padding:14px 18px;border:1px solid var(--ink);border-radius:30px}.hero{padding:64px 0 0}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%;background:#638126}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(64px,8.4vw,114px);line-height:1.02;letter-spacing:-.045em;margin:30px 0 0;position:relative;z-index:2}.hero h1 span{display:block;color:var(--blue)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-top:-4px}.intro{padding:48px 0 48px;max-width:430px}.intro p{font-size:18px;line-height:1.65;color:#4a504f;margin:0 0 27px}.intro strong{color:var(--ink)}.button{display:inline-flex;align-items:center;gap:35px;padding:18px 24px;background:var(--ink);color:white;border-radius:4px;font-size:14px}.button:hover{background:var(--blue)}.arrow{font-size:20px}.place{margin-top:28px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.portrait{position:relative;background:var(--blue);height:385px;border-radius:180px 180px 0 0;overflow:hidden;max-width:420px;margin-left:auto;width:100%}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 26%;filter:grayscale(1)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,40,70,.18),transparent);pointer-events:none}.caption{position:absolute;bottom:22px;left:24px;z-index:1;color:white;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:var(--muted)}.strip b{font-weight:400;color:var(--ink)}section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:44px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin:0 0 16px}h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.045em;line-height:1.12;margin:0;max-width:620px}.section-note{max-width:280px;font-size:14px;line-height:1.6;color:var(--muted);margin:28px 0 0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service{border-top:1px solid var(--ink);padding-top:22px}.number{font-size:12px;color:var(--muted)}h3{font-size:25px;letter-spacing:-.035em;margin:28px 0 18px}.service p{font-size:15px;line-height:1.7;color:var(--muted)}.tags{margin-top:25px;font-size:11px;line-height:2;color:#455c6a}.about{background:#eaece6;padding:70px 6%;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p{font-size:17px;line-height:1.8;color:#4a504f;margin:0 0 20px}.about h2{font-size:39px}.podcast{margin-top:40px;padding-top:25px;border-top:1px solid #c8cec3;font-size:14px;line-height:1.7}.podcast a{display:inline-block;margin-top:8px;border-bottom:1px solid var(--ink)}.contact{padding:90px 0 75px}.contact h2{font-size:clamp(44px,6vw,76px);max-width:800px}.email{display:inline-block;font-size:clamp(20px,3vw,35px);letter-spacing:-.035em;margin:32px 0 15px;border-bottom:1px solid var(--ink);padding-bottom:8px}.contact p{font-size:14px;color:var(--muted);max-width:520px;line-height:1.7}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
@media(min-width:1500px){.hero h1{font-size:118px}}
@media(max-width:800px){header{height:95px}nav{gap:17px}nav .optional{display:none}.hero{padding-top:42px}.hero h1{font-size:clamp(51px,9vw,78px)}.hero-bottom{gap:30px}.intro p{font-size:16px}.portrait{height:320px}.services{gap:23px}.section-head{display:block}.section-note{max-width:440px;margin-top:22px}.about{gap:35px}.strip{flex-wrap:wrap;justify-content:start;gap:14px 25px}section{padding:65px 0}}
@media(max-width:560px){.wrap{padding:0 7%}.brand{width:106px}nav{font-size:12px}.contact-link{padding:12px}.hero h1{font-size:clamp(44px,10.4vw,62px);letter-spacing:-.04em;margin-top:24px}.eyebrow{font-size:9px;letter-spacing:.09em}.hero-bottom{grid-template-columns:1fr;margin-top:0;gap:0}.intro{padding:28px 0 35px;max-width:none}.portrait{height:350px;width:100%;max-width:360px;margin:auto}.services,.about{grid-template-columns:1fr}.services{gap:35px}.service h3{margin-top:18px}.about{padding:38px 25px;gap:25px}.about h2{font-size:32px}.about p{font-size:16px}.contact{padding:65px 0}.contact h2{font-size:43px}footer{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Segunda propuesta: azul como acento visible. */
:root{--blue:#155bd7}
.hero h1 span{color:var(--blue)}
.dot{background:var(--blue)}
.button{background:var(--blue)}
.button:hover{background:#1045a5}
.contact-link{border-color:var(--blue);color:var(--blue)}
.contact-link:hover{background:var(--blue);color:white}
.brand{position:relative}
.brand:after{content:"";position:absolute;right:2px;bottom:8px;width:7px;height:7px;background:var(--blue);border-radius:50%}
.strip{border-top-color:var(--blue)}
.strip b{color:var(--blue)}
.number{color:var(--blue)}
.tags{color:var(--blue)}
.about{background:#edf2fc;border:1px solid #dce6fa}
.kicker{color:var(--blue)}
.podcast{border-top-color:#c7d6f2}
.podcast a{color:var(--blue);border-bottom-color:var(--blue)}
.email{color:var(--blue);border-bottom-color:var(--blue)}
.portrait{background:#062846}
.portrait:after{background:linear-gradient(0deg,rgba(21,91,215,.25),transparent 55%)}


.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:999;background:white;padding:15px}
.content-page{max-width:820px;margin:auto;padding:65px 0;font-size:17px;line-height:1.8}.content-page h1{font-size:48px;line-height:1.1}.content-page a{text-decoration:underline}.content-page img{max-width:100%;height:auto}
.legal-links{display:flex;flex-wrap:wrap;gap:15px}.admin-bar header{margin-top:0}.portrait{border:0}.hero h1{overflow-wrap:break-word}.hero h1 span{overflow-wrap:anywhere}
.brand img.custom-logo-image{filter:none;transform:none;width:100%;height:100%;object-fit:contain}.brand.custom-brand:after{display:none}