/*
Theme Name: Cartelera
Theme URI: https://www.fitzwilliamquartet.org/
Author: Redacción Fitzwilliam Quartet
Description: Tema propio de Fitzwilliam Quartet: carteles verticales con alturas escalonadas que se recorren de lado, en gris plata, tinta y zafiro.
Version: 1.0.1
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cartelera-fq
Update URI: false
*/
@font-face{font-family:'Noto Serif Display';font-weight:500;font-style:normal;font-display:swap;src:url(assets/fonts/noto-serif-display-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Serif Display';font-weight:800;font-style:normal;font-display:swap;src:url(assets/fonts/noto-serif-display-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Rethink Sans';font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/rethink-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Rethink Sans';font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/rethink-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Rethink Sans';font-weight:800;font-style:normal;font-display:swap;src:url(assets/fonts/rethink-sans-latin-800-normal.woff2) format('woff2')}
:root{--crt-bg:#dcdde0;--crt-sup:#f3f4f6;--crt-ink:#101113;--crt-gris:#3a3d45;--crt-zaf:#123fa6;--crt-zafc:#8fb0ff;--crt-line:#6b6e7a;--crt-ph:#c4c6cc;--crt-err:#a01818;
--crt-h:'Noto Serif Display',Georgia,'Times New Roman',serif;--crt-t:'Rethink Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--crt-g:max(16px,env(safe-area-inset-left,0px));--crt-gr:max(16px,env(safe-area-inset-right,0px))}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--crt-bg);color:var(--crt-ink);font:400 18px/1.6 var(--crt-t);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;text-wrap:balance;overflow-wrap:break-word}
p{margin:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,.crt-tira:focus-visible,#main:focus-visible{outline:3px solid var(--crt-zaf);outline-offset:3px}
.crt-ft a:focus-visible,.crt-ft button:focus-visible,.crt-g a:focus-visible{outline-color:var(--crt-zafc)}
a,button,summary,input,select,textarea{touch-action:manipulation}
::selection{background:var(--crt-zaf);color:#fff}
.crt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.crt-skip{position:absolute;left:-999px;top:8px;background:var(--crt-ink);color:#fff;padding:12px 16px;z-index:50}
.crt-skip:focus{left:8px}
.crt-w{max-width:1280px;margin-inline:auto;padding-left:var(--crt-g);padding-right:var(--crt-gr)}
/* cabecera */
.crt-hd{padding-block:22px 8px}
.crt-hi{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.crt-brand{display:flex;align-items:center;gap:12px;font:800 26px/1 var(--crt-h);letter-spacing:-.02em;color:var(--crt-ink)}
.crt-mk{flex:none}
.crt-nav{display:flex;gap:2px 22px;flex-wrap:wrap;align-items:center;font:600 16px/1 var(--crt-t)}
.crt-nav>a,.crt-dd>summary{min-height:44px;display:inline-flex;align-items:center;cursor:pointer;list-style:none}
.crt-dd>summary::-webkit-details-marker{display:none}
.crt-dd>summary::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 9px}
.crt-nav a[aria-current=page]{color:var(--crt-zaf);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.crt-nav>a:hover,.crt-dd>summary:hover{text-decoration:underline;text-underline-offset:.3em}
.crt-dd{position:relative}
.crt-pan{position:absolute;top:46px;left:-14px;z-index:20;background:var(--crt-sup);border:1px solid var(--crt-line);min-width:270px;padding:8px 0}
.crt-pan a{display:block;padding:11px 14px;font:600 15px/1.3 var(--crt-t)}
.crt-pan a:hover{background:var(--crt-bg)}
.crt-mnu{display:none}
.crt-mnu summary{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--crt-ink);font:600 15px/1 var(--crt-t);cursor:pointer;list-style:none}
.crt-mnu summary::-webkit-details-marker{display:none}
.crt-mp{position:absolute;left:var(--crt-g);right:var(--crt-gr);top:70px;z-index:30;background:var(--crt-sup);border:1px solid var(--crt-line);padding:6px 0;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
.crt-mp a{display:flex;min-height:48px;align-items:center;padding:0 14px;font:600 18px var(--crt-t)}
.crt-pt{display:flex;min-height:48px;align-items:center;padding:0 14px;font:800 18px var(--crt-t);color:var(--crt-zaf)}
.crt-sub a{padding-left:30px;font:400 16px var(--crt-t)}
.crt-hi{position:relative}
@media(max-width:820px){.crt-nav{display:none}.crt-mnu{display:block}}
/* portada */
.crt-fp{padding-block:34px 24px}
.crt-fp h1,.crt-ch h1{font:800 clamp(30px,4.4vw,60px)/1.02 var(--crt-h);letter-spacing:-.025em;max-width:20ch;margin-bottom:30px}
.crt-tira{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;margin-right:calc(var(--crt-gr)*-1);padding-right:var(--crt-gr);align-items:flex-start;scrollbar-color:var(--crt-zaf) #c4c6cc;overscroll-behavior-x:contain}
.crt-c{flex:none;width:clamp(220px,24vw,300px);scroll-snap-align:start;display:block;transition:transform .2s}
.crt-tira .crt-c:nth-child(even){margin-top:56px}
.crt-tira .crt-c:first-child{width:clamp(280px,32vw,420px)}
.crt-im{display:block;aspect-ratio:3/4;background:var(--crt-ph);overflow:hidden}
.crt-im img{width:100%;height:100%;object-fit:cover}
.crt-c h3{font:800 20px/1.18 var(--crt-h);margin:12px 0 4px;letter-spacing:-.01em}
.crt-tira .crt-c:first-child h3{font-size:28px}
.crt-c:hover{transform:translateY(-4px)}
.crt-c:hover h3,.crt-cd:hover h3,.crt-secs a:hover b{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:2px}
.crt-k{display:block;font:600 14px/1.3 var(--crt-t);color:var(--crt-zaf)}
.crt-sec{padding-block:36px 24px}
.crt-h2s{font:800 clamp(24px,3vw,38px)/1.1 var(--crt-h);letter-spacing:-.02em;margin-bottom:22px}
.crt-secs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.crt-secs a{display:block}
.crt-secs .crt-im{aspect-ratio:16/10}
.crt-secs b{display:block;font:800 20px/1.2 var(--crt-h);margin-top:10px}
.crt-n{display:block;font:400 15px/1.4 var(--crt-t);color:var(--crt-gris)}
.crt-lead{font:400 clamp(18px,1.8vw,22px)/1.5 var(--crt-t);color:var(--crt-gris);max-width:50ch}
.crt-cu .crt-lead{margin:-8px 0 22px}
.crt-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.crt-g a{display:block;background:var(--crt-ink);color:#fff;padding:26px}
.crt-g b{display:block;font:800 clamp(22px,2.6vw,32px)/1.1 var(--crt-h)}
.crt-g span{display:block;color:var(--crt-bg);margin-top:8px;font-size:16px}
.crt-g a:hover b{text-decoration:underline;text-underline-offset:.18em}
/* pie y cookies */
.crt-ft{background:var(--crt-ink);color:var(--crt-bg);padding-block:44px;margin-top:48px}
.crt-fi{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.crt-ft h2{font:800 15px/1.2 var(--crt-t);color:#fff;margin-bottom:8px}
.crt-ft .crt-brand{color:#fff;font-size:22px;margin-bottom:10px}
.crt-ft .crt-brand .crt-mk{color:#fff}
.crt-ft a{display:block;padding:6px 0}
.crt-ft p a{display:inline}
.crt-ft p{font-size:16px;max-width:40ch}
.crt-ac{color:var(--crt-zafc);text-decoration:underline;text-underline-offset:.2em}
.crt-ckn{position:fixed;left:var(--crt-g);bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:60;max-width:520px;background:var(--crt-sup);border:1px solid var(--crt-line);padding:16px 18px;font:15px/1.5 var(--crt-t);color:var(--crt-gris);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.crt-ckn[hidden]{display:none}
.crt-ckn p{margin-bottom:12px}
.crt-ckn a{text-decoration:underline;color:var(--crt-zaf)}
.crt-ckn button{font:800 15px/1 var(--crt-t);background:transparent;color:var(--crt-ink);border:1px solid var(--crt-ink);padding:13px 16px;min-height:46px;cursor:pointer;margin-right:8px}
.crt-ckn button.crt-p{background:var(--crt-zaf);color:#fff;border-color:var(--crt-zaf)}
/* cabecera de página y migas */
.crt-ch{padding-block:30px 8px}
.crt-ch h1{font-size:clamp(44px,9vw,120px);line-height:.92;letter-spacing:-.04em;max-width:none;margin-bottom:20px}
.crt-ch .crt-lead{margin-bottom:6px}
.crt-cr{font:600 14px/1.4 var(--crt-t);color:var(--crt-gris);margin-bottom:22px}
.crt-cr a{color:var(--crt-zaf);text-decoration:underline;text-underline-offset:.2em}
/* listado de categoría */
.crt-pos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;align-items:start}
.crt-cd{display:block}
.crt-pos .crt-cd:nth-child(3n+2){margin-top:56px}
.crt-pos .crt-cd:nth-child(3n+3){margin-top:112px}
.crt-cd h3{font:800 22px/1.18 var(--crt-h);letter-spacing:-.01em;margin:12px 0 6px}
.crt-cd p{font-size:16px;color:var(--crt-gris);margin-bottom:6px}
.crt-pg{display:flex;gap:8px;flex-wrap:wrap;margin-top:44px}
.crt-pg a,.crt-pg span{min-width:46px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:2px solid var(--crt-ink);font:800 16px var(--crt-t)}
.crt-pg .current{background:var(--crt-ink);color:var(--crt-bg)}
.crt-pg a:hover{background:var(--crt-ink);color:var(--crt-bg)}
/* entrada */
.crt-hd1{padding-top:30px}
.crt-en h1{font:800 clamp(34px,5.6vw,76px)/1 var(--crt-h);letter-spacing:-.035em;max-width:19ch;margin:12px 0 18px}
.crt-meta{font:600 15px/1.4 var(--crt-t);color:var(--crt-gris);display:flex;gap:6px 18px;flex-wrap:wrap}
.crt-fh{aspect-ratio:16/9;max-width:1100px;margin:30px 0 36px;background:var(--crt-ph);overflow:hidden}
.crt-fh img{width:100%;height:100%;object-fit:cover}
.crt-fh.crt-sm{max-width:760px;aspect-ratio:4/3}
.crt-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr) minmax(0,2fr);gap:clamp(16px,4vw,56px)}
.crt-body>.crt-art{grid-column:2}
.crt-art{max-width:64ch}
.crt-art p,.crt-art ul,.crt-art ol{margin:0 0 1.2em;font-size:19px;line-height:1.72}
.crt-art h2{font:800 clamp(24px,2.8vw,32px)/1.15 var(--crt-h);letter-spacing:-.02em;margin:1.6em 0 .5em}
.crt-art h3{font:800 22px/1.2 var(--crt-h);margin:1.4em 0 .4em}
.crt-art a{color:var(--crt-zaf);text-decoration:underline;text-underline-offset:.2em}
.crt-art img{margin:1.4em 0;height:auto}
.crt-art blockquote{margin:1.4em 0;padding-left:20px;border-left:4px solid var(--crt-zaf);font:500 22px/1.4 var(--crt-h)}
.crt-art table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.crt-art th,.crt-art td{border:1px solid var(--crt-line);padding:10px 12px;text-align:left}
.crt-idx{background:var(--crt-sup);border:1px solid var(--crt-line);padding:14px 18px;margin:0 0 1.6em}
.crt-idx summary{font:800 16px var(--crt-t);cursor:pointer;min-height:32px}
.crt-idx ol{margin:10px 0 0;padding-left:20px;font-size:16px}
.crt-idx a{text-decoration:none;color:var(--crt-ink)}
.crt-idx a:hover{text-decoration:underline}
.crt-shr{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.crt-shr a,.crt-shr button{font:800 14px/1 var(--crt-t);border:1px solid var(--crt-ink);background:transparent;color:var(--crt-ink);padding:14px 16px;min-height:46px;display:inline-flex;align-items:center;cursor:pointer}
.crt-shr a:hover,.crt-shr button:hover{background:var(--crt-ink);color:var(--crt-bg)}
.crt-art .crt-shr a{text-decoration:none;color:var(--crt-ink)}
.crt-art .crt-shr a:hover{color:var(--crt-bg)}
.crt-rel{margin-top:24px;padding-top:28px;border-top:2px solid var(--crt-ink)}
.crt-rc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.crt-rc .crt-c{width:auto}
.crt-faq details{border-top:1px solid var(--crt-line);padding:14px 0}
.crt-faq summary{font:800 19px/1.3 var(--crt-t);cursor:pointer;min-height:32px}
.crt-faq details p{margin:10px 0 0}
.crt-lg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2fr);gap:clamp(24px,5vw,64px);align-items:start}
.crt-lg aside{position:sticky;top:20px}
.crt-mut{font-size:15px;color:var(--crt-gris);margin-top:14px}
.crt-mut a{color:var(--crt-zaf);text-decoration:underline}
/* sobre nosotros */
.crt-big{font:500 clamp(22px,2.6vw,32px)/1.3 var(--crt-h);max-width:34ch}
.crt-big p{margin:0 0 .6em}
.crt-tr4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.crt-tr4 a{display:block}
.crt-tr4 a:nth-child(2){margin-top:40px}.crt-tr4 a:nth-child(3){margin-top:80px}.crt-tr4 a:nth-child(4){margin-top:120px}
.crt-tr4 b{display:block;font:800 22px/1.15 var(--crt-h);margin:12px 0 4px}
.crt-tr4 a:hover b{text-decoration:underline;text-underline-offset:.18em}
/* contacto */
.crt-ctc{max-width:1280px;margin-inline:auto;padding:30px var(--crt-gr) 24px var(--crt-g);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,6vw,96px);align-items:start}
.crt-c1 h1{font:800 clamp(40px,7vw,96px)/.95 var(--crt-h);letter-spacing:-.04em;margin-bottom:20px}
.crt-mail{margin:20px 0 26px;font:800 clamp(20px,2.4vw,30px)/1.2 var(--crt-h);color:var(--crt-zaf);word-break:break-all}
.crt-mail a{text-decoration:underline;text-underline-offset:.18em}
.crt-c1 .crt-im{aspect-ratio:4/3}
.crt-fm{display:grid;gap:22px}
.crt-fm label{display:block;font:800 17px/1.2 var(--crt-t)}
.crt-fm input[type=text],.crt-fm input[type=email],.crt-fm select,.crt-fm textarea,.crt-sf input{display:block;width:100%;margin-top:8px;font:400 18px/1.4 var(--crt-t);background:var(--crt-sup);color:var(--crt-ink);border:1px solid var(--crt-line);padding:14px;min-height:48px;border-radius:0}
.crt-fm textarea{min-height:150px;resize:vertical}
.crt-ak{font:400 16px/1.4 var(--crt-t)!important;display:flex!important;gap:10px;align-items:flex-start}
.crt-ak input{width:24px;height:24px;margin:2px 0 0;flex:none;accent-color:var(--crt-zaf)}
.crt-ak a{color:var(--crt-zaf);text-decoration:underline}
.crt-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.crt-btn{font:800 16px/1 var(--crt-t);background:var(--crt-zaf);color:#fff;border:0;padding:14px 22px;min-height:48px;cursor:pointer;transition:background .15s}
.crt-btn:hover{background:#0d3180}
.crt-btn[aria-disabled=true]{cursor:progress;opacity:.8}
.crt-msg{padding:14px 16px;background:var(--crt-sup);border:1px solid var(--crt-ink);font:600 16px/1.4 var(--crt-t)}
.crt-msg.crt-er{border-color:var(--crt-err);color:var(--crt-err)}
.crt-sf label{font:800 17px var(--crt-t);display:block}
.crt-sf div{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.crt-sf input{flex:1 1 240px}
/* responsive */
@media(max-width:900px){.crt-secs,.crt-tr4{grid-template-columns:1fr 1fr}.crt-tr4 a:nth-child(n){margin-top:0}.crt-tr4 a:nth-child(even){margin-top:30px}.crt-pos{grid-template-columns:1fr 1fr}.crt-pos .crt-cd:nth-child(n){margin-top:0}.crt-pos .crt-cd:nth-child(even){margin-top:40px}.crt-body{grid-template-columns:1fr}.crt-body>.crt-art{grid-column:1}.crt-ctc,.crt-lg,.crt-fi{grid-template-columns:1fr}.crt-lg aside{position:static}.crt-g{grid-template-columns:1fr}}
@media(max-width:560px){.crt-pos,.crt-rc{grid-template-columns:1fr}.crt-pos .crt-cd:nth-child(n){margin-top:0}.crt-rc{gap:26px}.crt-brand{font-size:20px}.crt-tira .crt-c{width:210px}.crt-tira .crt-c:first-child{width:260px}.crt-ckn{right:var(--crt-gr);max-width:none}}
@media(prefers-reduced-motion:reduce){.crt-c,.crt-btn{transition:none}.crt-c:hover{transform:none}}