/* LANDING PREMIUM */
.tsr-slot-hero-title { 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-slot-hero-text { color: white!important; font-weight: 200; text-align: justify!important; }
/* Fichas Grupos */
.tsr-repertorio-tablepress{ padding: clamp(24px, 4vw, 56px) 0; background: radial-gradient(900px 420px at 18% 0%, rgba(214,178,94,.14), rgba(255,255,255,0) 60%), radial-gradient(900px 420px at 90% 20%, rgba(107,29,32,.08), rgba(255,255,255,0) 55%), #fff; } .tsr-repertorio-tablepress .wp-block-group__inner-container, .tsr-repertorio-tablepress .wp-block-group__content{ width: min(1100px, 92vw); margin: 0 auto; } .tsr-repertorio-tablepress h2, .tsr-repertorio-tablepress h3{ color:#6b1d20; } .tsr-repertorio-tablepress .tablepress{ border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important; background: #fff !important; border: 1px solid rgba(0,0,0,.08) !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 18px 50px rgba(0,0,0,.08) !important; } .tsr-repertorio-tablepress .tablepress thead th{ background: #6b1d20 !important; color: #f3e6c9 !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .6px; border: none !important; padding: 14px 14px !important; } .tsr-repertorio-tablepress .tablepress td{ padding: 14px 14px !important; border-top: 1px solid rgba(0,0,0,.06) !important; color: rgba(0,0,0,.78) !important; background: #fff !important; } .tsr-repertorio-tablepress .tablepress tbody tr:nth-child(even) td{ background: rgba(243,230,201,.22) !important; } .tsr-repertorio-tablepress .tablepress tbody tr:hover td{ background: rgba(214,178,94,.18) !important; } .tsr-repertorio-tablepress .tablepress thead th.sorting, .tsr-repertorio-tablepress .tablepress thead th.sorting_asc, .tsr-repertorio-tablepress .tablepress thead th.sorting_desc{ background-color: #6b1d20 !important; } .tsr-repertorio-tablepress .dataTables_filter{ margin: 0 0 14px 0 !important; display: flex; justify-content: flex-end; gap: 10px; align-items: center; color: rgba(0,0,0,.65); } .tsr-repertorio-tablepress .dataTables_filter label{ font-weight: 700; color: rgba(0,0,0,.7); } .tsr-repertorio-tablepress .dataTables_filter input{ border-radius: 999px !important; border: 1px solid rgba(0,0,0,.14) !important; padding: 10px 14px !important; outline: none !important; background: #fff !important; box-shadow: 0 10px 25px rgba(0,0,0,.06) !important; } .tsr-repertorio-tablepress .dataTables_filter input:focus{ border-color: rgba(214,178,94,.9) !important; box-shadow: 0 0 0 4px rgba(214,178,94,.18) !important; } .tsr-repertorio-tablepress .dataTables_paginate{ margin-top: 14px !important; } .tsr-repertorio-tablepress .dataTables_paginate .paginate_button{ border-radius: 999px !important; border: 1px solid rgba(0,0,0,.10) !important; padding: 8px 12px !important; margin: 0 4px !important; background: #fff !important; color: #6b1d20 !important; font-weight: 700; } .tsr-repertorio-tablepress .dataTables_paginate .paginate_button.current, .tsr-repertorio-tablepress .dataTables_paginate .paginate_button:hover{ background: linear-gradient(180deg,#d6b25e,#e9c878) !important; border-color: transparent !important; color: #6b1d20 !important; } @media (max-width: 720px){ .tsr-repertorio-tablepress .dataTables_filter{ justify-content: flex-start; } .tsr-repertorio-tablepress .tablepress thead th, .tsr-repertorio-tablepress .tablepress td{ padding: 12px 12px !important; } } .tsr-repertorio-tablepress h2, .tsr-repertorio-tablepress h3{ text-align: center !important; margin: 0 0 14px 0 !important; color: #6b1d20 !important; font-weight: 800 !important; } .tsr-repertorio-tablepress h2 span, .tsr-repertorio-tablepress h3 span{ background: transparent !important; color: inherit !important; padding: 0 !important; } .tsr-repertorio-tablepress .dataTables_filter{ width: min(1100px, 92vw) !important; margin: 10px auto 16px auto !important; justify-content: flex-end !important; } .tsr-repertorio-tablepress .dataTables_wrapper{ width: min(1100px, 92vw) !important; margin: 0 auto !important; } .tsr-repertorio-tablepress.repertorio-wrapper{ margin: 0 auto !important; } .repertorio-wrapper label { color: black !important; } @media (max-width: 720px){ .tsr-repertorio-tablepress .dataTables_filter{ justify-content: flex-start !important; } .tsr-repertorio-tablepress .dataTables_filter input{ width: 100% !important; max-width: 320px; } } .ubicacion-ficha { text-align: center; font-size: x-large; font-weight: 600; text-transform: uppercase; } p.gb-text { color: white; } p.tsr-ficha-title { color: white; } .tsr-artist-hero .wp-block-cover__inner-container, .tsr-artist-hero .tsr-hero-content{ position: relative; z-index: 5; } .tsr-artist-hero .tsr-hero-title, .tsr-artist-hero h1.tsr-hero-title, .tsr-artist-hero .wp-block-heading.tsr-hero-title{ font-weight: 800 !important; letter-spacing: -0.6px !important; color: #ffffff !important; text-transform: none !important; text-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important; } .tsr-artist-hero .tsr-hero-title, .tsr-artist-hero h1.tsr-hero-title, .tsr-artist-hero .wp-block-heading.tsr-hero-title Specificity: (0,2,1) .tsr-artist-hero .tsr-hero-title a, .tsr-artist-hero .tsr-hero-title span{ color: inherit !important; font-weight: inherit !important; text-decoration: none !important; } .tsr-artist-hero .tsr-hero-subtitle{ font-size: clamp(16px, 1.8vw, 20px) !important; line-height: 1.4 !important; color: rgba(255,255,255,0.9) !important; margin: 0 0 26px !important; } .tsr-artist-hero .tsr-hero-cta .wp-block-button__link{ background: #7a1c24 !important; color: #fff !important; border-radius: 999px !important; padding: 14px 28px !important; font-weight: 700 !important; box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important; transition: transform .25s ease, box-shadow .25s ease !important; } .tsr-artist-hero .tsr-hero-cta .wp-block-button__link:hover{ transform: translateY(-3px) !important; box-shadow: 0 18px 40px rgba(0,0,0,0.35) !important; } * ================================ TSR REF BADGE ULTRA (completo) - borde dorado + relieve - shimmer (luz) recortado dentro - microdestello (detalle final) ================================ */ .tsr-hero-content, .tsr-hero-header{ position: relative; z-index: 5; } .tsr-hero-ref-wrap{ position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 14px 26px; border-radius: 999px; background: radial-gradient(120% 180% at 20% 10%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 45%), linear-gradient(135deg, #64151c 0%, #8a1f29 55%, #b12a36 100%); border: 1px solid rgba(212,175,55,0.95); box-shadow: 0 16px 45px rgba(0,0,0,.38), 0 0 0 3px rgba(212,175,55,0.14), 0 0 26px rgba(212,175,55,0.22); z-index: 50; overflow: hidden; isolation: isolate; opacity: 0; transform: translateY(-18px) scale(.98); animation: tsrRefIn .85s cubic-bezier(.2,.9,.2,1) forwards; backface-visibility: hidden; will-change: transform, opacity; } .tsr-hero-ref-wrap::before{ content:""; position:absolute; inset: 2px; border-radius: 999px; border: 1px solid rgba(255,223,130,0.42); pointer-events:none; z-index: 1; } .tsr-hero-ref-wrap::after{ content:""; position:absolute; inset: -40% -60%; background: linear-gradient( 115deg, rgba(255,255,255,0) 35%, rgba(255,239,190,.12) 45%, rgba(255,239,190,.42) 50%, rgba(255,239,190,.12) 55%, rgba(255,255,255,0) 65% ); transform: translateX(-60%) rotate(12deg); opacity: .95; mix-blend-mode: screen; pointer-events:none; z-index: 2; animation: tsrRefShimmer 3.8s ease-in-out 1.2s infinite; } .tsr-hero-ref-label, .tsr-hero-ref-code{ position: relative; z-index: 3; } .tsr-hero-ref-label{ font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.86); } .tsr-hero-ref-code{ font-size: 22px; font-weight: 950; letter-spacing: 2.5px; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.25); } .tsr-hero-ref-wrap:hover{ transform: translateY(-2px) scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,.45), 0 0 0 3px rgba(212,175,55,0.18), 0 0 34px rgba(212,175,55,0.30); transition: transform .22s ease, box-shadow .22s ease; } @keyframes tsrRefIn{ to{ opacity:1; transform: translateY(0) scale(1); } } @keyframes tsrRefShimmer{ 0% { transform: translateX(-70%) rotate(12deg); opacity: 0; } 10% { opacity: .95; } 45% { opacity: .95; } 60% { opacity: 0; } 100% { transform: translateX(70%) rotate(12deg); opacity: 0; } } .tsr-hero-ref-wrap .tsr-hero-ref-code::after{ content:""; position:absolute; top: -6px; right: -10px; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,223,130,.9); box-shadow: 0 0 14px rgba(255,223,130,.65); opacity: 0; animation: tsrSpark 4.6s ease-in-out 1.8s infinite; } @keyframes tsrSpark{ 0%, 70%, 100% { opacity: 0; transform: scale(.8); } 78% { opacity: .9; transform: scale(1); } 84% { opacity: 0; transform: scale(1.2); } } @media (prefers-reduced-motion: reduce){ .tsr-hero-ref-wrap{ animation:none; opacity:1; transform:none; } .tsr-hero-ref-wrap::after{ animation:none; display:none; } .tsr-hero-ref-wrap .tsr-hero-ref-code::after{ animation:none; display:none; } } .tsr-artist-card{ opacity: 0; transform: translateY(25px); animation: tsrCardIn 0.8s ease forwards; } @keyframes tsrCardIn{ to{ opacity:1; transform: translateY(0); } } .tsr-artist-intro{ width: 100%; margin: 0; position: relative; overflow: hidden; padding: 70px 0; background: linear-gradient( to bottom, rgba(122,28,36,0.08), rgba(255,255,255,1) 45% ); } .tsr-artist-intro::before{ content:""; position:absolute; top:-220px; right:-220px; width:560px; height:560px; background: radial-gradient(rgba(122,28,36,0.18), transparent 70%); filter: blur(90px); z-index:0; } .tsr-artist-intro__inner{ max-width: 1200px; margin: 0 auto; padding: 0 var(--wp--preset--spacing--20); position: relative; z-index: 2; } .tsr-artist-intro__inner .wp-block-columns{ gap: clamp(26px, 4vw, 60px); align-items: center; } .tsr-artist-intro iframe, .tsr-artist-intro video{ width: 100%; aspect-ratio: 16 / 9; border-radius: 22px; box-shadow: 0 18px 45px rgba(0,0,0,0.18); display: block; } .tsr-artist-intro iframe, .tsr-artist-intro video{ transition: transform .4s ease, box-shadow .4s ease; } .tsr-artist-intro iframe:hover, .tsr-artist-intro video:hover{ transform: scale(1.03); box-shadow: 0 30px 70px rgba(0,0,0,0.25); } .tsr-artist-intro{ position: relative; } .tsr-artist-intro::after{ content:""; position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); width:80%; height:60px; background: radial-gradient( rgba(0,0,0,0.15), transparent 70% ); filter: blur(25px); z-index:-1; } .tsr-artist-intro iframe:hover{ transform: scale(1.04); box-shadow: 0 35px 80px rgba(122,28,36,0.35); } .tsr-artist-card{ background: #ffffff; border-radius: 28px; padding: clamp(28px, 3vw, 40px); box-shadow: 0 25px 60px rgba(0,0,0,0.08); transition: transform .3s ease; } .tsr-artist-card:hover{ transform: translateY(-6px); } .tsr-artist-card{ background: linear-gradient( 145deg, #ffffff, #fdf7f7 ); border-left: 4px solid #7a1c24; border-radius: 28px; padding: clamp(28px, 3vw, 40px); box-shadow: 0 30px 70px rgba(122,28,36,0.12); } .tsr-artist-card{ animation: tsrCardIn .9s cubic-bezier(.2,.9,.2,1) both; } @keyframes tsrCardIn{ 0%{ opacity:0; transform: translateY(30px); } 100%{ opacity:1; transform: translateY(0); } } .tsr-artist-card h2{ margin: 0 0 8px; font-size: clamp(24px,2.2vw,30px); color: #7a1c24; } .tsr-artist-card h2::after{ width:70px; height:4px; background: linear-gradient( to right, #7a1c24, #b12a36 ); } .tsr-artist-card h2::after{ content:""; display:block; width:50px; height:3px; background:#7a1c24; margin-top:10px; border-radius:2px; } .tsr-artist-name{ margin: 12px 0 20px; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #7a1c24; opacity: .7; } .tsr-artist-card p{ line-height: 1.8; font-size: 16px; color: #333; } .tsr-artist-intro{ position: relative; background: linear-gradient( to bottom, rgba(122,28,36,0.08), rgba(255,255,255,1) 40% ); overflow: hidden; } .tsr-artist-intro::before{ content:""; position:absolute; top:-200px; right:-200px; width:500px; height:500px; background: radial-gradient( rgba(122,28,36,0.15), transparent 70% ); filter: blur(80px); z-index:0; } .tsr-artist-intro > *{ position:relative; z-index:2; } .tsr-artist-ficha{ width:100%; padding:120px 0; background: linear-gradient(160deg,#7a1c24 0%,#5d141b 100%); color:white; } .tsr-artist-ficha__inner{ max-width:1200px; margin:0 auto; padding:0 20px; } .tsr-artist-ficha .wp-block-columns{ align-items:center; gap:40px; } .tsr-artist-ficha{ position:relative; overflow:hidden; } .tsr-artist-ficha::after{ content:""; position:absolute; bottom:-120px; left:-10%; width:120%; height:200px; background:radial-gradient(ellipse at center, rgba(0,0,0,.35), transparent 70%); opacity:.25; pointer-events:none; } .tsr-ref-center{ text-align:center; } .tsr-ref-center svg *{ fill:#ffffff !important; stroke:#ffffff !important; } .tsr-ref-label{ font-size:14px; letter-spacing:2px; text-transform:uppercase; opacity:.8; } .tsr-ref-number{ font-size:88px; font-weight:900; margin-top:10px; line-height:1; letter-spacing:3px; } .wp-block-button__link.tsr-gold-button{ background: linear-gradient(135deg,#d4af37 0%,#f6e27a 40%,#caa332 100%) !important; color: #65171e !important; border: 0 !important; border-radius: 999px !important; padding: 18px 48px !important; font-weight: 900 !important; letter-spacing: 1px !important; text-transform: uppercase !important; box-shadow: 0 20px 40px rgba(0,0,0,.35) !important; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important; text-decoration: none !important; } .wp-block-button.tsr-gold-button > .wp-block-button__link{ background: linear-gradient(135deg,#d4af37 0%,#f6e27a 40%,#caa332 100%) !important; color: #65171e !important; border: 0 !important; border-radius: 999px !important; padding: 18px 48px !important; font-weight: 900 !important; letter-spacing: 1px !important; text-transform: uppercase !important; box-shadow: 0 20px 40px rgba(0,0,0,.35) !important; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important; text-decoration: none !important; } .wp-block-buttons.tsr-gold-button .wp-block-button__link{ background: linear-gradient(135deg,#d4af37 0%,#f6e27a 40%,#caa332 100%) !important; color: #65171e !important; border: 0 !important; border-radius: 999px !important; padding: 18px 48px !important; font-weight: 900 !important; letter-spacing: 1px !important; text-transform: uppercase !important; box-shadow: 0 20px 40px rgba(0,0,0,.35) !important; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important; text-decoration: none !important; } .wp-block-button__link.tsr-gold-button:hover, .wp-block-button.tsr-gold-button > .wp-block-button__link:hover, .wp-block-buttons.tsr-gold-button .wp-block-button__link:hover{ transform: translateY(-4px) !important; box-shadow: 0 30px 60px rgba(0,0,0,.45) !important; filter: saturate(1.05) !important; } .wp-block-button__link.tsr-gold-button:focus-visible, .wp-block-button.tsr-gold-button > .wp-block-button__link:focus-visible, .wp-block-buttons.tsr-gold-button .wp-block-button__link:focus-visible{ outline: 3px solid rgba(246,226,122,0.55) !important; outline-offset: 4px !important; } .wp-block-button__link.tsr-gold-button{ position: relative !important; overflow: hidden !important; } .wp-block-button__link.tsr-gold-button::after{ content:""; position:absolute; top:0; left:-70%; width:50%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0.12), rgba(255,255,255,0.55), rgba(255,255,255,0.12)); transform: skewX(-25deg); transition: left .7s ease; pointer-events:none; } .wp-block-button__link.tsr-gold-button:hover::after{ left:140%; } @media(max-width:900px){ .tsr-ref-number{ font-size:54px; } .tsr-artist-ficha{ padding:90px 0; } } .tsr-artist-ficha__columns{ max-width:1200px !important; margin-left:auto; margin-right:auto; padding-left:40px; padding-right:40px; gap:80px; } .tsr-ficha-title{ font-size:18px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:14px; opacity:.95; } .tsr-ficha-box svg{ width:32px; height:32px; margin-bottom:18px; opacity:.9; } .tsr-ficha-box svg *{ fill:#f3e6c9 !important; stroke:#f3e6c9 !important; } .tsr-ref-label{ font-size:15px; letter-spacing:2px; opacity:.75; } .tsr-ref-number{ font-size:92px; font-weight:900; letter-spacing:5px; margin-top:12px; } .tsr-artist-ficha__columns{ gap:100px; } .tsr-ficha-value a{ display:inline-block; padding:9px 20px; border-radius:999px; margin: 5px; font-size:13px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#65171e !important; background:linear-gradient(145deg,#f5e9cc,#e6d2a5); box-shadow: 0 6px 12px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.5); text-decoration:none; transition:all .25s ease; } .tsr-ficha-value a:hover{ transform:translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.6); } .tsr-ficha-value span.wp-block-post-terms__separator { display: none; } .tsr-ficha-value.origen p { font-weight: 400!important; margin-left: 20px!important; padding-top: 20px!important; } .tsr-bridge-cover{ position:relative; overflow:hidden; } .tsr-bridge-cover::before{ content:""; position:absolute; inset:0; background: radial-gradient(ellipse at 20% 30%, rgba(243,230,201,.18), transparent 55%), linear-gradient(135deg, rgba(122,28,36,.80), rgba(45,8,12,.78)); z-index:1; pointer-events:none; } .tsr-bridge-cover .wp-block-cover__inner-container{ position:relative; z-index:2; } .tsr-bridge{ max-width:1100px; margin:0 auto; padding:72px 22px; text-align:center; color:#fff; } .tsr-bridge h2, .tsr-bridge h3{ margin:0 0 10px !important; font-weight:900 !important; letter-spacing:-0.5px !important; line-height:1.05 !important; font-size: clamp(28px, 3vw, 44px) !important; text-shadow: 0 14px 40px rgba(0,0,0,.40); } .tsr-bridge p{ margin:0 auto 22px !important; max-width:760px; font-size: clamp(15px, 1.4vw, 18px) !important; line-height:1.55 !important; color: rgba(255,255,255,.90) !important; text-shadow: 0 10px 30px rgba(0,0,0,.35); text-align: center; } .tsr-influences{ margin:22px auto 28px; } .tsr-influences__label{ display:inline-block; margin:0 0 12px !important; padding:8px 14px; border-radius:999px; font-size:12px !important; font-weight:900 !important; letter-spacing:2.2px !important; text-transform:uppercase !important; color:#f3e6c9 !important; border:1px solid rgba(243,230,201,.45); background: rgba(0,0,0,.20); backdrop-filter: blur(4px); } .tsr-influences__list ul{ list-style:none !important; padding:0 !important; margin:0 !important; display:flex; flex-wrap:wrap; gap:10px 12px; justify-content:center; } .tsr-influences__list a, .tsr-influences__list li, .tsr-influences__list span, .tsr-influences__list p{ display:inline-block; margin:0 !important; padding:10px 18px; border-radius:999px; background: linear-gradient(145deg,#f5e9cc,#e6d2a5); color:#65171e !important; font-weight:900 !important; font-size:13px !important; letter-spacing:1px !important; text-transform:uppercase !important; text-decoration:none !important; box-shadow: 0 10px 26px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } .tsr-influences__list a:hover{ transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.60); filter: brightness(1.02); } .tsr-bridge-cta{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:8px; } .wp-block-button__link.tsr-ghost-button{ background: rgba(0,0,0,.18) !important; color:#f3e6c9 !important; border: 1px solid rgba(243,230,201,.55) !important; border-radius:999px !important; padding:16px 30px !important; font-weight:900 !important; letter-spacing:1px !important; text-transform:uppercase !important; text-decoration:none !important; backdrop-filter: blur(4px); box-shadow: 0 10px 26px rgba(0,0,0,.25) !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .wp-block-button__link.tsr-ghost-button:hover{ transform: translateY(-2px) !important; background: rgba(243,230,201,.10) !important; box-shadow: 0 14px 34px rgba(0,0,0,.35) !important; } .wp-block-button__link.tsr-gold-button{ background: linear-gradient(145deg,#f5e9cc,#e6d2a5) !important; color:#65171e !important; border:0 !important; border-radius:999px !important; padding:16px 34px !important; font-weight:900 !important; letter-spacing:1.2px !important; text-transform:uppercase !important; text-decoration:none !important; box-shadow: 0 14px 34px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.55) !important; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } .wp-block-button__link.tsr-gold-button:hover{ transform: translateY(-2px) !important; box-shadow: 0 18px 42px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.60) !important; filter: brightness(1.02); } @media (max-width: 900px){ .tsr-bridge{ padding:56px 18px; } } .tsr-ytpg-card h3, h3.tsr-yt-h{ font-family: 'Inter', sans-serif !important; font-size: 15px !important; font-weight: 100 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.3 !important; color: #6b1d20 !important; } .tsr-ytpg-title{ display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .tsr-ytpg-meta{ font-size:13px !important; color: rgba(0,0,0,.55) !important; margin-top:auto !important; } .tsr-ytpg-play{ background: linear-gradient(180deg,#d6b25e,#e9c878) !important; color:#6b1d20 !important; border:none !important; box-shadow:0 8px 20px rgba(0,0,0,.18) !important; } .tsr-ytpg-card:hover .tsr-ytpg-play{ transform:translateY(-2px) !important; box-shadow:0 14px 28px rgba(0,0,0,.22) !important; } .tsr-ytpg-thumb::after{ background: linear-gradient( 180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.05) 55%, rgba(0,0,0,0) 100% ) !important; } @media (min-width: 900px){ .tsr-artist-card{ padding: 22px 26px !important; } .tsr-artist-card h2{ font-size: 26px !important; margin-bottom: 4px !important; } .tsr-artist-name{ margin: 8px 0 12px !important; font-size: 13px !important; } .tsr-artist-card p{ font-size: 15px !important; line-height: 1.6 !important; text-align: justify; } } @media (min-width: 900px){ .tsr-artist-intro .wp-block-columns{ align-items: stretch !important; } .tsr-artist-intro .wp-block-column{ display: flex !important; } .tsr-artist-intro .wp-block-shortcode, .tsr-artist-intro .tsr-artist-card{ width: 100% !important; height: 100% !important; } .tsr-artist-intro .wp-block-shortcode{ display: flex !important; } .tsr-artist-intro .wp-block-shortcode > *{ width: 100% !important; height: 100% !important; } .tsr-artist-intro iframe, .tsr-artist-intro video{ width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; border-radius: 22px !important; } .tsr-artist-card{ display: flex !important; flex-direction: column !important; justify-content: center !important; } } .tsr-artist-hero .wp-block-cover__image-background{ object-position: center 20% !important; } .tsr-pods-gallery-bg.has-gradient.tsr-bridge-cover { margin: auto; } .tsr-texto-seo p{ text-align: justify; } .tsr-artist-card p{ text-align: justify; } .tsr-dynamic-h2 { text-align: center; } .tsr-artist-intro { margin-top: -50px!important; margin-bottom: -50px!important; } .titulo-seccion-grupos{ display:inline-block !important; position:relative !important; margin:0 0 34px 40px !important; font-family:inherit !important; font-size:clamp(28px,3vw,42px) !important; font-weight:700 !important; line-height:1.05 !important; color:#6e1f23 !important; letter-spacing:-0.03em !important; text-transform:none !important; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } .titulo-seccion-grupos::after{ content:'' !important; display:block !important; width:64px !important; height:3px !important; margin-top:14px !important; border-radius:999px !important; background:linear-gradient( 90deg, #d9bf69 0%, rgba(217,191,105,0) 100% ) !important; } @media (max-width:768px){ .titulo-seccion-grupos{ margin-left:22px !important; margin-bottom:26px !important; font-size:34px !important; } }
/* Bloques Varios */
.tsr-slot-articles-title{ max-width: 920px; margin: 0 auto 18px; text-align: center; } .tsr-slot-articles-title h2, h2.tsr-slot-articles-title{ margin: 0; font-size: clamp(2rem, 3vw, 2.9rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #1f2937; text-wrap: balance; } .tsr-slot-articles-title::after{ content: ""; display: block; width: 80px; height: 4px; margin: 22px auto 0; border-radius: 999px; background: linear-gradient(90deg,#f59e0b,#ea580c); } .tsr-slot-articles-text{ max-width: 760px; margin: 0 auto 56px; text-align: center; font-size: 1.12rem; line-height: 1.9; color: #6b7280; } .tsr-slot-articles-text p:first-child{ margin-top: 0; } .tsr-slot-articles-text p:last-child{ margin-bottom: 0; } .tsr-services-gb{ margin: 42px 0; } .tsr-services-gb__intro{ margin: 0 0 22px; line-height: 1.45; } .tsr-services-gb .gb-query-loop-items{ gap: 24px; } .tsr-service-card{ height: 100%; } .tsr-service-card > .gb-container{ display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 14px; background: #f7f5f3; border: 1px solid rgba(0,0,0,.05); border-radius: 20px; box-shadow: 0 8px 22px rgba(0,0,0,.04); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background-color .28s ease; } .tsr-service-card:hover > .gb-container{ transform: translateY(-4px); box-shadow: 0 16px 34px rgba(0,0,0,.08); border-color: rgba(0,0,0,.08); background: #fbf9f7; } .tsr-service-card .gb-image, .tsr-service-card figure, .tsr-service-card .gb-media-wrapper{ margin: 0; overflow: hidden; border-radius: 16px; } .tsr-service-card img{ display: block; width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover; transition: transform .45s ease, filter .35s ease; } .tsr-service-card:hover img{ transform: scale(1.04); filter: brightness(.97); } .tsr-service-card .gb-headline, .tsr-service-card .gb-headline-text{ margin: 0; font-size: clamp(22px, 2vw, 34px); line-height: 1.08; letter-spacing: -0.01em; } .tsr-service-card .gb-headline a, .tsr-service-card .gb-headline-text a{ color: var(--tsr-wine); text-decoration: none; transition: color .25s ease, opacity .25s ease; } .tsr-service-card .gb-headline a:hover, .tsr-service-card .gb-headline-text a:hover{ opacity: .88; } .tsr-service-card .gb-text, .tsr-service-card p{ margin: 0; line-height: 1.45; } @media (max-width: 1024px){ .tsr-services-gb .gb-query-loop-items{ gap: 20px; } .tsr-service-card > .gb-container{ padding: 12px; border-radius: 18px; } .tsr-service-card .gb-headline, .tsr-service-card .gb-headline-text{ font-size: clamp(20px, 2.6vw, 28px); } } @media (max-width: 767px){ .tsr-services-gb{ margin: 34px 0; } .tsr-services-gb__intro{ margin-bottom: 18px; } .tsr-services-gb .gb-query-loop-items{ gap: 16px; } .tsr-service-card > .gb-container{ gap: 12px; padding: 10px; border-radius: 16px; } .tsr-service-card .gb-headline, .tsr-service-card .gb-headline-text{ font-size: clamp(19px, 5.8vw, 26px); line-height: 1.1; } } .tsr-archive-grupos .tsr-archive-howto{ padding-left: 18px; padding-right: 18px; } .tsr-archive-grupos .tsr-archive-howto .tsr-steps{ gap: 16px; margin-top: 18px; margin-bottom: 10px; } .tsr-archive-grupos .tsr-archive-howto .tsr-step{ background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: 18px; padding: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.05); } .tsr-archive-grupos .tsr-archive-howto .tsr-step-num{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; background: rgba(0,0,0,.06); border: 1px solid rgba(0,0,0,.10); margin: 0 0 10px 0; } @media (max-width: 782px){ .tsr-archive-grupos .tsr-archive-howto{ padding-left: 18px; padding-right: 18px; } .tsr-archive-grupos .tsr-archive-howto .tsr-steps{ gap: 14px; } .tsr-archive-grupos .tsr-archive-howto .tsr-step{ border-radius: 16px; padding: 16px; } } .tsr-archive-grupos .tsr-archive-links{ padding-left: 18px; padding-right: 18px; } .tsr-archive-grupos .tsr-archive-links .tsr-archive-links-grid{ gap: 18px; margin-top: 18px; } .tsr-archive-grupos .tsr-archive-links .tsr-archive-links-grid > .wp-block-column{ background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: 18px; padding: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.05); } .tsr-archive-grupos .tsr-archive-links .tsr-links{ list-style: none; padding-left: 0; margin: 12px 0 0; display: grid; gap: 10px; } .tsr-archive-grupos .tsr-archive-links .tsr-links a{ display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(0,0,0,.08); border-radius: 14px; padding: 10px 12px; text-decoration: none; background: rgba(0,0,0,.02); } .tsr-archive-grupos .tsr-archive-links .tsr-links a:hover{ background: rgba(0,0,0,.05); } .tsr-archive-grupos .tsr-archive-links .tsr-links a::after{ content: "›"; opacity: .7; margin-left: 10px; } @media (max-width: 900px){ .tsr-archive-grupos .tsr-archive-links .tsr-archive-links-grid{ gap: 14px; } .tsr-archive-grupos .tsr-archive-links .tsr-archive-links-grid > .wp-block-column{ padding: 16px; border-radius: 16px; } } .tsr-related{ max-width: 1120px; margin: 0 auto; } .tsr-related .gb-looper, .tsr-related .gb-loop-items, .tsr-related .wp-block-generateblocks-looper{ display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: stretch; } @media (max-width: 900px){ .tsr-related .gb-looper, .tsr-related .gb-loop-items, .tsr-related .wp-block-generateblocks-looper{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px){ .tsr-related .gb-looper, .tsr-related .gb-loop-items, .tsr-related .wp-block-generateblocks-looper{ grid-template-columns: 1fr; } } .tsr-related .tsr-related-card__img, .tsr-related .tsr-related-card__img figure{ margin: 0 !important; overflow: hidden; } .tsr-related .tsr-related-card__img img, .tsr-related .tsr-related-card img{ width: 100% !important; aspect-ratio: 16 / 10; object-fit: cover; display: block; transition: transform .35s ease; } .tsr-related .tsr-related-card:hover .tsr-related-card__img img, .tsr-related .tsr-related-card:hover img{ transform: scale(1.03); } .tsr-related .tsr-related-card > .wp-block-group, .tsr-related .tsr-related-card > .gb-container, .tsr-related .tsr-related-card > .wp-block-generateblocks-container{ padding: 18px 20px 22px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; text-align: left !important; width: 100% !important; box-sizing: border-box; flex: 1 1 auto; } .tsr-related .tsr-related-card__title, .tsr-related .tsr-related-card__title a{ margin: 0 0 10px 0 !important; font-size: 20px; line-height: 1.18; font-weight: 400; color: #8b1f24; text-decoration: none; text-align: justify !important; } .tsr-related .tsr-related-card__title a:hover{ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .12em; } .tsr-related .tsr-related-card__date{ margin: 0 0 12px 0 !important; font-size: 14px; line-height: 1.4; color: #6a6a6a; text-align: center !important; } .tsr-related .tsr-related-card__excerpt{ margin: 0 !important; font-size: 15px; color: #232323; text-align: left !important; } .tsr-related .tsr-related-card__title + .tsr-related-card__date{ margin-top: 2px !important; } @media (prefers-reduced-motion: reduce){ .tsr-related .tsr-related-card, .tsr-related .tsr-related-card::after, .tsr-related .tsr-related-card img{ transition: none !important; animation: none !important; } .tsr-related .tsr-related-card:hover{ transform: none; } .tsr-related .tsr-related-card:hover .tsr-related-card__img img, .tsr-related .tsr-related-card:hover img{ transform: none; } } 
/* Bloque Formatos – Landing Premium ok */
.tsr-pattern-custom-2 { position: relative; margin-block: clamp(60px, 8vw, 105px); } .tsr-pattern-custom-2 > .wp-block-group { width: 100%; } .tsr-pattern-custom-2 .tsr-slot-custom-title-2 { position: relative !important; display: block !important; width: min(100%, 1050px) !important; max-width: 1050px !important; margin: 0 auto 62px !important; padding: 0 0 30px !important; color: #74101b !important; font-size: clamp(2.4rem, 4.8vw, 4.2rem) !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: -0.04em; text-align: center !important; text-wrap: balance; } .tsr-pattern-custom-2 .tsr-slot-custom-title-2::after { content: "" !important; position: absolute !important; right: auto !important; bottom: 0 !important; left: 50% !important; display: block !important; width: 110px !important; height: 7px !important; margin: 0 !important; border-radius: 999px; background: linear-gradient( 90deg, #ef3b3b 0%, #bd172b 50%, #7d0e1a 100% ) !important; box-shadow: 0 0 0 6px rgba(181, 23, 42, 0.07), 0 9px 22px rgba(181, 23, 42, 0.25); transform: translateX(-50%) !important; } .tsr-explora-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(18px, 2vw, 28px); width: 100%; margin: 0 !important; } .tsr-explora-grid > .wp-block-column { min-width: 0; margin: 0 !important; } .tsr-pattern-custom-2 .tsr-slot-custom-text-2 { width: min(100%, 900px) !important; max-width: 900px !important; margin: 0 auto 54px !important; padding: 0 !important; color: #4f4245 !important; font-size: clamp(1.08rem, 1.45vw, 1.24rem) !important; line-height: 1.72 !important; text-align: center !important; } .tsr-explora-card { position: relative !important; display: block !important; width: 100%; height: 380px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(112, 15, 27, 0.14); border-radius: 22px; background: #fff; box-shadow: 0 14px 34px rgba(73, 9, 17, 0.09), 0 2px 8px rgba(73, 9, 17, 0.04); isolation: isolate; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .tsr-explora-card:hover, .tsr-explora-card:focus-within { transform: translateY(-8px) scale(1.012); border-color: rgba(140, 16, 31, 0.3); box-shadow: 0 25px 55px rgba(73, 9, 17, 0.17), 0 6px 16px rgba(73, 9, 17, 0.08); } .tsr-explora-card > .tsr-explora-img { position: absolute !important; inset: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; overflow: hidden !important; background: #eee; } .tsr-explora-card > .tsr-explora-img a { display: block !important; width: 100% !important; height: 100% !important; } .tsr-explora-card > .tsr-explora-img img { display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; object-fit: cover !important; object-position: center; transition: transform 0.5s ease, filter 0.35s ease; } .tsr-explora-card:hover .tsr-explora-img img, .tsr-explora-card:focus-within .tsr-explora-img img { transform: scale(1.055); filter: brightness(0.78); } .tsr-explora-img figcaption { display: none !important; } .tsr-explora-card::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( to top, rgba(31, 0, 6, 0.44) 0%, rgba(31, 0, 6, 0.06) 48%, rgba(31, 0, 6, 0.08) 100% ); transition: opacity 0.3s ease; } .tsr-explora-card:hover::after, .tsr-explora-card:focus-within::after { opacity: 0.42; } .tsr-explora-card > .tsr-explora-title { position: absolute !important; z-index: 4; right: 16px !important; bottom: 16px !important; left: 16px !important; display: flex; align-items: center; justify-content: center; min-height: 64px !important; margin: 0 !important; padding: 14px 18px !important; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 16px !important; background: linear-gradient( 135deg, rgba(78, 5, 17, 0.78), rgba(111, 10, 25, 0.62) ) !important; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); box-shadow: 0 12px 28px rgba(42, 0, 7, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.1); color: #fff !important; font-size: clamp(1.18rem, 1.7vw, 1.5rem) !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -0.02em; text-align: center !important; text-wrap: balance; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); opacity: 1; transition: opacity 0.25s ease, transform 0.25s ease; } .tsr-explora-card > .tsr-explora-title a { display: block; color: #fff !important; text-decoration: none !important; } .tsr-explora-card:hover > .tsr-explora-title, .tsr-explora-card:focus-within > .tsr-explora-title { opacity: 0; transform: translateY(8px); } .tsr-explora-card > .tsr-explora-description { position: absolute !important; inset: 0 !important; z-index: 5; display: flex; align-items: center; width: 100% !important; height: 100% !important; box-sizing: border-box; margin: 0 !important; padding: clamp(24px, 3vw, 34px) !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; background: linear-gradient( 135deg, rgba(63, 4, 14, 0.66), rgba(109, 8, 24, 0.52) ) !important; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); color: #fff !important; font-size: clamp(0.96rem, 1.1vw, 1.07rem) !important; font-weight: 450; line-height: 1.62 !important; text-align: justify !important; text-align-last: left; text-wrap: pretty; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.32); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease; } .tsr-explora-card:hover > .tsr-explora-description, .tsr-explora-card:focus-within > .tsr-explora-description { opacity: 1; visibility: visible; transform: translateY(0); } @media (max-width: 1200px) { .tsr-explora-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .tsr-explora-card { height: 400px !important; } } @media (max-width: 850px) { .tsr-explora-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tsr-explora-card { height: 420px !important; } } @media (max-width: 640px) { .tsr-pattern-custom-2 { margin-block: 48px; } .tsr-pattern-custom-2 .tsr-slot-custom-title-2, .tsr-explora-formaciones .tsr-title-anim { max-width: 100%; font-size: clamp(2rem, 10vw, 2.8rem) !important; line-height: 1.1 !important; } .tsr-pattern-custom-2 .tsr-slot-custom-text-2, .tsr-explora-formaciones .justify { margin: 20px auto 36px !important; font-size: 1.05rem !important; line-height: 1.65 !important; } .tsr-explora-grid { grid-template-columns: 1fr; gap: 24px; } .tsr-explora-card { height: 420px !important; border-radius: 20px; } .tsr-explora-card > .tsr-explora-title { right: 14px !important; bottom: 14px !important; left: 14px !important; font-size: 1.3rem !important; } .tsr-explora-card > .tsr-explora-description { padding: 26px !important; font-size: 1rem !important; line-height: 1.6 !important; text-align: left !important; } } @media (hover: none) { .tsr-explora-card > .tsr-explora-description { align-items: flex-end; padding: 24px !important; background: linear-gradient( to top, rgba(63, 4, 14, 0.88), rgba(63, 4, 14, 0.12) 70% ) !important; opacity: 1; visibility: visible; transform: none; font-size: 0.95rem !important; text-align: left !important; } .tsr-explora-card > .tsr-explora-title { display: none; } } @media (prefers-reduced-motion: reduce) { .tsr-explora-card, .tsr-explora-img img, .tsr-explora-title, .tsr-explora-description { transition: none !important; } }
/* Estilos globales */
:root{ --tsr-wine:#751624; --tsr-blue:#1E3A5F; } .tsr-title-anim{ position:relative; display:inline-block; text-align: center; color:var(--tsr-wine); transition:color .35s ease; } .tsr-title-anim::after{ content:""; position:absolute; left:0; bottom:-8px; width:100%; height:3px; background:var(--tsr-wine); border-radius:2px; transform:scaleX(.35); transform-origin:left; transition: transform .45s cubic-bezier(.4,0,.2,1), background .3s ease; } .tsr-title-anim:hover{ color:var(--tsr-blue); } .tsr-title-anim:hover::after{ transform:scaleX(1); background:var(--tsr-blue); } .tsr-title-anim{ animation:tsrTitleFade .6s ease; } @keyframes tsrTitleFade{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:translateY(0); } } @media (prefers-reduced-motion: reduce){ .tsr-title-anim, .tsr-title-anim::after{ animation:none; transition:none; } } .tsr-btn{ position: relative; display: inline-block; border-radius: 999px; overflow: hidden; transition: all .35s ease; } .tsr-btn--burgundy .wp-element-button{ position: relative; color: #fff; background: linear-gradient(180deg, var(--tsr-burgundy), var(--tsr-burgundy-dark)); box-shadow: none; transition: all .35s ease; z-index: 1; } .tsr-btn--burgundy .wp-element-button::before{ content:""; position:absolute; top:-50%; left:-40%; width:50%; height:200%; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100% ); transform: rotate(18deg) translateX(-200%); opacity: 0; transition: transform .7s ease, opacity .3s ease; pointer-events:none; } .tsr-btn--burgundy .wp-element-button::after{ content:""; position:absolute; inset:-3px; border-radius:999px; box-shadow: 0 0 0 0 rgba(122,15,30,0); transition: box-shadow .35s ease; pointer-events:none; } .tsr-btn--burgundy .wp-element-button:hover{ transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 18px 40px rgba(0,0,0,.25); } .tsr-btn--burgundy .wp-element-button:hover::before{ transform: rotate(18deg) translateX(350%); opacity: 1; } .tsr-btn--burgundy .wp-element-button:hover::after{ box-shadow: 0 0 0 8px rgba(122,15,30,.25); } .tsr-btn--gold .wp-element-button{ color: #2a1a00; background: linear-gradient(180deg, var(--tsr-gold-1), var(--tsr-gold-2) 55%, var(--tsr-gold-3)); box-shadow: 0 14px 30px rgba(0,0,0,.14); position: relative; overflow: hidden; } .tsr-btn--gold .wp-element-button::after{ content:""; position:absolute; inset:-40% -60%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); transform: rotate(12deg) translateX(-60%); transition: transform .6s ease; } .tsr-btn--gold .wp-element-button:hover{ transform: translateY(-1px); box-shadow: 0 18px 44px rgba(0,0,0,.18); } .tsr-btn--gold .wp-element-button:hover::after{ transform: rotate(12deg) translateX(60%); } .tsr-btn--ghost .wp-element-button{ background: transparent; color: var(--tsr-burgundy); border: 1px solid rgba(122,15,30,.28); box-shadow: none; } .tsr-btn--ghost .wp-element-button:hover{ transform: translateY(-1px); box-shadow: 0 12px 26px rgba(122,15,30,.10); } .wp-element-button{ font-family: 'Inter', sans-serif !important; } .tsr-btn{ position: relative; display: inline-block; border-radius: 999px; overflow: hidden; transition: all .25s ease; font-family: inherit; font-size: 0.95rem; font-weight: 500; letter-spacing: .3px; padding: 14px 22px; font-family: 'Inter', sans-serif !important; } .tsr-btn--gold{ color: #1a1a1a; background: linear-gradient(135deg, #d6b15e, #f2d48a, #c89b3c); box-shadow: 0 14px 30px rgba(200,155,60,.25); text-align: center; } .tsr-btn--gold::before{ content:""; position:absolute; top:-40%; left:-30%; width:40%; height:180%; transform: rotate(18deg); background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0) 100% ); opacity:.85; animation: tsrShineGold 3.6s ease-in-out infinite; pointer-events:none; } .tsr-btn--gold::after{ content:""; position:absolute; inset:-2px; border-radius:999px; box-shadow:0 0 0 0 rgba(200,155,60,0); transition: box-shadow .25s ease; pointer-events:none; } .tsr-btn--gold:hover{ transform: translateY(-1px); box-shadow: 0 18px 40px rgba(200,155,60,.35); } .tsr-btn--gold:hover::after{ box-shadow: 0 0 0 6px rgba(200,155,60,.18); } @keyframes tsrShineGold{ 0% { transform: translateX(-140%) rotate(18deg); opacity: 0; } 12% { opacity: .9; } 28% { transform: translateX(420%) rotate(18deg); opacity: 0; } 100% { transform: translateX(420%) rotate(18deg); opacity: 0; } } .tsr-btn-gold { background: linear-gradient(135deg, #d6b15e, #f2d48a, #c89b3c); color: #1a1a1a; box-shadow: 0 14px 30px rgba(200,155,60,.25); text-align: center; } .tsr-btn-gold::after{ content:""; position:absolute; top:-40%; left:-30%; width: 45%; height: 200%; transform: rotate(18deg); background: rgba(255,255,255,.35); filter: blur(1px); opacity: 0; transition: opacity .2s ease; } .tsr-btn-gold:hover::after{ opacity: 1; animation: tsrShine 1.15s ease forwards; } .tsr-btn--burgundy-anim{ color:#ffffff; background: linear-gradient(135deg, #8f1627, #7a0f1e, #5f0c17); box-shadow: 0 14px 30px rgba(122,15,30,.28); text-align: center; } .tsr-btn--burgundy-anim::before{ content:""; position:absolute; top:-40%; left:-30%; width:40%; height:180%; transform: rotate(18deg); background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100% ); opacity:.75; animation: tsrShineBurgundy 4.2s ease-in-out infinite; pointer-events:none; } .tsr-btn--burgundy-anim::after{ content:""; position:absolute; inset:-2px; border-radius:999px; box-shadow:0 0 0 0 rgba(122,15,30,0); transition: box-shadow .25s ease; pointer-events:none; } .tsr-btn--burgundy-anim:hover{ transform: translateY(-1px); box-shadow: 0 18px 40px rgba(122,15,30,.38); } .tsr-btn--burgundy-anim:hover::after{ box-shadow: 0 0 0 6px rgba(122,15,30,.22); } @keyframes tsrShineBurgundy{ 0% { transform: translateX(-140%) rotate(18deg); opacity: 0; } 14% { opacity: .85; } 30% { transform: translateX(420%) rotate(18deg); opacity: 0; } 100% { transform: translateX(420%) rotate(18deg); opacity: 0; } } :root{ --tsr-wine: #751624; --tsr-wine-dark: #5E101B; --tsr-wine-soft: #8E1C2D; --tsr-cream: #F3F0EC; } .tsr-coverage-wrap{ max-width: 1200px; margin: 80px auto; padding: 70px 40px; border-radius: 32px; background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%); box-shadow: 0 14px 40px rgba(0,0,0,.06); } .tsr-coverage-wrap h2, .tsr-coverage-wrap h3{ margin-bottom: 18px; } .tsr-coverage-columns{ align-items: center; gap: 40px; } .tsr-coverage-columns .wp-block-column:last-child{ background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 24px; padding: 26px 26px 22px; box-shadow: 0 10px 24px rgba(0,0,0,.05); } .tsr-coverage-columns .wp-block-column:last-child p{ line-height: 1.6; opacity: .92; } .tsr-coverage-list{ list-style: none; padding-left: 0; margin: 0; } .tsr-coverage-list li{ position: relative; padding-left: 34px; margin: 12px 0; line-height: 1.6; opacity: .92; } .tsr-coverage-list li::before{ content: "✓"; position: absolute; left: 0; top: 0; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(214, 40, 40, .12); color: #D62828; font-weight: 800; } .tsr-coverage-cta{ margin-top: 18px; } .tsr-coverage-cta .wp-block-button__link{ box-shadow: 0 10px 24px rgba(0,0,0,.10); } @media (max-width: 900px){ .tsr-coverage-wrap{ margin: 50px 20px; padding: 50px 22px; border-radius: 24px; } .tsr-coverage-columns{ gap: 18px; } .tsr-coverage-columns .wp-block-column:last-child{ padding: 20px; border-radius: 20px; } } .tsr-testimonials-wrap{ margin: 80px auto; max-width: 1200px; border-radius: 32px; background: linear-gradient(180deg, #f7f7f7 0%, #f2f2f2 100%); } .tsr-testimonials-wrap h2, .tsr-testimonials-wrap h3{ margin-bottom: 32px; } .tsr-testimonials{ gap: 24px; margin-top: 10px; } .tsr-testimonials .wp-block-column{ display: flex; } .tsr-testimonials .wp-block-quote{ background: #ffffff; border: 1px solid rgba(0,0,0,.06); border-radius: 24px; padding: 26px 28px 22px; box-shadow: 0 12px 30px rgba(0,0,0,.06); width: 100%; margin: 0; position: relative; transition: transform .25s ease, box-shadow .25s ease; animation: tsrFadeUp .55s ease both; } .tsr-testimonials .wp-block-quote{ border-left: 0 !important; } .tsr-testimonials .wp-block-quote::before{ content: "★★★★★"; color: #D62828; font-size: 18px; letter-spacing: 3px; display: block; margin-bottom: 14px; opacity: .95; } .tsr-testimonials .wp-block-quote::after{ content: "“"; font-size: 76px; line-height: 1; opacity: .12; position: absolute; top: 10px; right: 18px; } .tsr-testimonials .wp-block-quote p{ margin: 0 0 14px 0; line-height: 1.6; opacity: .92; } .tsr-testimonials .wp-block-quote cite{ display: block; margin-top: 10px; opacity: .7; font-style: normal; } .tsr-testimonials .wp-block-quote:hover{ transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,.10); } @keyframes tsrFadeUp{ from{ opacity: 0; transform: translateY(12px); } to{ opacity: 1; transform: translateY(0); } } @media (max-width: 900px){ .tsr-testimonials-wrap{ margin: 50px 20px; border-radius: 24px; } .tsr-testimonials .wp-block-quote{ border-radius: 20px; padding: 22px; } } .tsr-testimonials .wp-block-quote{ border-left: 0 !important; } .tsr-testimonials .wp-block-quote::before{ content: "★★★★★"; color: #D62828; font-size: 18px; letter-spacing: 3px; display: block; margin-bottom: 14px; opacity: .95; } .tsr-testimonials .wp-block-quote::after{ content: "“"; font-size: 76px; line-height: 1; opacity: .12; position: absolute; top: 10px; right: 18px; } .tsr-testimonials .wp-block-quote p{ margin: 0 0 14px 0; line-height: 1.6; opacity: .92; } .tsr-testimonials .wp-block-quote cite{ display: block; margin-top: 10px; opacity: .7; font-style: normal; } .tsr-testimonials .wp-block-quote:hover{ transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,.10); } @keyframes tsrFadeUp{ from{ opacity: 0; transform: translateY(12px); } to{ opacity: 1; transform: translateY(0); } } @media (max-width: 900px){ .tsr-testimonials-wrap{ padding: 50px 0; border-radius: 24px; } .tsr-testimonials .wp-block-quote{ border-radius: 20px; padding: 22px 22px 18px; } } .tsr-testimonials-wrap{ padding-top: 80px; padding-bottom: 80px; } .tsr-testimonials-wrap h2, .tsr-testimonials-wrap h3{ margin-bottom: 28px; } .tsr-testimonials-wrap{ max-width: 1200px; } .tsr-testimonials{ margin-top: 10px; } @media (max-width: 900px){ .tsr-testimonials-wrap{ padding-top: 56px; padding-bottom: 56px; } } .tsr-testimonials-wrap{ background: linear-gradient(180deg, #f7f7f7 0%, #f2f2f2 100%); } .tsr-cards .tsr-card h3{ margin-bottom: 10px; } .tsr-cards .tsr-card p{ opacity: .85; line-height: 1.6; } .tsr-cards .tsr-card:hover{ transform: translateY(-6px); box-shadow: 0 12px 30px rgba(0,0,0,.08), 0 30px 60px rgba(0,0,0,.12); } .tsr-cards{ margin-top: 40px; } .tsr-section-alt{ background: #f6f6f6; padding: 80px 0; border-radius: 32px; } .tsr-cards.wp-block-columns{ align-items: stretch !important; } .tsr-cards .wp-block-column{ display: flex !important; flex-direction: column !important; align-self: stretch !important; } .tsr-cards .wp-block-column > .tsr-card{ display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; align-self: stretch !important; } .tsr-cards .tsr-card .wp-block-buttons{ margin-top: auto !important; } .tsr-cards .tsr-card.wp-block-group{ justify-content: flex-start !important; } .tsr-cards .wp-block-column .tsr-card{ flex: 1 1 auto !important; height: 100% !important; } .imagen-destacada { image-rendering: auto; filter: contrast(1.03) saturate(1.05); border-radius: 12px; overflow: hidden; box-shadow: 0 12px 30px rgba(0,0,0,.12); background: #f4f1ee; padding: 12px; padding-bottom: 15px!important; padding-top: 15px!important; } .imagen-destacada::after { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/></filter><rect width='100%' height='100%' filter='url(#n)' opacity='0.04'/></svg>"); pointer-events: none; } @media (max-width: 767px) { .ocultar-en-movil { display: none !important; } } .mb-m20 { margin-bottom: -20px; } .mb-m40 { margin-bottom: -40px; } .h1-etiquetas { text-transform: capitalize; } .tsr-intro-text { text-align: center; } .tsr-intro-text__lead { font-weight: 600; } .tsr-intro-text p { margin-bottom: 2px; margin-top: 2px; } .cuerpo-articulo p { text-align: justify; } p { color: black; } p.justify { text-align: justify!important; } .justify p { text-align: justify!important; } p.cursive { font-style: italic!important; } .minuscula { text-transform: lowercase!important; }