.giras{max-width:1100px;margin:36px auto;padding:0 22px 60px;color:#10263e}.giras h1{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2}.giras h2{font-size:1.4rem}.giras p{line-height:1.65}.giras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}.gira-card,.gira-form,.gira-nota{background:white;border:1px solid #d3e0e9;border-radius:16px;padding:24px;margin:20px 0}.gira-etiqueta{color:#007c83;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.gira-form label{display:block;margin:14px 0}.gira-form input:not([type=checkbox]),.gira-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid #9aacbb;border-radius:6px;font:inherit}.gira-form textarea{min-height:130px}.giras button,.giras .gira-boton{display:inline-block;background:#007779;color:white;border:0;border-radius:7px;padding:10px 16px;font:inherit;cursor:pointer;text-decoration:none}.giras button:disabled{opacity:.6;cursor:wait}.giras button:focus-visible,.giras a:focus-visible{outline:3px solid #e1a633;outline-offset:3px}.giras .gira-secundario{background:#e6eef2;color:#10263e}.gira-nota{background:#eef7f7}.gira-insignia{width:90px;height:90px;float:left;margin:0 20px 12px 0}.gira-tabla{overflow:auto}.giras table{width:100%;border-collapse:collapse}.giras th,.giras td{text-align:left;padding:12px;border-bottom:1px solid #dae3e9;vertical-align:top}.gira-acciones{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.giras [role=status]{white-space:pre-line;color:#8b3300}.gira-contenido{overflow-wrap:anywhere}.gira-contenido .texto{white-space:pre-wrap}.gira-form input[type=checkbox]{width:auto}.giras [hidden]{display:none!important}@media(max-width:600px){.gira-card,.gira-form,.gira-nota{padding:17px}.giras{padding:0 15px 40px}}

.gira-foto{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:18px}.gira-foto-detalle{aspect-ratio:auto;max-height:560px;object-fit:contain;background:#eaf0f3}

/* Fotos compactas a la izquierda en el listado de giras. */
.giras-grid:has(> .gira-card > .gira-foto){grid-template-columns:minmax(0,1fr)}
.giras-grid > .gira-card:has(> .gira-foto){display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:24px;row-gap:8px;align-items:start}
.giras-grid > .gira-card > .gira-foto{grid-column:1;grid-row:1 / span 6;width:200px;height:150px;aspect-ratio:auto;object-fit:contain;margin:0;align-self:start}
.giras-grid > .gira-card:has(> .gira-foto) > :not(img){grid-column:2;margin:0;min-width:0;overflow-wrap:anywhere}
.giras-grid > .gira-card:has(> .gira-foto) > .gira-boton{justify-self:start}
@media(max-width:600px){
 .giras-grid > .gira-card:has(> .gira-foto){grid-template-columns:minmax(0,1fr);row-gap:12px}
 .giras-grid > .gira-card > .gira-foto{grid-column:1;grid-row:auto;width:min(200px,100%);height:130px}
 .giras-grid > .gira-card:has(> .gira-foto) > :not(img){grid-column:1}
}
.gira-insignia-evento{width:150px;height:150px;object-fit:contain}.gira-nota:has(.gira-insignia-evento){display:flow-root}