/* DISEÑO MEGA MENU */
body:not(.wp-admin) header.wp-block-template-part{ position: relative !important; z-index: 999999 !important; overflow: visible !important; } #mega-menu-wrap-tsr_primary{ position: relative !important; z-index: 1000000 !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu{ z-index: 1000001 !important; } @media (min-width: 782px){ #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary > li.mega-menu-item > a.mega-menu-link{ color: #1a1a1a !important; font-weight: 440 !important; letter-spacing: .01em !important; text-decoration: none !important; background-color: transparent !important; background-image: linear-gradient(90deg, #1e40af, #9b1c1c) !important; background-repeat: no-repeat !important; background-position: 0 calc(100% - 2px) !important; background-size: 0% 2px !important; transition: background-size .30s ease, color .22s ease !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary > li.mega-menu-item:hover > a.mega-menu-link, #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary > li.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary > li.mega-current-menu-ancestor > a.mega-menu-link{ background-size: 70% 2px !important; background-color: transparent !important; } } @media (min-width: 782px){ #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary li.mega-menu-flyout ul.mega-sub-menu{ background: rgba(255,255,255,.94) !important; border: 1px solid rgba(155,28,28,.10) !important; border-radius: 18px !important; box-shadow: 0 18px 50px rgba(0,0,0,.10), 0 2px 10px rgba(0,0,0,.04) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; padding: 14px !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link{ background: transparent !important; color: #1a1a1a !important; font-size: 14.75px !important; font-weight: 440 !important; letter-spacing: .01em !important; padding: 12px 14px !important; border-radius: 14px !important; line-height: 1.25 !important; box-shadow: none !important; transition: background-color .22s ease, transform .18s ease, color .22s ease !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:hover > a.mega-menu-link, #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item > a.mega-menu-link{ background: rgba(155,28,28,.055) !important; color: #1a1a1a !important; transform: translateX(3px) !important; box-shadow: inset 0 0 0 1px rgba(155,28,28,.05) !important; } } @media (max-width: 1200px){ #mega-menu-wrap-tsr_primary .mega-menu-toggle{ background: transparent !important; box-shadow: none !important; border: 0 !important; } #mega-menu-wrap-tsr_primary .mega-toggle-blocks-right{ background: transparent !important; box-shadow: none !important; } #mega-menu-wrap-tsr_primary .mega-toggle-blocks-right::before, #mega-menu-wrap-tsr_primary .mega-toggle-blocks-right::after{ background: #111111 !important; height: 2.5px !important; border-radius: 999px !important; } } @media (max-width: 781px){ body:not(.wp-admin) header.wp-block-template-part{ z-index: 999999 !important; overflow: visible !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary > li.mega-menu-item > a.mega-menu-link{ font-size: 21px !important; font-weight: 700 !important; letter-spacing: -0.025em !important; line-height: 1.12 !important; color: #101010 !important; -webkit-font-smoothing: antialiased !important; text-rendering: geometricPrecision !important; } } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link{ display: flex !important; align-items: center !important; gap: 14px !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link::before{ content: "" !important; display: inline-block !important; width: 42px !important; height: 42px !important; min-width: 42px !important; border-radius: 50% !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(0,0,0,.15) !important; transition: transform .25s ease !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover::before{ transform: scale(1.05) !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-duo > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/01/duo-de-rumba-150x150.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-trio > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/01/trio-rumbero-150x150.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-cuarteto > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/01/cuarteto-profesional-150x150.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-grupo > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/01/banda-completa-150x150.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-personalizado > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2025/12/logo-typical-spanish-rumba-150x150.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-sobre > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/03/typical-spanish-rumba-musicos.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-celebraciones > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/03/celebraciones-eventos-sociales-rumba.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-fiestas > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/03/rumba-fiestas-populares.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-bodas > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/03/rumba-bodas-musica-en-directo.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-empresa > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/03/rumba-eventos-empresa-musica.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-privados > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/03/rumba-eventos-privados-amigos.webp") !important; } #mega-menu-wrap-tsr_primary ul.mega-sub-menu li.tsr-menu-festivales > a.mega-menu-link::before{ background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/03/rumba-festival-cultural.webp") !important; } @media (max-width: 781px){ #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary > li.mega-menu-item{ border-bottom: 1px solid rgba(0,0,0,.055) !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary > li.mega-menu-item > a.mega-menu-link{ min-height: 64px !important; padding: 18px 26px !important; font-size: 20px !important; font-weight: 700 !important; letter-spacing: -0.025em !important; color: #101010 !important; background: transparent !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary li.mega-toggle-on > a.mega-menu-link{ background: rgba(155,28,28,.045) !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary ul.mega-sub-menu{ padding: 8px 18px 16px 18px !important; background: rgba(255,255,255,.72) !important; border-radius: 0 0 18px 18px !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary ul.mega-sub-menu li.mega-menu-item{ border-bottom: 0 !important; margin-bottom: 6px !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link{ display: flex !important; align-items: center !important; gap: 12px !important; min-height: 54px !important; padding: 8px 10px !important; font-size: 14.5px !important; font-weight: 520 !important; line-height: 1.18 !important; color: #202020 !important; background: rgba(255,255,255,.52) !important; border-radius: 14px !important; box-shadow: none !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link::before{ width: 38px !important; height: 38px !important; min-width: 38px !important; } } #mega-menu-wrap-tsr_primary .mega-menu-toggle{ background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 44px !important; } #mega-menu-wrap-tsr_primary .mega-menu-toggle .mega-toggle-animated, #mega-menu-wrap-tsr_primary .mega-menu-toggle .mega-toggle-label, #mega-menu-wrap-tsr_primary .mega-menu-toggle .mega-toggle-animated-inner, #mega-menu-wrap-tsr_primary .mega-menu-toggle .mega-toggle-animated-inner::before, #mega-menu-wrap-tsr_primary .mega-menu-toggle .mega-toggle-animated-inner::after{ display: none !important; opacity: 0 !important; } #mega-menu-wrap-tsr_primary .mega-toggle-blocks-right{ position: relative !important; width: 34px !important; height: 28px !important; min-width: 34px !important; min-height: 28px !important; background: transparent !important; } #mega-menu-wrap-tsr_primary .mega-toggle-blocks-right::before{ content: ""; position: absolute; left: 0; top: 6px; width: 26px; height: 2px; background: #1a1a1a; border-radius: 2px; transition: transform .25s ease, top .25s ease, left .25s ease; pointer-events: none; } #mega-menu-wrap-tsr_primary .mega-toggle-blocks-right::after{ content: ""; position: absolute; left: 8px; top: 16px; width: 26px; height: 2px; background: #1a1a1a; border-radius: 2px; transition: transform .25s ease, top .25s ease, left .25s ease; pointer-events: none; } #mega-menu-wrap-tsr_primary .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-right::before{ top: 11px; left: 0; transform: rotate(45deg); } #mega-menu-wrap-tsr_primary .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-right::after{ top: 11px; left: 0; transform: rotate(-45deg); } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary li.tsr-menu-grupos-rumba > a.mega-menu-link { display: flex !important; align-items: center !important; gap: 6px !important; } #mega-menu-wrap-tsr_primary #mega-menu-tsr_primary li.tsr-menu-grupos-rumba > a.mega-menu-link::before { content: "" !important; display: block !important; width: 28px !important; height: 24px !important; min-width: 28px !important; flex: 0 0 28px !important; margin-right: 2px !important; background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/05/guitarra-trans.webp?v=1") !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; transform: translateZ(0); -webkit-transform: translateZ(0); } 
/* MENU STICKY OK */
@media (max-width: 781px){ body:not(.wp-admin){ padding-top: 110px !important; } body:not(.wp-admin) header.wp-block-template-part{ position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 999999 !important; background: rgba(255,255,255,.96) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; transform: none !important; overflow: visible !important; } body:not(.wp-admin) header.wp-block-template-part.is-hidden{ transform: none !important; } #mega-menu-wrap-tsr_primary{ position: relative !important; z-index: 1000000 !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary{ background: #ffffff !important; padding: 30px 0 46px 0 !important; box-shadow: 0 18px 45px rgba(0,0,0,.08) !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-menu-item{ margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(0,0,0,.055) !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-menu-item:last-child{ border-bottom: 0 !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-menu-item > a.mega-menu-link{ display: flex !important; align-items: center !important; min-height: 76px !important; padding: 22px 34px !important; margin: 0 !important; font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.025em !important; line-height: 1.12 !important; color: #101010 !important; background: #ffffff !important; box-shadow: none !important; border-radius: 0 !important; -webkit-font-smoothing: antialiased !important; text-rendering: geometricPrecision !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-current-menu-item > a.mega-menu-link{ background: rgba(0,0,0,.025) !important; background-image: linear-gradient(90deg, #1e40af, #9b1c1c) !important; background-repeat: no-repeat !important; background-size: 66px 3px !important; background-position: 34px calc(100% - 10px) !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-menu-item > a.mega-menu-link .mega-indicator{ margin-left: auto !important; font-size: 18px !important; opacity: .95 !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary li.tsr-menu-grupos-rumba > a.mega-menu-link::before{ width: 30px !important; height: 28px !important; min-width: 30px !important; margin-right: 18px !important; } #mega-menu-wrap-tsr_primary .mega-menu-toggle{ background: transparent !important; box-shadow: none !important; border: 0 !important; } #mega-menu-wrap-tsr_primary button.mega-close{ display: flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 52px !important; margin-top: 16px !important; margin-left: 22px !important; margin-bottom: 8px !important; background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; color: #111111 !important; font-size: 32px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; } } @media (max-width: 781px){ .tsr-mobile-menu-close{ display: none !important; } body:has(#mega-menu-wrap-tsr_primary .mega-menu-toggle.mega-menu-open) .tsr-mobile-menu-close, .tsr-mobile-menu-close.is-visible{ display: block !important; position: fixed !important; top: 20px !important; right: 24px !important; width: 56px !important; height: 56px !important; z-index: 2147483647 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; pointer-events: auto !important; } .tsr-mobile-menu-close::before, .tsr-mobile-menu-close::after{ content: "" !important; position: absolute !important; left: 9px !important; top: 27px !important; width: 38px !important; height: 3px !important; background: #111 !important; border-radius: 999px !important; } .tsr-mobile-menu-close::before{ transform: rotate(45deg) !important; } .tsr-mobile-menu-close::after{ transform: rotate(-45deg) !important; } } @media (max-width: 781px){ #mega-menu-wrap-tsr_primary button.mega-close, #mega-menu-wrap-tsr_primary button.mega-close::before, #mega-menu-wrap-tsr_primary button.mega-close::after, html #mega-menu-wrap-tsr_primary button.mega-close, html #mega-menu-wrap-tsr_primary button.mega-close::before, html #mega-menu-wrap-tsr_primary button.mega-close::after{ display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; width: 0 !important; height: 0 !important; background: transparent !important; content: none !important; } .tsr-mobile-menu-close.is-visible{ display: block !important; position: fixed !important; top: 20px !important; right: 24px !important; width: 56px !important; height: 56px !important; z-index: 2147483647 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; pointer-events: auto !important; } } @media (max-width: 781px){ #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary{ border-radius: 0 0 26px 26px !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-menu-item > a.mega-menu-link{ transition: background-color .22s ease, color .22s ease, transform .18s ease !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-menu-item:hover > a.mega-menu-link, #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-toggle-on > a.mega-menu-link{ background: rgba(155,28,28,.035) !important; transform: translateX(2px) !important; } .tsr-mobile-menu-close{ transition: transform .22s ease, opacity .22s ease !important; } .tsr-mobile-menu-close:hover{ transform: rotate(90deg) scale(1.04) !important; } } @media (max-width: 781px){ #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary{ height: auto !important; min-height: 0 !important; max-height: none !important; padding-bottom: 22px !important; background: rgba(255,255,255,.94) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; box-shadow: 0 18px 45px rgba(0,0,0,.10) !important; border-radius: 0 0 28px 28px !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-menu-item > a.mega-menu-link{ background: transparent !important; } #mega-menu-wrap-tsr_primary ul#mega-menu-tsr_primary > li.mega-current-menu-item > a.mega-menu-link{ background-color: rgba(255,255,255,.55) !important; } } button.tsr-mobile-menu-close { display: none; }
/* TABLA TABLE PRESS – ENCABEZADOS MULTIDIOMA */
html[lang="es-ES"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang="es-ES"] .repertorio-wrapper thead th.column-1::after { content:"Canción"; font-size:14px; } html[lang="es-ES"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang="es-ES"] .repertorio-wrapper thead th.column-2::after { content:"Artista"; font-size:14px; } html[lang="ca"] .repertorio-wrapper thead th.column-1, html[lang="ca-ES"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang="ca"] .repertorio-wrapper thead th.column-1::after, html[lang="ca-ES"] .repertorio-wrapper thead th.column-1::after { content:"Cançó"; font-size:14px; } html[lang="ca"] .repertorio-wrapper thead th.column-2, html[lang="ca-ES"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang="ca"] .repertorio-wrapper thead th.column-2::after, html[lang="ca-ES"] .repertorio-wrapper thead th.column-2::after { content:"Artista"; font-size:14px; } html[lang="en-US"] .repertorio-wrapper thead th.column-1, html[lang="en-GB"] .repertorio-wrapper thead th.column-1, html[lang="en"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang="en-US"] .repertorio-wrapper thead th.column-1::after, html[lang="en-GB"] .repertorio-wrapper thead th.column-1::after, html[lang="en"] .repertorio-wrapper thead th.column-1::after { content:"Song"; font-size:14px; } html[lang="en-US"] .repertorio-wrapper thead th.column-2, html[lang="en-GB"] .repertorio-wrapper thead th.column-2, html[lang="en"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang="en-US"] .repertorio-wrapper thead th.column-2::after, html[lang="en-GB"] .repertorio-wrapper thead th.column-2::after, html[lang="en"] .repertorio-wrapper thead th.column-2::after { content:"Artist"; font-size:14px; } html[lang="pt-PT"] .repertorio-wrapper thead th.column-1, html[lang="pt-BR"] .repertorio-wrapper thead th.column-1, html[lang="pt"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang="pt-PT"] .repertorio-wrapper thead th.column-1::after, html[lang="pt-BR"] .repertorio-wrapper thead th.column-1::after, html[lang="pt"] .repertorio-wrapper thead th.column-1::after { content:"Canção"; font-size:14px; } html[lang="pt-PT"] .repertorio-wrapper thead th.column-2, html[lang="pt-BR"] .repertorio-wrapper thead th.column-2, html[lang="pt"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang="pt-PT"] .repertorio-wrapper thead th.column-2::after, html[lang="pt-BR"] .repertorio-wrapper thead th.column-2::after, html[lang="pt"] .repertorio-wrapper thead th.column-2::after { content:"Artista"; font-size:14px; } html[lang^="fr"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang^="fr"] .repertorio-wrapper thead th.column-1::after { content:"Chanson"; font-size:14px; } html[lang^="fr"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang^="fr"] .repertorio-wrapper thead th.column-2::after { content:"Artiste"; font-size:14px; } html[lang^="it"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang^="it"] .repertorio-wrapper thead th.column-1::after { content:"Canzone"; font-size:14px; } html[lang^="it"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang^="it"] .repertorio-wrapper thead th.column-2::after { content:"Artista"; font-size:14px; } html[lang^="de"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang^="de"] .repertorio-wrapper thead th.column-1::after { content:"Lied"; font-size:14px; } html[lang^="de"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang^="de"] .repertorio-wrapper thead th.column-2::after { content:"Künstler"; font-size:14px; } html[lang^="nl"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang^="nl"] .repertorio-wrapper thead th.column-1::after { content:"Nummer"; font-size:14px; } html[lang^="nl"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang^="nl"] .repertorio-wrapper thead th.column-2::after { content:"Artiest"; font-size:14px; } html[lang^="zh"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang^="zh"] .repertorio-wrapper thead th.column-1::after { content:"歌曲"; font-size:14px; } html[lang^="zh"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang^="zh"] .repertorio-wrapper thead th.column-2::after { content:"艺人"; font-size:14px; } html[lang^="ja"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang^="ja"] .repertorio-wrapper thead th.column-1::after { content:"曲名"; font-size:14px; } html[lang^="ja"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang^="ja"] .repertorio-wrapper thead th.column-2::after { content:"アーティスト"; font-size:14px; } html[lang^="ko"] .repertorio-wrapper thead th.column-1 { font-size:0 !important; } html[lang^="ko"] .repertorio-wrapper thead th.column-1::after { content:"곡명"; font-size:14px; } html[lang^="ko"] .repertorio-wrapper thead th.column-2 { font-size:0 !important; } html[lang^="ko"] .repertorio-wrapper thead th.column-2::after { content:"아티스트"; font-size:14px; }
/* Guitarra LOTTIE */
.tsr-faq-divider lottie-player { display: block; width: 100%; height: 220px; transform: rotate(-1.5deg); filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.1)); }
/* Archivo Faq */
.tsr-faq-item{ padding: 22px 0; border-bottom: 1px solid #eee; transition: background .25s ease; } .tsr-faq-item:hover{ background: rgba(0,0,0,0.015); } .tsr-faq-question{ font-size: 20px; line-height: 1.3; color: #751624; font-weight: 500; margin-bottom: 6px; } .tsr-faq-question a{ text-decoration: none; color: inherit; } .tsr-faq-answer{ font-size: 16px; line-height: 1.65; color: #444; max-width: 720px; } .tsr-faq-source{ margin-top: 6px; } .tsr-faq-source a{ font-size: 13px; color: #751624; text-decoration: none; position: relative; transition: color .25s ease; } .tsr-faq-source a::after{ content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: currentColor; transform: scaleX(0.4); transform-origin: left; transition: transform .3s ease; opacity: .6; } .tsr-faq-source a:hover{ color: #1E3A5F; } .tsr-faq-source a:hover::after{ transform: scaleX(1); opacity: 1; } .tsr-faq-source{ margin-top: 8px; } .tsr-faq-source-btn, .tsr-faq-source-btn .gb-button, .tsr-faq-source-btn a{ display: inline-flex; align-items: center; gap: 6px; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; min-height: auto !important; font-size: 13px !important; line-height: 1.4; font-weight: 400 !important; color: #751624 !important; text-decoration: none !important; position: relative; transition: color .25s ease, opacity .25s ease; } .tsr-faq-source-btn .gb-button::after, .tsr-faq-source-btn a::after{ content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: currentColor; transform: scaleX(.4); transform-origin: left; transition: transform .3s ease, opacity .3s ease; opacity: .65; } .tsr-faq-source-btn:hover, .tsr-faq-source-btn .gb-button:hover, .tsr-faq-source-btn a:hover{ color: #1E3A5F !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .tsr-faq-source-btn .gb-button:hover::after, .tsr-faq-source-btn a:hover::after{ transform: scaleX(1); opacity: 1; } .tsr-faq-source-btn .gb-button-wrapper{ padding: 0 !important; margin: 0 !important; } .tsr-faq-source-btn .gb-button-text{ padding: 0 !important; } @media (max-width: 768px){ .tsr-faq-source-btn, .tsr-faq-source-btn .gb-button, .tsr-faq-source-btn a{ font-size: 12px !important; } } .tsr-faq-list{ max-width: 880px; } .tsr-faq-item{ position: relative; padding: 26px 0; border-bottom: 1px solid rgba(0,0,0,0.06); transition: all .25s ease; } .tsr-faq-item:hover{ background: linear-gradient( to right, rgba(117,22,36,0.02), transparent ); } .tsr-faq-item::before{ content: ""; position: absolute; left: -12px; top: 50%; transform: translateY(-50%) scaleY(0); width: 2px; height: 60%; background: linear-gradient(180deg,#751624,#1E3A5F); border-radius: 2px; transition: transform .25s ease; } .tsr-faq-item:hover::before{ transform: translateY(-50%) scaleY(1); } .tsr-faq-question{ font-size: 21px; line-height: 1.28; font-weight: 500; color: #751624; margin-bottom: 6px; letter-spacing: -0.2px; } .tsr-faq-question:hover{ color: #1E3A5F; } .tsr-faq-question a{ text-decoration: none; color: inherit; } .tsr-faq-answer{ font-size: 16px; line-height: 1.7; color: #444; max-width: 720px; } .tsr-faq-answer p{ margin: 0 0 .8rem; } .tsr-faq-answer p:last-child{ margin-bottom: 0; } .tsr-faq-item:first-child{ padding-top: 10px; } @media (max-width: 768px){ .tsr-faq-item{ padding: 20px 0; } .tsr-faq-question{ font-size: 18px; line-height: 1.3; } .tsr-faq-answer{ font-size: 15px; line-height: 1.65; } } .tsr-faq-answer a, .tsr-faq-answer a:visited{ color: #751624; text-decoration: none; transition: color .25s ease, opacity .25s ease; position: relative; } .tsr-faq-answer a:hover, .tsr-faq-answer a:focus{ color: #1E3A5F; text-decoration: none; } .tsr-faq-answer a{ background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-size: 100% 1px; background-position: 0 100%; }
/* FAQ ok */
.tsr-faq-dynamic-block{ max-width: 900px; } .tsr-faq-block__title{ position: relative; display: inline-block; color: #751624; font-size: 32px; line-height: 1.1; margin-bottom: 1rem; } .tsr-faq-block__title::after{ content:""; position:absolute; left:0; bottom:-6px; width:100%; height:3px; background:#751624; transform:scaleX(.35); transform-origin:left; transition:.4s; } .tsr-faq-block__title:hover::after{ transform:scaleX(1); } .tsr-faq-block__intro{ color:#555; font-size:15px; line-height:1.6; margin-bottom:1.5rem; } .tsr-faq-accordion__item{ border-bottom:1px solid #e6e6e6; } .tsr-faq-accordion__question{ cursor:pointer; padding:14px 0; font-size:18px; line-height:1.35; display:flex; justify-content:space-between; position:relative; } .tsr-faq-accordion__question::after{ content:"+"; position:absolute; right:0; font-size:18px; color:rgba(0,0,0,.55); transition:.25s; } .tsr-faq-accordion__item[open] .tsr-faq-accordion__question::after{ content:"–"; color:#751624; } .tsr-faq-accordion__answer{ padding-bottom:14px; color:#444; font-size:15px; line-height:1.65; } .tsr-faq-block__footer{ margin-top:20px; text-align:center; } .tsr-faq-block__more{ display:inline-block; padding:10px 18px; border-radius:999px; background:#751624; color:#fff; font-size:14px; text-decoration:none; transition:.3s; } .tsr-faq-block__more:hover{ background:#1E3A5F; } .tsr-faq-accordion__item[open] .tsr-faq-accordion__answer{ animation:fadeIn .2s ease; } @keyframes fadeIn{ from{opacity:0;transform:translateY(-4px);} to{opacity:1;transform:translateY(0);} } @media (max-width:768px){ .tsr-faq-block__title{ font-size:22px; } .tsr-faq-accordion__question{ font-size:16px; } }
/* LANDINGS */
.tsr-closing-wrapper{ position: relative; width: 100%; padding: 90px 20px; display: flex; justify-content: center; align-items: center; z-index: 2; } .tsr-landing-closing-text::before{ content:""; display:block; width:70px; height:2px; background:#d4af37; margin:0 auto 25px auto; } .tsr-landing-closing-text{ max-width: 760px; padding: 140px 20px; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-radius: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.25); color: #ffffff!important; text-align: center!important; letter-spacing: 0.2px; font-size: clamp(24px, 2vw, 32px); line-height: 1.8; font-weight: 300; } .tsr-landing-closing-text::first-line{ font-weight: 500; } @media (max-width: 768px){ .tsr-closing-wrapper{ padding: 60px 20px; } .tsr-landing-closing-text{ padding: 30px; font-size: 20px; line-height: 1.5; } } .tsr-term-a { text-transform: lowercase; } .tsr-term-b { text-transform: lowercase;} .tsr-term { } .landing-body p { text-align: justify; } .wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-2725d355.wp-block-group-is-layout-constrained { margin-top: -20px !important; } .tsr-bg__inner h1 { margin: 0 !important; color: #fff; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; text-shadow: 0 2px 14px rgba(0,0,0,.65); text-align: center; padding: 20px; font-size: clamp(24px, 2.4vw + 10px, 48px); text-wrap: balance; } .tsr-bg__inner p{ margin-top: 10px; color: rgba(255,255,255,.92); text-shadow: 0 2px 10px rgba(0,0,0,.55); max-width: 70ch; font-size: clamp(14px, 1vw + 10px, 18px); line-height: 1.45; text-align: justify; padding: 20px; margin: auto; } .tsr-bg.hero_intro:empty{ display: none; } .cta-landing p{ text-align: justify; } .close-landing p{ text-align: center; margin: auto; color: black; text-shadow: 0 2px 10px rgb(255 255 255 / 55%); font-weight: 300; max-width: 70ch; font-size: clamp(14px, 1vw + 10px, 18px); line-height: 1.45; text-align: justify; }
/* Query Loop – Entradas – Generate Blocks */
.tsr-related .tsr-related-card{ background: #fff; border: 1px solid rgba(122, 11, 11, 0.08); border-radius: 22px; overflow: hidden; box-shadow: 0 12px 30px rgba(0,0,0,0.07); display: flex; flex-direction: column; height: 100%; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; position: relative; } .tsr-related .tsr-related-card:hover{ transform: translateY(-5px); box-shadow: 0 20px 42px rgba(0,0,0,0.12); border-color: rgba(122, 11, 11, 0.14); } .tsr-related .tsr-related-card:hover::after{ opacity: 1; transition: transform .7s ease, opacity .25s ease; transform: translateX(120%); } .tsr-catalog-articulos .gb-loop-items, .tsr-catalog-articulos .wp-block-generateblocks-looper, .tsr-catalog-articulos .gb-looper{ display: grid !important; gap: 28px !important; align-items: stretch !important; } .tsr-catalog-articulos .gb-loop-items{ margin: 0 !important; } .tsr-catalog-articulos .gb-loop-item, .tsr-catalog-articulos .gb-query-loop-item{ padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; min-width: 0 !important; } .tsr-catalog-articulos .tsr-card, .tsr-catalog-articulos .gb-loop-item .tsr-card, .tsr-catalog-articulos .gb-query-loop-item .tsr-card{ height: 100%; display: flex; flex-direction: column; min-width: 0; overflow: hidden; } .tsr-catalog-articulos .tsr-card__img, .tsr-catalog-articulos .tsr-card__img figure, .tsr-catalog-articulos .wp-block-post-featured-image, .tsr-catalog-articulos .wp-block-post-featured-image figure{ margin: 0 !important; } .tsr-catalog-articulos .tsr-card__img img, .tsr-catalog-articulos .wp-block-post-featured-image img, .tsr-catalog-articulos .tsr-card img{ width: 100% !important; height: 260px !important; object-fit: cover !important; display: block !important; } .tsr-catalog-articulos .tsr-card > *{ min-width: 0; } .tsr-catalog-articulos .tsr-card p, .tsr-catalog-articulos .tsr-card h2, .tsr-catalog-articulos .tsr-card h3, .tsr-catalog-articulos .tsr-card .wp-block-post-title, .tsr-catalog-articulos .tsr-card .wp-block-post-excerpt, .tsr-catalog-articulos .tsr-card .wp-block-post-date{ margin-left: 0; margin-right: 0; } .tsr-catalog-articulos .tsr-card > .wp-block-group, .tsr-catalog-articulos .tsr-card > .gb-container{ display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } .tsr-catalog-articulos .wp-block-buttons, .tsr-catalog-articulos .wp-block-button, .tsr-catalog-articulos .gb-button-wrapper{ margin-top: auto !important; } .tsr-catalog-articulos .tsr-card:hover{ position: relative; z-index: 2; } .tsr-btn-article{ position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; border-radius: 999px; font-size: 14px; font-weight: 800; letter-spacing: .4px; color: #fff !important; text-decoration: none !important; background: linear-gradient(135deg,#7a1626 0%,#9b1e32 100%); border: 1px solid rgba(122,22,38,.35); box-shadow: 0 6px 16px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.2); overflow: hidden !important; isolation: isolate; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } .tsr-btn-article::after{ content:"→"; font-size: 14px; margin-left: 8px; transition: transform .25s ease; position: relative; z-index: 2; } .tsr-btn-article::before{ content:""; position:absolute; top:-30%; left:-85%; width:42%; height:160%; background: linear-gradient( 115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.28) 45%, rgba(255,255,255,.55) 50%, rgba(255,255,255,.28) 55%, rgba(255,255,255,0) 100% ); transform: rotate(18deg); transition: left .55s ease; pointer-events: none; z-index: 1; } .tsr-btn-article > *{ position: relative; z-index: 2; } .tsr-btn-article:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.25); background: linear-gradient(135deg,#8f1a2e 0%,#b5253c 100%); } .tsr-btn-article:hover::before{ left: 125%; } .tsr-btn-article:hover::after{ transform: translateX(4px); } .tsr-btn-article:active{ transform: translateY(0); box-shadow: 0 4px 10px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.2); } .tsr-catalog-articulos .tsr-card{ display: flex !important; flex-direction: column !important; height: 100% !important; } .tsr-catalog-articulos .tsr-card > .wp-block-group, .tsr-catalog-articulos .tsr-card > .gb-container, .tsr-catalog-articulos .tsr-card .tsr-card__content{ display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; } .tsr-catalog-articulos .tsr-card .wp-block-buttons, .tsr-catalog-articulos .tsr-card .wp-block-button, .tsr-catalog-articulos .tsr-card .gb-button-wrapper{ margin-top: auto !important; } .tsr-related-card{ display:flex; flex-direction:column; height:100%; } .tsr-related-card .tsr-btn-article{ margin-top:auto; }
/* OCULTAR Y MOSTRAR EN DISPOSITIVOS */
@media (max-width:1024px){ .tsr-only-desktop{ display:none !important; } } .tsr-only-tablet-mobile{ display:none !important; } @media (max-width:1024px){ .tsr-only-tablet-mobile{ display:block !important; } } .tsr-only-mobile{ display:none !important; } @media (max-width:767px){ .tsr-only-mobile{ display:block !important; } }
/* ARCHIVES (Formacion, provincia, etc…) */
.tsr-h2-bloque{ margin: 60px auto; padding: 40px; background: #fafafa; border-radius: 18px; } .tsr-h2-bloque-titulo{ font-size: 2rem; line-height: 1.25; margin-bottom: 20px; } .tsr-h2-bloque-texto{ font-size: 1.05rem; line-height: 1.7; color: #444; } .tsr-h2-bloque-texto p{ margin-bottom: 16px; } .tsr-grupos-disponibles{ max-width: 1100px; margin: 56px auto 24px; padding: 0 20px; } .tsr-grupos-header{ } .tsr-grupos-titulo{ font-size: 2.3rem; line-height: 1.15; margin: 0 0 14px; color: #7b2a24; } .tsr-grupos-titulo::after{ content: ""; display: block; width: 68px; height: 3px; margin-top: 12px; background: #7b2a24; } .tsr-grupos-intro{ font-size: 1.05rem; line-height: 1.7; margin: 0; color: #2f2f2f; } .tsr-grupos-titulo::after{ content:""; display:block; width:60px; height:3px; background:#7b2a24; margin-top:10px; }
/* Pagina Inicio */
:root{ --tsr-pad: 18px; --tsr-burgundy: #7a0f1e; --tsr-burgundy-dark: #5f0c17; --tsr-gold-1: #f7e7b1; --tsr-gold-2: #d7b35a; --tsr-gold-3: #b88322; --tsr-text: #1b1b1b; --tsr-soft: rgba(0,0,0,.05); } .tsr-container{ max-width: var(--tsr-container); margin-left: auto; margin-right: auto; padding-left: var(--tsr-pad); padding-right: var(--tsr-pad); } .tsr-home .wp-block-group__inner-container, .tsr-home .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){ max-width: 100%; } .tsr-section{ padding: 80px 0; } .tsr-section--soft{ background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0)); } .tsr-section__title{ margin: 0 0 10px; } .tsr-section__lead{ margin: 0 0 26px; opacity: .9; } .tsr-hero{ padding: 56px 0 34px; } .tsr-hero__lead{ font-size: 1.05rem; line-height: 1.55; max-width: 56ch; } .tsr-hero__image img{ width: 100%; height: auto; border-radius: 18px; box-shadow: 0 16px 50px rgba(0,0,0,.14); } .tsr-cards{ gap: 18px; } .tsr-card{ border: 1px solid rgba(0,0,0,.08); border-radius: 18px; padding: 18px 18px 16px; background: #fff; box-shadow: 0 18px 60px rgba(0,0,0,.06); } .tsr-card__title{ margin: 0 0 6px; } .tsr-card__text{ margin: 0 0 10px; opacity: .92; } .tsr-cta{ margin-top: 22px; border: 1px solid rgba(0,0,0,.08); border-radius: 22px; padding: 22px; background: #fff; box-shadow: 0 18px 60px rgba(0,0,0,.06); text-align: center; } .tsr-cta__title{ margin: 0 0 8px; } .tsr-cta__text{ margin: 0 auto 14px; max-width: 70ch; } .tsr-center{ justify-content: center; } .tsr-linkrow{ margin: 0; } .tsr-link{ display: inline-flex; align-items: center; gap: .35em; font-weight: 700; text-decoration: none; color: var(--tsr-burgundy); } .tsr-link:hover{ text-decoration: underline; } @media (max-width: 900px){ .tsr-section{ padding: 42px 0; } } .tsr-mobile-hero-premium{ position: relative; } .tsr-mobile-hero-premium__cover{ overflow: hidden; border-radius: 0 0 28px 28px; } .tsr-mobile-hero-premium__cover .wp-block-cover__image-background{ object-position: center center; } .tsr-mobile-hero-premium__inner{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .tsr-mobile-hero-premium__eyebrow{ margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.08); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); color: #fff; font-size: 12px; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; } .tsr-mobile-hero-premium__title{ margin: 0 0 16px; color: #fff; font-size: clamp(31px, 8vw, 42px); line-height: 1.05; letter-spacing: -.02em; text-wrap: balance; } .tsr-mobile-hero-premium__text{ max-width: 32ch; margin: 0 auto; color: rgba(255,255,255,.95); font-size: 16px; line-height: 1.55; } .tsr-mobile-hero-premium__buttons{ margin-top: 24px; margin-bottom: 18px; } .tsr-mobile-hero-premium__cta .wp-block-button__link{ min-height: 52px; padding: 14px 24px; border-radius: 999px; font-weight: 700; box-shadow: 0 12px 28px rgba(0,0,0,.22); } .tsr-mobile-hero-premium__meta{ margin: 0; color: rgba(255,255,255,.82); font-size: 13px; line-height: 1.4; } @media (min-width:1025px){ .tsr-mobile-hero-premium{ display: none; } }
/* Query Loop – Grupos de Rumba – Generate Blocks */
.tsr-catalog{ --tsr-gap:22px; max-width:1120px; margin:40px auto; padding:0 18px; } .tsr-catalog .gb-loop-items, .tsr-catalog .wp-block-generateblocks-looper, .tsr-catalog .gb-looper{ display:grid !important; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--tsr-gap) !important; align-items:stretch; } .tsr-catalog .gb-loop-items{ margin:calc(var(--tsr-gap) * -0.5); } .tsr-catalog .gb-loop-item, .tsr-catalog .gb-query-loop-item{ padding:calc(var(--tsr-gap) * 0.5); box-sizing:border-box; } @media (max-width:1100px){ .tsr-catalog .gb-loop-items, .tsr-catalog .wp-block-generateblocks-looper, .tsr-catalog .gb-looper{ grid-template-columns:repeat(3, minmax(0,1fr)); } } @media (max-width:780px){ .tsr-catalog .gb-loop-items, .tsr-catalog .wp-block-generateblocks-looper, .tsr-catalog .gb-looper{ grid-template-columns:repeat(2, minmax(0,1fr)); } } @media (max-width:520px){ .tsr-catalog .gb-loop-items, .tsr-catalog .wp-block-generateblocks-looper, .tsr-catalog .gb-looper{ grid-template-columns:1fr; } } .tsr-catalog .tsr-card, .tsr-catalog .gb-loop-item.tsr-card, .tsr-catalog .gb-query-loop-item.tsr-card{ border-radius:18px; overflow:hidden; background:#fff; border:1px solid rgba(122,11,11,0.14); box-shadow:0 12px 28px rgba(0,0,0,0.08); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; height:100%; display:flex; flex-direction:column; min-width:0; } .tsr-catalog .tsr-card:hover{ transform:translateY(-4px); box-shadow:0 20px 45px rgba(0,0,0,0.14); border-color:rgba(122,11,11,0.22); } .tsr-catalog .tsr-card__img, .tsr-catalog .tsr-card__img figure{ margin:0 !important; } .tsr-catalog .tsr-card__img img, .tsr-catalog .tsr-card img{ width:100% !important; height:230px; object-fit:cover; display:block; } .tsr-catalog .tsr-ref{ margin:0; padding:14px 14px; background:linear-gradient(90deg,#6d1220 0%,#7a1626 40%,#6d1220 100%); color:#fff; font-weight:900; letter-spacing:2.8px; font-size:21px; text-transform:uppercase; line-height:1.1; text-align:center; position:relative; } .tsr-catalog .tsr-ref:after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0)); pointer-events:none; } .tsr-catalog .tsr-line{ margin:0; padding:10px 14px 10px 38px; font-size:11px; font-weight:800; letter-spacing:.35px; text-transform:uppercase; line-height:1.35; border-top:1px solid rgba(0,0,0,0.06); position:relative; color:rgba(0,0,0,0.78); min-width:0; } .tsr-catalog .tsr-line::before{ position:absolute; left:14px; top:10px; line-height:1; font-size:14px; opacity:.9; } .tsr-catalog .tsr-origen::before{ content:"📍"; } .tsr-catalog .tsr-formacion::before{ content:"👥"; } .tsr-catalog .tsr-estilo::before{ content:"🎵"; } .tsr-catalog .tsr-formacion a, .tsr-catalog .tsr-estilo a{ text-decoration:none; color:inherit; } .tsr-catalog .tsr-formacion a:hover, .tsr-catalog .tsr-estilo a:hover{ text-decoration:underline; } .tsr-catalog a.tsr-btn--gold-consult, .tsr-catalog .tsr-btn--gold-consult{ margin-top:auto !important; display:flex !important; justify-content:center !important; align-items:center !important; width:min(320px, calc(100% - 28px)) !important; max-width:calc(100% - 28px) !important; margin-left:auto !important; margin-right:auto !important; margin-bottom:18px !important; margin-top:18px !important; padding:14px 18px !important; border-radius:999px !important; font-weight:800 !important; letter-spacing:.2px !important; font-size:15px !important; color:#1a1407 !important; text-decoration:none !important; border:1px solid rgba(120,75,10,.35) !important; background:linear-gradient(180deg,#f2d58a 0%, #d6ae4b 45%, #b8871c 100%) !important; box-shadow: 0 8px 18px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.35) !important; position:relative !important; overflow:hidden !important; transition:transform .18s ease, filter .18s ease, box-shadow .18s ease !important; } .tsr-catalog a.tsr-btn--gold-consult:hover, .tsr-catalog .tsr-btn--gold-consult:hover{ transform:translateY(-2px) !important; filter:brightness(1.04) saturate(1.05) !important; box-shadow: 0 16px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.45) !important; } .tsr-catalog a.tsr-btn--gold-consult:after, .tsr-catalog .tsr-btn--gold-consult:after{ content:""; position:absolute; top:-40%; left:-60%; width:60%; height:180%; background:radial-gradient(circle at 30% 50%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%); transform:rotate(18deg); opacity:0; transition:all .25s ease; pointer-events:none; } .tsr-catalog a.tsr-btn--gold-consult:hover:after, .tsr-catalog .tsr-btn--gold-consult:hover:after{ opacity:1; left:20%; } .tsr-catalog .tsr-card .wp-block-buttons, .tsr-catalog .tsr-card .wp-block-button, .tsr-catalog .tsr-card .gb-button-wrapper, .tsr-catalog .tsr-card .gb-button{ margin-top: auto !important; display: flex !important; justify-content: center !important; } .tsr-catalog a.tsr-btn--gold-consult, .tsr-catalog .tsr-btn--gold-consult{ width: calc(100% - 28px) !important; max-width: 320px !important; margin: 18px auto 18px auto !important; box-sizing: border-box !important; } .tsr-catalog .tsr-card :is(.wp-block-button__link, .gb-button-link).tsr-btn--gold-consult{ width: calc(100% - 28px) !important; max-width: 320px !important; } .tsr-catalog .tsr-card > .wp-block-group:not(.tsr-ref){ flex-direction: column !important; min-height: 0 !important; } .tsr-catalog a.tsr-btn--gold-consult, .tsr-catalog .tsr-btn--gold-consult{ margin-top: auto !important; margin-bottom: 18px !important; margin-left: auto !important; margin-right: auto !important; width: min(320px, calc(100% - 28px)) !important; max-width: calc(100% - 28px) !important; } .tsr-catalog .tsr-origen{ text-align: center; padding: 12px 14px 14px 14px; border-top: 1px solid rgba(0,0,0,0.06); position: relative; } .tsr-catalog .tsr-origen::before{ content: "📍"; display: block; font-size: 13px; line-height: 1; opacity: .8; margin-bottom: 6px; } .tsr-catalog .tsr-origen .wp-block-post-terms__prefix{ display: block; font-size: 10px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #777; margin: 0 0 8px 0; padding: 0; background: transparent !important; } .tsr-catalog .tsr-origen a{ display: inline-block; padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.12); background: #f7f7f7; font-size: 13px; font-weight: 600; letter-spacing: .2px; text-transform: none; color: #333 !important; text-decoration: none; line-height: 1.2; } .tsr-catalog .tsr-origen a:hover{ background: #f1f1f1; text-decoration: none; } .tsr-catalog .tsr-origen .wp-block-post-terms__prefix{ display:none; } .tsr-catalog .tsr-origen::before{ display:inline-block; margin:0 6px 0 0; vertical-align:middle; } .tsr-catalog .tsr-origen a{ background: transparent; border: 0; padding: 0; font-size: 13px; font-weight: 700; text-transform: uppercase; } .tsr-catalog .tsr-nombre{ text-align:center; font-size:11px; font-weight:500; letter-spacing:1.2px; text-transform:uppercase; color:#7a7a7a; margin:14px 0 6px 0; opacity:.8; } .tsr-gni-wrap{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; flex-wrap:nowrap !important; max-width:100% !important; overflow:visible !important; } .tsr-gni-btn{ all:unset !important; position:relative !important; top:-1px; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:16px !important; height:16px !important; min-width:16px !important; min-height:16px !important; margin-left:6px !important; border-radius:999px !important; border:1px solid rgba(128,20,32,.28) !important; background:#fff !important; color:#9d6b73 !important; font-family:Arial,sans-serif !important; font-size:10px !important; font-weight:700 !important; line-height:1 !important; text-transform:none !important; letter-spacing:0 !important; box-shadow:0 2px 8px rgba(128,20,32,.08) !important; vertical-align:middle !important; cursor:pointer !important; opacity:.9; } .tsr-gni-btn:hover{ opacity:1; border-color:rgba(128,20,32,.45) !important; } .tsr-gni-btn::first-letter{ text-transform:lowercase !important; } .tsr-gni-btn:hover{ transform:translateY(-1px); border-color:#801420 !important; box-shadow:0 7px 16px rgba(128,20,32,.22) !important; } @media (max-width:768px){ .tsr-gni-wrap{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; overflow:visible !important; } .tsr-gni-btn{ width:18px !important; height:18px !important; min-width:18px !important; min-height:18px !important; max-width:18px !important; max-height:18px !important; flex:0 0 18px !important; display:inline-flex !important; visibility:visible !important; opacity:1 !important; } } 
/* SERVICIOS */
.tsr-services { margin-top: 10px; } .tsr-services-hero p{ } .tsr-services-hero-img img{ border-radius: 22px; box-shadow: 0 12px 30px rgba(0,0,0,.10); } .tsr-services-grid{ gap: 18px; } .tsr-service-card{ background: #fafafa; border-radius: 18px; padding: 18px; box-shadow: 0 10px 24px rgba(0,0,0,.06); } .tsr-service-card__img img{ border-radius: 14px; margin-bottom: 10px; } .tsr-service-card h3{ margin-top: 6px; margin-bottom: 6px; } .tsr-service-card p{ margin-top: 0; } .tsr-services-cta{ background: #f5f2ef; border-radius: 22px; padding: 34px 22px; text-align: center; box-shadow: 0 12px 28px rgba(0,0,0,.06); } @media (max-width: 900px){ .tsr-service-card{ padding: 16px; } } .tsr-services-grid .tsr-service-card{ display: flex; flex-direction: column; height: 100%; } .tsr-services-grid .tsr-service-excerpt{ text-align: left; hyphens: none; overflow-wrap: anywhere; word-break: normal; line-height: 1.45; } .tsr-services-grid .tsr-service-excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .tsr-services-grid .tsr-service-cta{ margin-top: auto; padding-top: 14px; } .tsr-service-page {} .tsr-service-split { gap: clamp(16px, 3vw, 32px); } .tsr-service-image img { width: 100%; height: auto; display: block; border-radius: 16px; } .tsr-service-h2 { margin: 0 0 10px; } .tsr-service-h3 { margin: 0 0 8px; } .tsr-service-lead { max-width: 70ch; } .tsr-muted { opacity: .75; } .tsr-service-list { margin: 0; padding-left: 1.1em; } .tsr-service-list li { margin: 0 0 10px; } .tsr-service-cards .tsr-card{ padding: 18px; border-radius: 18px; background: rgba(250,250,250,.9); box-shadow: 0 10px 30px rgba(0,0,0,.06); } .tsr-btn-primary .wp-element-button { border-radius: 999px; } .tsr-service-final-cta{ border-radius: 18px; overflow: hidden; } .tsr-service-cards{ gap: clamp(18px, 3vw, 32px); } .tsr-service-cards .tsr-card{ background: #fafafa; padding: clamp(18px, 2vw, 28px); border-radius: 18px; box-shadow: 0 12px 30px rgba(0,0,0,.06); transition: transform .25s ease, box-shadow .25s ease; display: flex; flex-direction: column; justify-content: flex-start; height: 100%; } .tsr-service-cards .tsr-card:hover{ transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,.08); } .tsr-service-cards .tsr-card h3{ margin-top: 0; margin-bottom: 8px; font-weight: 600; } .tsr-service-cards .tsr-card p{ margin: 0; opacity: .85; line-height: 1.45; } @media (max-width: 900px){ .tsr-service-cards{ flex-direction: column; } } .tsr-service-cards .tsr-card::before{ content: ""; width: 40px; height: 3px; background: #7a1f2b; display: block; margin-bottom: 14px; border-radius: 2px; } .tsr-service-cards{ align-items: stretch; }
/* HEADER */
header.wp-block-template-part{ background: rgba(255,255,255,.92) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0,0,0,.06) !important; } header.wp-block-template-part .wp-block-group, header.wp-block-template-part .wp-block-columns, header.wp-block-template-part .wp-block-column{ min-width: 0; } header.wp-block-template-part .wp-block-site-logo{ width: 92px !important; max-width: 92px !important; flex: 0 0 92px !important; margin: 0 !important; padding: 8px 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; } header.wp-block-template-part .wp-block-site-logo img{ width: 92px !important; max-width: 92px !important; height: auto !important; display: block !important; border-radius: 999px !important; box-shadow: 0 10px 26px rgba(0,0,0,.10) !important; transform: translateY(1px); } header.wp-block-template-part .wp-block-navigation{ padding: 10px 0 !important; } header.wp-block-template-part .is-layout-flex{ align-items: center !important; } header.wp-block-template-part{ transition: all .35s ease; } header.wp-block-template-part.is-scrolled{ background: rgba(255,255,255,.96) !important; box-shadow: 0 12px 35px rgba(0,0,0,.10); } header.wp-block-template-part .wp-block-site-logo img{ transition: transform .4s ease, box-shadow .4s ease; } header.wp-block-template-part .wp-block-site-logo img:hover{ transform: translateY(1px) scale(1.04); box-shadow: 0 14px 40px rgba(0,0,0,.15); } header.wp-block-template-part{ border-bottom: none !important; position: relative; } header.wp-block-template-part::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background: linear-gradient( 90deg, rgba(30,64,175,.6), rgba(155,28,28,.6) ); opacity:.4; } .home header.wp-block-template-part{ background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-bottom: none !important; box-shadow: none !important; } .home header.wp-block-template-part.is-scrolled{ background: rgba(255,255,255,.96) !important; border-bottom: 1px solid rgba(0,0,0,.06) !important; box-shadow: 0 12px 35px rgba(0,0,0,.10) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } header.wp-block-template-part{ transition: background .35s ease, box-shadow .35s ease, border-color .35s ease; } header.wp-block-template-part.is-scrolled{ background: rgba(255,255,255,.96) !important; box-shadow: 0 12px 35px rgba(0,0,0,.10); } header.wp-block-template-part{ border-bottom: none !important; position: relative; } header.wp-block-template-part::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background: linear-gradient(90deg, rgba(30,64,175,.55), rgba(155,28,28,.55)); opacity:.35; } header.wp-block-template-part .wp-block-site-logo img{ transition: transform .4s ease, box-shadow .4s ease; } header.wp-block-template-part .wp-block-site-logo img:hover{ transform: translateY(1px) scale(1.03); box-shadow: 0 14px 40px rgba(0,0,0,.14); }
/* FOOTER */
.tsr-footer-art{ background: #FAF9F7; border-top: 1px solid rgba(0,0,0,.06); padding: 3.75rem 0 2.25rem; position: relative; overflow: clip; } .tsr-footer-art__top{ height: 3px; background: linear-gradient(90deg, rgba(117,22,36,0), rgba(117,22,36,.9), rgba(117,22,36,0)); margin-bottom: 2.25rem; opacity: .95; } .tsr-footer-art__inner.alignwide, .tsr-footer-art__bottom.alignwide{ max-width: 1180px !important; margin-inline: auto !important; padding-inline: clamp(1rem, 3vw, 2.5rem) !important; } .tsr-footer-art__cols{ gap: clamp(1.5rem, 3vw, 3.2rem); align-items: start; } .tsr-footer-art__col{ min-width: 220px; } .tsr-footer-art__brand{ text-align: center; } .tsr-footer-art__logo img{ width: 78px; height: auto; display:block; margin-inline: auto; border-radius: 999px; box-shadow: 0 2px 2px rgba(0,0,0,.06), 0 16px 38px rgba(0,0,0,.14); } .tsr-footer-art__name{ margin: .85rem 0 .35rem; font-family: var(--tsr-font-display, ui-serif); font-size: 1.35rem; line-height: 1.1; letter-spacing: -0.02em; color: rgba(0,0,0,.88); } .tsr-footer-art__name span{ color:#751624; } .tsr-footer-art__desc{ margin: 0; color: rgba(0,0,0,.72); max-width: 42ch; margin-inline: auto; } .tsr-footer-art__title{ font-size: .92rem; font-weight: 750; letter-spacing: .10em; text-transform: uppercase; color: #751624; margin: .2rem 0 1rem; } .tsr-footer-art__list{ list-style:none; padding:0; margin:0 0 1.25rem; } .tsr-footer-art__list li{ margin: 0 0 .7rem; } .tsr-footer-art a{ color: rgba(0,0,0,.74); text-decoration: none; transition: color .2s ease, transform .2s ease; } .tsr-footer-art a:hover{ color:#751624; } .tsr-footer-art__social{ display:flex; gap:.65rem; align-items:center; } .tsr-footer-art__social--brand{ justify-content: center; margin-top: .9rem; } .tsr-social{ width: 42px; height: 42px; border-radius: 999px; display:grid; place-items:center; background: rgba(255,255,255,.86); border: 1px solid rgba(0,0,0,.08); box-shadow: 0 2px 12px rgba(0,0,0,.10); color: #751624 !important; } .tsr-social svg{ width: 20px; height: 20px; fill: currentColor; } @media (prefers-reduced-motion: no-preference){ .tsr-social{ transition: transform .2s ease, box-shadow .2s ease; } .tsr-social:hover{ transform: translateY(-2px); box-shadow: 0 4px 18px rgba(0,0,0,.14); } } .tsr-footer-art__talk{ position: relative; padding: 1.2rem 1.2rem 1.1rem; border-radius: 1.6rem; background: rgba(255,255,255,.70); border: 1px solid rgba(0,0,0,.06); box-shadow: 0 2px 2px rgba(0,0,0,.06), 0 18px 42px rgba(0,0,0,.12); overflow: hidden; } .tsr-footer-art__talk::before{ content:""; position:absolute; inset:-2px; background: radial-gradient(520px 260px at 10% 10%, rgba(117,22,36,.14), transparent 56%); pointer-events:none; } .tsr-footer-art__talktitle{ margin: .2rem 0 .35rem; font-family: var(--tsr-font-display, ui-serif); font-size: 1.42rem; line-height: 1.05; color: rgba(0,0,0,.88); } .tsr-footer-art__talktext{ margin: 0 0 1rem; color: rgba(0,0,0,.72); } .tsr-footer-art .tsr-footer-art__button .wp-block-button__link.tsr-footer-art__btn{ display: inline-flex !important; align-items: center; justify-content: center; gap: .55rem; padding: .98rem 1.45rem !important; min-width: 300px !important; border-radius: 999px !important; color: #fff !important; font-weight: 780 !important; letter-spacing: .01em !important; text-decoration: none !important; background: linear-gradient(180deg, #A32638 0%, #751624 42%, #5E101B 100%) !important; border: 1px solid rgba(255,255,255,.18) !important; box-shadow: 0 2px 2px rgba(0,0,0,.12), 0 18px 46px rgba(117,22,36,.34), inset 0 1px 0 rgba(255,255,255,.20) !important; position: relative; overflow: hidden; } .tsr-footer-art .tsr-footer-art__button .wp-block-button__link.tsr-footer-art__btn::before{ content:""; position:absolute; left: 12%; top: -58%; width: 82%; height: 130%; background: radial-gradient(circle at 50% 30%, rgba(255,255,255,.42), rgba(255,255,255,0) 62%); transform: rotate(8deg); opacity: .95; pointer-events:none; } .tsr-footer-art .tsr-footer-art__button .wp-block-button__link.tsr-footer-art__btn::after{ content:""; position:absolute; inset:-24%; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.18) 45%, rgba(255,255,255,.32) 50%, rgba(255,255,255,.18) 55%, transparent 100%); transform: translateX(-140%) rotate(10deg); pointer-events:none; } @media (prefers-reduced-motion: no-preference){ .tsr-footer-art .tsr-footer-art__button .wp-block-button__link.tsr-footer-art__btn{ transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; } .tsr-footer-art .tsr-footer-art__button .wp-block-button__link.tsr-footer-art__btn:hover{ transform: translateY(-2px); filter: saturate(1.08) contrast(1.03); box-shadow: 0 3px 3px rgba(0,0,0,.14), 0 28px 70px rgba(117,22,36,.42), inset 0 1px 0 rgba(255,255,255,.22) !important; } .tsr-footer-art .tsr-footer-art__button .wp-block-button__link.tsr-footer-art__btn:hover::after{ transform: translateX(140%) rotate(10deg); transition: transform .85s ease; } } @media (max-width: 780px){ .tsr-footer-art .tsr-footer-art__button .wp-block-button__link.tsr-footer-art__btn{ width: 100% !important; min-width: 0 !important; } } .tsr-footer-art__scene{ position: absolute; right: -40px; bottom: 18px; width: min(620px, 50vw); height: min(390px, 36vw); pointer-events: none; opacity: .52; filter: saturate(1.06) contrast(1.04); background-image: url("https://typicalspanishrumba.com/wp-content/uploads/2026/02/rumba-espana-bodas-eventos.png"); background-size: cover; background-position: center; -webkit-mask-image: radial-gradient(closest-side at 60% 55%, rgba(0,0,0,.95), rgba(0,0,0,0) 72%); mask-image: radial-gradient(closest-side at 60% 55%, rgba(0,0,0,.95), rgba(0,0,0,0) 72%); border-radius: 28px; } @media (max-width: 980px){ .tsr-footer-art__scene{ display:none; } } .tsr-footer-art__bottom{ margin-top: 2.25rem; padding-top: 1.1rem; border-top: 1px solid rgba(0,0,0,.06); } .tsr-footer-art__bottomrow{ gap: .85rem 1.2rem; } .tsr-footer-art__legal{ margin: 0; color: rgba(0,0,0,.58); font-size: .92rem; } .tsr-footer-art__contactline{ margin: .35rem 0 0; font-size: .92rem; color: rgba(0,0,0,.62); } .tsr-footer-art__contactline a{ color: rgba(0,0,0,.68); text-decoration: none; } .tsr-footer-art__contactline a:hover{ color:#751624; } .tsr-footer-art__legallinks{ display:flex; flex-wrap:wrap; gap: 1rem; } .tsr-footer-art__legallinks a{ font-size: .92rem; color: rgba(0,0,0,.62); } .tsr-footer-art__legallinks a:hover{ color:#751624; } .tsr-footer-art{ padding-left: 0 !important; padding-right: 0 !important; } .tsr-footer-art__inner.alignwide, .tsr-footer-art__bottom.alignwide{ width: min(1180px, calc(100% - 2rem)) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } .tsr-footer-art__cols{ margin-left: 0 !important; margin-right: 0 !important; } .tsr-footer-art__scene{ width: min(760px, 58vw) !important; height: min(500px, 44vw) !important; opacity: .62 !important; background-position: 55% 70% !important; -webkit-mask-image: radial-gradient(closest-side at 58% 58%, rgba(0,0,0,.98) 0%, rgba(0,0,0,.80) 52%, rgba(0,0,0,0) 82%) !important; mask-image: radial-gradient(closest-side at 58% 58%, rgba(0,0,0,.98) 0%, rgba(0,0,0,.80) 52%, rgba(0,0,0,0) 82%) !important; border-radius: 34px !important; } .tsr-footer-art .wp-block-button__link.tsr-footer-art__btn, .tsr-footer-art .tsr-footer-art__button .wp-block-button__link, .tsr-footer-art .tsr-footer-art__button a{ appearance: none !important; -webkit-appearance: none !important; border: 0 !important; outline: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .55rem !important; padding: 1.05rem 1.55rem !important; min-width: 320px !important; border-radius: 999px !important; color: #fff !important; font-weight: 820 !important; letter-spacing: .01em !important; text-decoration: none !important; text-transform: none !important; background: linear-gradient(180deg, #B22A3F 0%, #8E1C2D 30%, #751624 60%, #5E101B 100%) !important; box-shadow: 0 2px 2px rgba(0,0,0,.14), 0 22px 60px rgba(117,22,36,.42), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -10px 18px rgba(0,0,0,.18) !important; position: relative !important; overflow: hidden !important; } .tsr-footer-art .wp-block-button__link.tsr-footer-art__btn::before, .tsr-footer-art .tsr-footer-art__button .wp-block-button__link::before, .tsr-footer-art .tsr-footer-art__button a::before{ content:"" !important; position:absolute !important; left: 12% !important; top: -62% !important; width: 84% !important; height: 140% !important; background: radial-gradient(circle at 50% 28%, rgba(255,255,255,.48), rgba(255,255,255,0) 62%) !important; transform: rotate(10deg) !important; opacity: .95 !important; pointer-events:none !important; } .tsr-footer-art .wp-block-button__link.tsr-footer-art__btn::after, .tsr-footer-art .tsr-footer-art__button .wp-block-button__link::after, .tsr-footer-art .tsr-footer-art__button a::after{ content:"" !important; position:absolute !important; inset:-26% !important; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.18) 42%, rgba(255,255,255,.34) 50%, rgba(255,255,255,.18) 58%, transparent 100%) !important; transform: translateX(-150%) rotate(12deg) !important; pointer-events:none !important; } @media (prefers-reduced-motion: no-preference){ .tsr-footer-art .wp-block-button__link.tsr-footer-art__btn, .tsr-footer-art .tsr-footer-art__button .wp-block-button__link, .tsr-footer-art .tsr-footer-art__button a{ transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important; } .tsr-footer-art .wp-block-button__link.tsr-footer-art__btn:hover, .tsr-footer-art .tsr-footer-art__button .wp-block-button__link:hover, .tsr-footer-art .tsr-footer-art__button a:hover{ transform: translateY(-2px) !important; filter: saturate(1.10) contrast(1.04) !important; box-shadow: 0 3px 3px rgba(0,0,0,.16), 0 34px 86px rgba(117,22,36,.48), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -12px 18px rgba(0,0,0,.20) !important; } .tsr-footer-art .wp-block-button__link.tsr-footer-art__btn:hover::after, .tsr-footer-art .tsr-footer-art__button .wp-block-button__link:hover::after, .tsr-footer-art .tsr-footer-art__button a:hover::after{ transform: translateX(150%) rotate(12deg) !important; transition: transform .85s ease !important; } } @media (max-width: 780px){ .tsr-footer-art .wp-block-button__link.tsr-footer-art__btn, .tsr-footer-art .tsr-footer-art__button .wp-block-button__link, .tsr-footer-art .tsr-footer-art__button a{ width: 100% !important; min-width: 0 !important; } } .tsr-footer-art__inner.alignwide, .tsr-footer-art__bottom.alignwide{ padding-left: clamp(1rem, 3vw, 2.5rem) !important; padding-right: clamp(1rem, 3vw, 2.5rem) !important; } .tsr-footer-art__inner.alignwide{ max-width: 1320px !important; width: min(1320px, calc(100% - 2rem)) !important; margin-inline: auto !important; } .tsr-footer-art__cols{ max-width: 1240px !important; margin-inline: auto !important; justify-content: center !important; gap: clamp(2rem, 3.2vw, 3.6rem) !important; } @media (min-width: 981px){ .tsr-footer-art__col{ min-width: 280px !important; } .tsr-footer-art__brand{ max-width: 360px; } .tsr-footer-art__talk{ max-width: 420px; } } .tsr-footer-art__scene{ width: min(920px, 66vw) !important; height: min(620px, 54vw) !important; right: -60px !important; bottom: -10px !important; opacity: .66 !important; background-position: 58% 82% !important; -webkit-mask-image: radial-gradient(closest-side at 60% 62%, rgba(0,0,0,.98) 0%, rgba(0,0,0,.85) 50%, rgba(0,0,0,.35) 70%, rgba(0,0,0,0) 92%) !important; mask-image: radial-gradient(closest-side at 60% 62%, rgba(0,0,0,.98) 0%, rgba(0,0,0,.85) 50%, rgba(0,0,0,.35) 70%, rgba(0,0,0,0) 92%) !important; border-radius: 40px !important; } @media (min-width: 1200px){ .tsr-footer-art__scene{ right: -90px !important; } } .tsr-footer-art__legal{ margin-top: 1rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem; font-size: .85rem; letter-spacing: .02em; } .tsr-footer-art__legal a{ color: rgba(0,0,0,.58); text-decoration: none; position: relative; padding-bottom: 2px; transition: color .2s ease; } .tsr-footer-art__legal a::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background: #751624; transition: width .25s ease; } .tsr-footer-art__legal a:hover{ color: #751624; } .tsr-footer-art__legal a:hover::after{ width: 100%; } .tsr-footer-art__legal a:not(:last-child)::before{ content: "·"; position: absolute; right: -0.7rem; color: rgba(0,0,0,.3); }
/* HERO PAGINAS */
.tsr-page-hero{ margin: 0; } .tsr-page-hero__cover{ position: relative; overflow: hidden; border-radius: 0 !important; width: 100%; min-height: clamp(180px, 24vh, 320px); } .tsr-page-hero__cover .wp-block-cover__image-background, .tsr-page-hero__cover .wp-block-cover__video-background{ object-fit: cover; } .tsr-page-hero__cover > .wp-block-cover__inner-container{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none !important; padding: 0 !important; margin: 0 !important; } .tsr-page-hero__cover .tsr-video-bg{ position: absolute; inset: 0; z-index: 1; background: #000; overflow: hidden; } .tsr-page-hero__cover .tsr-video-bg .tsr-video-frame{ position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .tsr-page-hero__cover .tsr-video-bg iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; max-width: none; max-height: none; pointer-events: none !important; transform: translateY(var(--tsr-video-shift, 0%)) scale(var(--tsr-video-scale, 2.15)); transform-origin: 50% var(--tsr-video-origin-y, 20%); } .tsr-page-hero__cover::before{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.35) 100% ); } .tsr-hero-content{ position: relative; z-index: 3; height: 100%; display: grid; align-content: center; justify-items: center; text-align: center; padding: clamp(18px, 4vw, 42px); } .tsr-page-hero__cover .wp-block-post-title{ margin: 0 !important; color: #fff; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; text-shadow: 0 2px 14px rgba(0,0,0,.65); font-size: clamp(28px, 2.4vw + 10px, 48px); text-wrap: balance; white-space: normal; word-break: break-word; overflow-wrap: anywhere; text-wrap: balance; } .tsr-hero-excerpt{ margin-top: 10px; text-shadow: 0 2px 10px rgba(0,0,0,.55); max-width: 70ch; font-size: clamp(14px, 1vw + 10px, 18px); line-height: 1.45; } .tsr-hero-excerpt p { color: white; } .tsr-hero-excerpt:empty{ display: none; } .tsr-page-hero__cover .wp-block-buttons, .tsr-page-hero__cover .wp-block-button{ display: none !important; } @media (min-width: 900px){ .tsr-hero-content{ align-content: center; padding-top: clamp(26px, 5vh, 70px); padding-bottom: clamp(18px, 3vh, 40px); } } @media (max-width: 768px){ .tsr-page-hero__cover{ min-height: 200px; } .tsr-page-hero__cover .tsr-video-bg iframe{ --tsr-video-scale: 2.35; --tsr-video-origin-y: 10%; } .tsr-hero-content{ padding: 18px 16px; } .tsr-hero-excerpt{ font-size: 14px; } } .tsr-video-bg.top10 { --tsr-video-shift: -10%; } .tsr-video-bg.top20 { --tsr-video-shift: -20%; } .tsr-video-bg.top30 { --tsr-video-shift: -30%; } .tsr-video-bg.top40 { --tsr-video-shift: -40%; } .tsr-video-bg.bottom10 { --tsr-video-shift: 10%; } .tsr-video-bg.bottom20 { --tsr-video-shift: 20%; } .tsr-video-bg.bottom30 { --tsr-video-shift: 30%; } .tsr-video-bg.bottom40 { --tsr-video-shift: 40%; } .tsr-video-bg.zoom200 { --tsr-video-scale: 2.00; } .tsr-video-bg.zoom230 { --tsr-video-scale: 2.30; } .tsr-video-bg.zoom250 { --tsr-video-scale: 2.50; } .tsr-video-bg.zoom450 { --tsr-video-scale: 4.50; } .tsr-page-hero__cover .tsr-hero-content{ width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .tsr-page-hero__cover .tsr-hero-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){ max-width: none !important; } .tsr-page-hero__cover .tsr-hero-content .wp-block-post-title{ width: 100%; max-width: none !important; } .tsr-page-hero__cover .wp-block-post-title{ text-wrap: normal; } .tsr-page-hero__cover::before{ background: linear-gradient(180deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.30) 55%, rgba(0,0,0,.45) 100% ); } .tsr-page-hero-mobile .wp-block-cover__background{ background:linear-gradient( to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.45) 60%, rgba(0,0,0,0.75) 100% ) !important; opacity:1; } .tsr-page-hero-mobile .wp-block-cover__inner-container{ position:relative; z-index:2; max-width:520px; } .tsr-page-hero-mobile .wp-block-cover__image-background{ object-position: 50% 35% !important; } .tsr-page-hero-mobile__eyebrow{ display:block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#ffffffcc; margin-bottom:6px; font-weight:500; display:block; text-align:center; text-shadow:0 2px 10px rgba(0,0,0,.35); } .tsr-page-hero-mobile__title{ font-size:clamp(28px,7vw,36px); line-height:1.1; color:#fff; margin-bottom:10px; font-weight:700; text-wrap:balance; text-align: center; text-shadow:0 4px 18px rgba(0,0,0,.35); } .tsr-page-hero-mobile__inner p{ font-size:15px; line-height:1.55; color:#ffffffd9; max-width:32ch; text-align: justify; text-shadow:0 2px 10px rgba(0,0,0,.35); max-width:30ch; } .tsr-tax-hero-wrap{ width: 100%; margin: 0 auto; } .tsr-tax-hero-wrap .tsr-page-hero-mobile__inner{ text-align: center; } .tsr-tax-hero-wrap .tsr-page-hero-mobile__eyebrow{ display: block; text-align: center; } .tsr-tax-hero-wrap .tsr-page-hero-mobile__title{ text-align: center; } .tsr-tax-hero-wrap .tsr-page-hero-mobile__text, .tsr-tax-hero-wrap .tsr-page-hero-mobile__text p{ text-align: justify; max-width: inherit; } .tsr-tax-hero-wrap .tsr-page-hero-mobile__inner{ display:flex; flex-direction:column; align-items:center; text-align:center; } .tsr-tax-hero-wrap .tsr-page-hero-mobile__eyebrow{ display:block; max-width: inherit; text-align:center !important; } .tsr-tax-hero-wrap .tsr-page-hero-mobile__text{ max-width: 30ch; margin:0 auto; } .tsr-tax-hero-wrap .tsr-page-hero-mobile{ position: relative; display: flex; align-items: center; justify-content: center; min-height: clamp(280px, 42vw, 460px); padding: 32px 20px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center 12% !important; overflow: hidden; } .tsr-tax-hero-wrap .tsr-page-hero-mobile{ position: relative; } .tsr-tax-hero-wrap .tsr-page-hero-mobile__inner{ position:relative; z-index:2; } .tsr-tax-hero-bajo-cont .tsr-page-hero-mobile__title{ display: none!important; } .tsr-tax-hero-bajo-cont .tsr-page-hero-mobile__text, .tsr-tax-hero-bajo-cont .tsr-page-hero-mobile__text p{ display: none!important; } .tsr-tax-hero-wrap .tsr-page-hero-mobile { min-height: clamp(280px, 42vw, 26px); }
/* STEPS 1 2 3 */
.tsr-steps.tsr-steps-premium .wp-block-column{ position: relative; padding-top: 78px; } .tsr-steps.tsr-steps-premium .wp-block-column::before{ content: ""; position: absolute; top: 22px; left: 16px; width: 56px; height: 56px; border-radius: 999px; display: grid; place-items: center; background: #8b2b2b; color: #fff; font-weight: 800; font-size: 22px; line-height: 1; box-shadow: 0 14px 30px rgba(0,0,0,.12), inset 0 0 0 2px rgba(255,255,255,.35), inset 0 0 0 6px rgba(255,255,255,.10); transform: translateZ(0) scale(1); transition: transform .22s ease, box-shadow .22s ease, filter .22s ease; z-index: 2; pointer-events: none; } .tsr-steps.tsr-steps-premium .wp-block-column:nth-child(1)::before{ content: "1"; } .tsr-steps.tsr-steps-premium .wp-block-column:nth-child(2)::before{ content: "2"; } .tsr-steps.tsr-steps-premium .wp-block-column:nth-child(3)::before{ content: "3"; } .tsr-steps.tsr-steps-premium .wp-block-column::after{ content: ""; position: absolute; top: 30px; left: 26px; width: 22px; height: 22px; border-radius: 999px; background: rgba(255,255,255,.20); filter: blur(.2px); opacity: .9; pointer-events: none; z-index: 3; transition: opacity .22s ease, transform .22s ease; } @media (hover:hover){ .tsr-steps.tsr-steps-premium .wp-block-column:hover::before{ transform: scale(1.06); box-shadow: 0 18px 38px rgba(0,0,0,.16), inset 0 0 0 2px rgba(255,255,255,.40), inset 0 0 0 7px rgba(255,255,255,.10); filter: saturate(1.05); } .tsr-steps.tsr-steps-premium .wp-block-column:hover::after{ opacity: 1; transform: translate3d(2px, -2px, 0); } } .tsr-steps.tsr-steps-premium .wp-block-column > :first-child{ margin-top: 0 !important; } @media (max-width: 781px){ .tsr-steps.tsr-steps-premium .wp-block-column{ padding-top: 86px; } .tsr-steps.tsr-steps-premium .wp-block-column::before{ left: 50%; transform: translateX(-50%) scale(1); top: 22px; } .tsr-steps.tsr-steps-premium .wp-block-column::after{ left: calc(50% - 6px); top: 30px; } @media (hover:hover){ .tsr-steps.tsr-steps-premium .wp-block-column:hover::before{ transform: translateX(-50%) scale(1.06); } .tsr-steps.tsr-steps-premium .wp-block-column:hover::after{ transform: translate3d(0, -2px, 0); } } } @media (prefers-reduced-motion: reduce){ .tsr-steps.tsr-steps-premium .wp-block-column::before, .tsr-steps.tsr-steps-premium .wp-block-column::after{ transition: none !important; } } 
/* SLIDER INICIO 2 */
.tsr-slider{ --tsr-h: clamp(520px, 52vh, 660px); --tsr-h-mobile: 320px; --tsr-h-narrow: 380px; --tsr-dots-safe-mobile: 26px; --tsr-content-shift-desktop: 6%; position: relative; isolation: isolate; width: 100%; background: #000; height: var(--tsr-h); overflow: visible; } .tsr-slider .tsr-slide{ position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .45s ease; height: 100%; overflow: hidden; } .tsr-slider .tsr-slide.is-active{ position: absolute; inset: 0; opacity: 1; pointer-events: auto; } .tsr-slider .tsr-video-bg{ position: absolute; inset: 0; overflow: hidden; background: #000; z-index: 0; } .tsr-slider .tsr-video-bg .tsr-video-frame{ position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .tsr-slider .tsr-video-bg{ --tsr-v-scale: 2.15; --tsr-v-ty: 0%; --tsr-v-ox: 50%; --tsr-v-oy: 20%; } .tsr-slider .tsr-video-bg iframe{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; border: 0; pointer-events: none !important; transform: scale(var(--tsr-v-scale)) translate3d(0, var(--tsr-v-ty), 0); transform-origin: var(--tsr-v-ox) var(--tsr-v-oy); } .tsr-slider .tsr-video-bg.top10{ --tsr-v-ty: -10%; --tsr-v-oy: 0%; } .tsr-slider .tsr-video-bg.top20{ --tsr-v-ty: -20%; --tsr-v-oy: 0%; } .tsr-slider .tsr-video-bg.top30{ --tsr-v-ty: -30%; --tsr-v-oy: 0%; } .tsr-slider .tsr-video-bg.top40{ --tsr-v-ty: -40%; --tsr-v-oy: 0%; } .tsr-slider .tsr-video-bg.top50{ --tsr-v-ty: -50%; --tsr-v-oy: 0%; } .tsr-slider .tsr-video-bg.bottom10{ --tsr-v-ty: 10%; --tsr-v-oy: 100%; } .tsr-slider .tsr-video-bg.bottom20{ --tsr-v-ty: 20%; --tsr-v-oy: 100%; } .tsr-slider .tsr-video-bg.bottom30{ --tsr-v-ty: 30%; --tsr-v-oy: 100%; } .tsr-slider .tsr-video-bg.bottom40{ --tsr-v-ty: 40%; --tsr-v-oy: 100%; } .tsr-slider .tsr-video-bg.bottom50{ --tsr-v-ty: 50%; --tsr-v-oy: 100%; } .tsr-slider .tsr-video-bg.zoom0{ --tsr-v-scale: 2.15; } .tsr-slider .tsr-video-bg.zoom1{ --tsr-v-scale: 2.30; } .tsr-slider .tsr-video-bg.zoom2{ --tsr-v-scale: 2.45; } .tsr-slider .tsr-video-bg.zoom3{ --tsr-v-scale: 2.60; } .tsr-slider::before{ content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.30) 100%), linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,.40) 100%); pointer-events: none; } .tsr-slider .tsr-slide-content{ position: relative; z-index: 3; height: 100%; width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; display: grid; align-content: center; justify-items: center; text-align: center; padding: clamp(18px, 4vw, 56px); padding-bottom: clamp(18px, 4vw, 56px); color: #fff; transform: translateY(0); } .tsr-slider .tsr-slide-content > *{ margin-left: auto !important; margin-right: auto !important; } .tsr-slider .tsr-slide-content :is(h1,h2,h3){ margin: 0 0 12px !important; color: #fff; letter-spacing: -0.02em; line-height: 1.06; font-weight: 800; text-wrap: balance; font-size: clamp(18px, 3.8vw + 4px, 46px); text-shadow: 0 2px 12px rgba(0,0,0,.75), 0 1px 0 rgba(0,0,0,.55); overflow-wrap: anywhere; } .tsr-slider .tsr-slide-content p{ margin: 0 0 12px !important; max-width: 62ch; margin-inline: auto; color: rgba(255,255,255,.92); text-shadow: 0 2px 10px rgba(0,0,0,.65); font-size: clamp(13px, 1.35vw + 7px, 18px); line-height: 1.45; overflow-wrap: anywhere; } .tsr-slider .wp-block-buttons{ justify-content: center !important; margin-top: 10px; margin-bottom: 6px; } .tsr-slider .wp-block-button__link{ border-radius: 999px; text-decoration: none; font-size: clamp(12px, 1.2vw + 6px, 18px); padding: clamp(8px, 1.1vw + 6px, 14px) clamp(14px, 2vw + 6px, 28px); white-space: normal; overflow-wrap: anywhere; } .tsr-slider .tsr-slider__controls{ position: absolute; inset: 0; z-index: 4; pointer-events: none; } .tsr-slider .tsr-slider__btn{ pointer-events: auto; position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); background: rgba(0,0,0,.35); color: #fff; display: grid; place-items: center; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .tsr-slider .tsr-slider__prev{ left: 14px; } .tsr-slider .tsr-slider__next{ right: 14px; } .tsr-slider .tsr-slider__dots{ pointer-events: auto; position: absolute; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; padding: 10px 12px; border-radius: 999px; background: rgba(0,0,0,.30); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .tsr-slider .tsr-slider__dots{ bottom: 12px; } .tsr-slider .tsr-slider__dot{ width: 10px; height: 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.60); background: rgba(255,255,255,.20); cursor: pointer; padding: 0; } .tsr-slider .tsr-slider__dot[aria-current="true"]{ background: rgba(255,255,255,.95); } @media (prefers-reduced-motion: reduce){ .tsr-slider .tsr-slide{ transition: none; } } @media (min-width: 769px){ .tsr-slider .tsr-slide-content{ transform: translateY(var(--tsr-content-shift-desktop)); } .tsr-slider .tsr-slider__dots{ bottom: auto !important; top: 100%; margin-top: 12px; } } @media (max-width: 768px){ .tsr-slider{ height: var(--tsr-h-mobile); } .tsr-slider .tsr-video-bg iframe{ transform: scale(2.35); transform-origin: 50% 10%; } .tsr-slider::before{ background: linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.25) 100%); } .tsr-slider .tsr-slider__dots{ display: none !important; } .tsr-slider .tsr-slide-content{ padding: 16px 14px; padding-bottom: calc(16px + var(--tsr-dots-safe-mobile)); transform: translateY(0); } .tsr-slider .tsr-slide-content :is(h1,h2,h3){ font-size: clamp(17px, 6.0vw, 28px); line-height: 1.12; } .tsr-slider .tsr-slide-content p{ font-size: 13px; line-height: 1.38; } .tsr-slider .wp-block-button__link{ font-size: 12px; padding: 7px 14px; } .tsr-slider .tsr-slider__btn{ width: 32px; height: 32px; } } @media (max-width: 520px){ .tsr-slider{ height: var(--tsr-h-narrow); } .tsr-slider .tsr-slide-content{ padding: 14px 12px; padding-bottom: calc(14px + var(--tsr-dots-safe-mobile)); } .tsr-slider .tsr-slide-content :is(h1,h2,h3){ font-size: clamp(16px, 6.8vw, 25px); } } html.tsr-is-mobile .tsr-slider{ height: var(--tsr-h-mobile) !important; } html.tsr-is-mobile .tsr-slider .tsr-video-bg iframe{ transform: scale(2.10) translate3d(0,-20%,0) !important; transform-origin: 50% 0% !important; } @media (max-width: 781px){ .hero-home, .tsr-hero, .gb-container.hero{ padding-top: 90px !important; } .hero-home .gb-headline, .tsr-hero .gb-headline{ padding-top: 12px !important; } }
/* Estilo error pods form campo obligatorio */
.pods-validation-messages .components-notice.is-error{ background: transparent !important; border: 0 !important; padding: 0 !important; margin: 6px 0 0 !important; } .pods-validation-messages .components-notice.is-error .components-notice__content{ color: #b42318; font-size: 12.5px; line-height: 1.2; } .pods-validation-messages .components-notice.is-error:before, .pods-validation-messages .components-notice.is-error .components-notice__dismiss{ display:none !important; } 
/* Formulario Solicitudes */
div#formulario { padding-top: 40px!important; padding-left: 40px!important; padding-right: 40px!important; } .tsr-form-wrapper { max-width: 900px; margin: 80px auto; background: #ffffff; padding: 60px; border-radius: 28px; box-shadow: 0 25px 60px rgba(0,0,0,0.08); } .pods-form input, .pods-form select, .pods-form textarea { width: 100%; padding: 14px 18px; border-radius: 12px; border: 1px solid #e3e3e3; font-size: 16px; transition: all 0.25s ease; } .pods-form input:focus, .pods-form select:focus, .pods-form textarea:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.15); outline: none; } .pods-form .pods-field { margin-bottom: 22px; } .pods-submit input, .pods-submit button { background: #c0392b; color: white; border-radius: 40px; padding: 16px 36px; font-size: 18px; font-weight: 600; border: none; transition: all 0.3s ease; cursor: pointer; } .pods-submit input:hover, .pods-submit button:hover { background: #a93226; transform: translateY(-2px); } @media (min-width: 900px){ .tsr-form-wrapper .tsr-pods-form .pods-form-fieldset{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px 22px; align-items: start; } .tsr-form-wrapper .tsr-pods-form .pods-field__container{ margin-bottom: 0 !important; } .tsr-form-wrapper .tsr-pods-form .pods-form-ui-row-name-mensaje, .tsr-form-wrapper .tsr-pods-form .pods-form-ui-row-name-estado{ grid-column: 1 / -1; } } .tsr-form-wrapper .tsr-pods-form, .tsr-form-wrapper .tsr-pods-form *{ box-sizing: border-box; } .tsr-form-wrapper .tsr-pods-form .pods-field__container{ min-width: 0; } .tsr-form-wrapper .tsr-pods-form input, .tsr-form-wrapper .tsr-pods-form select, .tsr-form-wrapper .tsr-pods-form textarea{ width: 100% !important; max-width: 100% !important; } .tsr-form-wrapper .tsr-pods-form .pods-submit{ grid-column: 1 / -1; display: flex; justify-content: center; margin-top: 22px; } .tsr-form-wrapper .tsr-pods-form .pods-submit input[type="submit"], .tsr-form-wrapper .tsr-pods-form .pods-submit button{ min-width: 260px; } .tsr-form-wrapper .tsr-pods-form textarea[name="mensaje"]{ min-height: 140px; resize: vertical; } .tsr-form-wrapper .tsr-pods-form .pods-submit{ display: flex; justify-content: center; margin-top: 10px; } @media (min-width: 900px) { .tsr-form-wrapper .tsr-pods-form [name="mensaje"], .tsr-form-wrapper .tsr-pods-form [name="estado"] { grid-column: 1 / -1; } .tsr-form-wrapper .tsr-pods-form .pods-submit { grid-column: 1 / -1; } } .tsr-form-wrapper .pods-form, .tsr-pods-form .pods-form, .pods-form { } .tsr-form-wrapper .pods-submit, .tsr-pods-form .pods-submit, .pods-form .pods-submit{ display: flex; justify-content: center; align-items: center; margin-top: 18px; } .tsr-form-wrapper .pods-submit input[type="submit"], .tsr-form-wrapper .pods-submit button, .tsr-pods-form .pods-submit input[type="submit"], .tsr-pods-form .pods-submit button, .pods-form .pods-submit input[type="submit"], .pods-form .pods-submit button{ margin: 0 auto !important; float: none !important; } .pods-form abbr[title], .tsr-form-wrapper abbr[title], .tsr-pods-form abbr[title]{ text-decoration: none !important; border-bottom: none !important; cursor: default !important; } .pods-form .pods-required, .tsr-form-wrapper .pods-required, .tsr-pods-form .pods-required{ font-weight: 700; margin-left: .25em; } .pods-form input[type="date"], .tsr-form-wrapper input[type="date"], .tsr-pods-form input[type="date"]{ font: inherit; line-height: 1.2; letter-spacing: normal; -webkit-appearance: none; appearance: none; } .pods-form input[type="date"]::-webkit-calendar-picker-indicator{ opacity: .8; cursor: pointer; } .pods-form .pods-validation-messages .components-notice, .tsr-form-wrapper .pods-validation-messages .components-notice, .tsr-pods-form .pods-validation-messages .components-notice{ padding: 8px 10px; border-left-width: 4px; border-radius: 10px; margin: 8px 0 0; font-size: 14px; line-height: 1.35; } .pods-form .pods-form-fieldset, .tsr-form-wrapper .pods-form-fieldset, .tsr-pods-form .pods-form-fieldset{ box-sizing: border-box; width: 100%; max-width: 100%; } .pods-form .pods-field-option, .tsr-form-wrapper .pods-field-option, .tsr-pods-form .pods-field-option{ box-sizing: border-box; min-width: 0; } 
/* VIDEO YOUTUBE */
.yt-smart { position: relative; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; background: #000; overflow: hidden; } .yt-smart iframe { position: absolute; inset: 0; width: 100%; height: 100%; } @media (max-aspect-ratio: 9/16) { .yt-smart { aspect-ratio: 9 / 16; max-width: 420px; margin-inline: auto; } } 
/* Articulos Relacionados del Blog */
.blog-relacionados { border-top: 2px solid rgba(122,31,43,0.15); } .blog-card { display: flex; flex-direction: column; gap: 1rem; } .blog-card-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; transition: transform .4s ease; } .blog-card:hover .blog-card-image img { transform: scale(1.04); } .blog-card-meta { display: flex; gap: 1rem; font-size: .75rem; color: #777; } .blog-card-terms a { color: #7a1f2b; text-decoration: none; font-weight: 600; } .blog-card-terms a:hover { text-decoration: underline; } .blog-card-title a { color: #2b2b2b; font-size: 1.1rem; font-weight: 700; text-decoration: none; } .blog-card-title a:hover { color: #7a1f2b; text-decoration: underline; } .blog-card-excerpt { font-size: .9rem; line-height: 1.6; color: #444; } .blog-card-cta a { font-size: .85rem; font-weight: 600; color: #7a1f2b; text-decoration: underline; text-underline-offset: 4px; } .blog-card-meta { display: flex; flex-wrap: wrap; gap: 0.8rem; font-size: 0.75rem; color: #777; } .blog-card-categories { display: inline-flex; align-items: center; gap: 0.35rem; } .blog-card-categories::before { content: "📂"; opacity: 0.75; } .blog-card-categories a { color: #7a1f2b; text-decoration: none; font-weight: 600; } .blog-card-categories a:hover { text-decoration: underline; } .blog-card-tags { display: inline-flex; align-items: center; gap: 0.35rem; } .blog-card-tags::before { content: "🏷️"; opacity: 0.75; } .blog-card-tags a { color: #555; text-decoration: none; } .blog-card-tags a:hover { color: #7a1f2b; } .blog-card-date { display: inline-flex; align-items: center; gap: 0.35rem; color: #666; } .blog-card-date::before { content: "📅"; opacity: 0.7; } 
/* circulo imagen provincia ok */
.taxonomy-head figure.pods-field { border: 6px solid #fff; box-sizing: border-box; } .taxonomy-head figure.pods-field img { transform: scale(1.1); } .taxonomy-head figure.pods-field { width: clamp(150px, 18vw, 200px); height: clamp(150px, 18vw, 200px); border-radius: 50%; overflow: hidden; } .taxonomy-head figure.pods-field img { width: 100%; height: 100%; object-fit: cover; object-position: center top; } .taxonomy-head figure.pods-field { float: right; width: 220px; height: 220px; margin: 6rem 0 1.5rem 2rem; shape-outside: circle(50%); clip-path: circle(50%); overflow: hidden; } 
/* Hero Taxonomias */
.taxonomy-head { padding-block: 2.5rem; } .taxonomy-head .wp-block-columns { display: flex; align-items: stretch; gap: 2.5rem; } .taxonomy-head .tsr-random-head-image { width: 100%; height: 420px; overflow: hidden; } .taxonomy-head .tsr-random-head-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } .taxonomy-head .pods-intro-only { max-width: 42ch; } .pods-field.pods-field-texto_introductorio { text-align: justify; } .taxonomy-head figure.pods-field { float: left; width: clamp(150px, 18vw, 200px); height: clamp(150px, 18vw, 200px); margin: 6rem 2rem 1.5rem -20%; shape-outside: circle(50%); clip-path: circle(50%); overflow: hidden; } .taxonomy-head figure.pods-field img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } @media (max-width: 1024px) { .taxonomy-head .wp-block-columns { display: block; } .taxonomy-head .tsr-random-head-image { height: 320px; margin-bottom: 2rem; } .taxonomy-head figure.pods-field { float: none; margin: -7rem auto 1.5rem auto; shape-outside: none; } .taxonomy-head h1 { text-align: center; } .taxonomy-head .pods-intro-only { max-width: 100%; } } @media (max-width: 768px) { .taxonomy-head .tsr-random-head-image { height: 240px; } .taxonomy-head figure.pods-field { width: 120px; height: 120px; margin-top: -4.5rem; } } 
/* SLIDER POLAROID */
.galeria-polaroid { position: relative; overflow: hidden; width: 100%; } .galeria-polaroid-track { display: flex !important; flex-wrap: nowrap; gap: 2rem; transition: transform 0.6s ease; will-change: transform; } .galeria-polaroid-slide { flex: 0 0 auto; width: 260px; } .galeria-polaroid-slide .polaroid { background: #fff; padding: 1rem 1rem 2.2rem; border-radius: 4px; box-shadow: 0 10px 25px rgba(0,0,0,0.18); } .galeria-polaroid-slide img { width: 100%; height: 200px; object-fit: cover; display: block; } @media (max-width: 768px) { .galeria-polaroid-slide { width: 200px; } .galeria-polaroid-slide img { height: 160px; } } #polaroid-lightbox { border: none; padding: 0; background: transparent; max-width: 90vw; max-height: 90vh; } #polaroid-lightbox::backdrop { background: rgba(0,0,0,0.8); } #polaroid-lightbox img { max-width: 100%; max-height: 80vh; display: block; margin: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.5); } .lightbox-close { position: absolute; top: -40px; right: 0; font-size: 2rem; background: none; border: none; color: #fff; cursor: pointer; } .lightbox-download { display: block; text-align: center; margin-top: 1rem; color: #fff; text-decoration: underline; } 
/* Scroll Boton Enlaces */
html { scroll-behavior: smooth; } 
/* Repertorio Tabla Artista */
.repertorio-artista colgroup { box-shadow: 5px 5px 10px #888; } .repertorio-wrapper { max-width: 100%; margin: 4rem auto; overflow-x: auto; text-transform: uppercase; } .repertorio-wrapper label{ color: white; font-size: 12px; } .repertorio-wrapper table { width: 100%; border-collapse: collapse; font-size: 0.95rem; line-height: 1.6; } .repertorio-wrapper thead th { text-align: left; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.75rem; padding: 1rem 1.2rem; background-color: rgba(255,255,255,0.12); color: #ffffff; border-bottom: 1px solid rgba(255,255,255,0.25); } .repertorio-wrapper tbody tr { border-bottom: 1px solid rgba(0,0,0,0.06); transition: background-color 0.25s ease; } .repertorio-wrapper tbody tr:hover { background-color: rgba(0,0,0,0.03); } .repertorio-wrapper td { padding: 1.2rem 1.4rem; vertical-align: middle; } .repertorio-wrapper td:first-child { font-weight: 500; } .repertorio-wrapper tbody tr:last-child { border-bottom: none; } .repertorio-wrapper table { background-color: rgba(255,255,255,0.02); border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.18); } @media (max-width: 768px) { .repertorio-wrapper { overflow-x: visible; } .repertorio-wrapper table { width: 100%; min-width: 0; font-size: 0.85rem; } .repertorio-wrapper th, .repertorio-wrapper td { padding: 0.5rem 0.6rem; white-space: normal; } .repertorio-wrapper td:first-child { font-weight: 500; } } @media (max-width: 768px) { .repertorio-wrapper table { box-shadow: 0 4px 12px rgba(0,0,0,0.12); } } 
/* Titulo Hero */
.hero span { color: white; text-shadow: 0 4px 20px rgba(0,0,0,0.4); font-size: 3rem; } .pods-field { display: block; } .pods-field-estilo_favorito { text-transform: uppercase; letter-spacing: 0.06em; } 
/* CSS VIDEO ARTISTA YOUTUBE */
.youtube-video-simple { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; } .youtube-video-simple iframe { width: 100%; height: 100%; border: 0; } h3.yotu-video-title { color: white !important; } div#yotuwp-6949395c74493 { height: 450px!important; } .yotu-wrapper-player { display: none; } h3.yotu-video-title { color: transparent!important ; } h3 img.emoji { display: none !important; } .yotu-playlist { margin: 0 !important; }
/* CPT ARTISTAS */
.tax-provincia-image { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; } 
/* Estilos Todos los derechos reservados */
.site-footer { text-align: center; font-size: 14px; color: white; padding: 20px 10px; } .site-footer a { color: white; text-decoration: none; margin: 0 10px; } .site-footer a:hover { text-decoration: underline; } .footer-contact i { margin-right: 6px; }