/* =========================================
   THE UNRAVELED TOUR
========================================= */

.tour-body {
    margin: 0;
    background: #dfcfca;
    color: #493d40;
}

.tour-container {
    width: min(1180px, calc(100% - 40px));
    margin: 30px auto;
    overflow: hidden;
    background: #eaded8;
    border: 1px solid #d0b7b4;
    box-shadow: 0 22px 50px rgba(62, 40, 45, 0.2);
}

/* Encabezado */

.tour-header {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 280px;
    padding: 35px;
    text-align: center;
    background: #fff8f4;
}

.tour-header::before {
    content: "";
    position: absolute;
    inset: 22px;
    border: 1px dashed rgba(132, 82, 97, 0.25);
}

.tour-header > * {
    position: relative;
    z-index: 1;
}

.tour-label {
    margin: 0 0 15px;
    font-family: "Nunito", sans-serif;
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #966274;
}

.tour-header h1 {
    margin: 0;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(60px, 8vw, 105px);
    font-style: italic;
    font-weight: 500;
    line-height: 0.85;
    color: #de789c;
}

.tour-artist {
    margin: 12px 0 0 240px;
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    font-style: italic;
}

/* Pared */

.tour-wall {
    position: relative;
    min-height: 1450px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255, 255, 255, 0.55),
            transparent 42%
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0 42px,
            rgba(90, 65, 67, 0.025) 43px
        ),
        #e9ddd7;
}

/* Tarjeta introductoria */

.tour-note {
    position: absolute;
    z-index: 10;
    top: 70px;
    left: 50%;
    width: min(680px, 72%);
    padding: 42px 58px;
    text-align: center;
    background: #fffdf9;
    border: 1px solid #d3bcba;
    box-shadow:
        8px 11px 0 rgba(100, 62, 71, 0.07),
        0 18px 30px rgba(65, 42, 47, 0.17);
    transform: translateX(-50%) rotate(0.3deg);
    transition: 0.35s ease;
}

.tour-note:hover {
    transform: translateX(-50%) translateY(-7px);
}

.tour-note::after {
    content: "";
    position: absolute;
    inset: 13px;
    border: 1px dashed rgba(145, 91, 107, 0.2);
    pointer-events: none;
}

.tour-note p {
    position: relative;
    z-index: 1;
    margin: 0 0 15px;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    line-height: 1.55;
}

.tour-note-lead {
    font-size: 28px !important;
    font-style: italic;
    color: #754c59;
}

.tour-note-tape {
    position: absolute;
    z-index: 3;
    top: -18px;
    left: 50%;
    width: 175px;
    height: 32px;
    background: rgba(225, 208, 191, 0.9);
    transform: translateX(-50%) rotate(-1deg);
}

/* Pósters */

.tour-poster {
    position: absolute;
    margin: 0;
    transition: transform 0.35s ease;
}

.tour-poster img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 16px 24px rgba(52, 36, 40, 0.27);
}

.tour-poster-main {
    z-index: 3;
    top: 500px;
    left: 7%;
    width: 52%;
    transform: rotate(-1deg);
}

.tour-poster-pink {
    z-index: 5;
    top: 450px;
    right: 6%;
    width: 28%;
    transform: rotate(2deg);
}

.tour-poster-cure {
    z-index: 4;
    top: 860px;
    right: 9%;
    width: 31%;
    transform: rotate(1deg);
}

.tour-poster-main:hover {
    transform: translateY(-10px) rotate(-0.2deg) scale(1.012);
}

.tour-poster-pink:hover {
    transform: translateY(-9px) rotate(0.3deg) scale(1.018);
}

.tour-poster-cure:hover {
    transform: translateY(-8px) rotate(-0.2deg) scale(1.016);
}

/* Cintas */

.poster-tape {
    position: absolute;
    z-index: 8;
    width: 130px;
    height: 31px;
    background: rgba(225, 207, 188, 0.92);
    box-shadow: 0 2px 3px rgba(65, 42, 47, 0.13);
}

.poster-tape-main-left {
    top: -18px;
    left: -25px;
    transform: rotate(-22deg);
}

.poster-tape-main-right {
    top: -18px;
    right: 22%;
    transform: rotate(3deg);
}

.poster-tape-pink {
    top: -16px;
    left: 50%;
    width: 160px;
    transform: translateX(-50%) rotate(5deg);
}

.poster-tape-cure {
    top: 43%;
    right: -37px;
    width: 115px;
    transform: rotate(90deg);
}

/* Detalles */

.tour-wall-detail,
.tour-wall-caption {
    position: absolute;
    color: rgba(147, 86, 105, 0.48);
    font-family: "Cormorant Garamond", serif;
}

.detail-heart {
    top: 420px;
    left: 8%;
    font-size: 30px;
}

.detail-star {
    right: 6%;
    bottom: 120px;
    font-size: 27px;
}

.tour-wall-caption {
    top: 405px;
    right: 7%;
    font-size: 17px;
    font-style: italic;
}

/* Tablet y celular */

@media (max-width: 900px) {
    .tour-wall {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 35px;
        min-height: auto;
        padding: 45px 22px 65px;
    }

    .tour-note,
    .tour-poster {
        position: relative;
        inset: auto;
    }

    .tour-note {
        width: min(680px, 90%);
        transform: none;
    }

    .tour-note:hover {
        transform: translateY(-7px);
    }

    .tour-poster-main {
        width: min(610px, 90%);
    }

    .tour-poster-pink,
    .tour-poster-cure {
        width: min(410px, 70%);
    }

    .tour-wall-detail,
    .tour-wall-caption {
        display: none;
    }
}

@media (max-width: 600px) {
    .tour-container {
        width: calc(100% - 20px);
        margin: 10px auto;
    }

    .tour-header h1 {
        font-size: 58px;
    }

    .tour-artist {
        margin-left: 45px;
        font-size: 23px;
    }

    .tour-note {
        width: 90%;
        padding: 38px 25px;
    }

    .tour-poster-main,
    .tour-poster-pink,
    .tour-poster-cure {
        width: 88%;
    }
}

/* =========================================
   TOUR NOTE — MORE DECORATED VERSION
========================================= */

.tour-note {
    overflow: visible;

    background:
        linear-gradient(
            rgba(255, 253, 249, 0.94),
            rgba(248, 239, 234, 0.96)
        );

    border: 1px solid #cfaeb4;

    box-shadow:
        12px 14px 0 rgba(124, 78, 91, 0.08),
        0 22px 34px rgba(69, 44, 50, 0.18),
        inset 0 0 0 7px rgba(255, 255, 255, 0.42);
}

/* Marco interior ornamental */

.tour-note::after {
    inset: 17px;

    border: 1px solid rgba(161, 100, 118, 0.24);
    border-radius: 2px;
}

/* Línea decorativa superior */

.tour-note::before {
    content: "THE UNRAVELED TOUR · LIVE ARCHIVE";

    position: absolute;
    z-index: 2;

    top: 22px;
    left: 50%;

    width: calc(100% - 90px);

    padding-bottom: 9px;

    border-bottom: 1px solid rgba(154, 93, 111, 0.28);

    transform: translateX(-50%);

    color: #9a6475;

    font-family: "Nunito", sans-serif;
    font-size: 9px;
    font-weight: 600;

    letter-spacing: 3.5px;
    text-align: center;
}

/* Deja espacio para el encabezado ornamental */

.tour-note {
    padding-top: 72px;
    padding-bottom: 55px;
}

/* Título principal de la tarjeta */

.tour-note-lead {
    position: relative;

    max-width: 580px;
    margin: 0 auto 30px !important;

    font-size: 32px !important;
    line-height: 1.18 !important;
}

/* Corazón debajo del título */

.tour-note-lead::after {
    content: "♡";

    display: block;

    margin-top: 17px;

    color: #b36d83;
    font-size: 19px;
    font-style: normal;
}

/* Texto inferior más compacto */

.tour-note p:not(.tour-note-lead) {
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
}

/* Cintas adicionales */

.tour-note-tape {
    top: -22px;

    width: 190px;
    height: 37px;

    background:
        repeating-linear-gradient(
            135deg,
            rgba(222, 200, 181, 0.9) 0,
            rgba(222, 200, 181, 0.9) 13px,
            rgba(237, 218, 201, 0.9) 13px,
            rgba(237, 218, 201, 0.9) 26px
        );
}

/* Segunda cinta decorativa */

.tour-note .tour-note-tape::after {
    content: "";

    position: absolute;

    width: 105px;
    height: 27px;

    right: -430px;
    top: 500px;

    background: rgba(226, 204, 185, 0.78);

    box-shadow: 0 2px 3px rgba(65, 42, 47, 0.12);

    transform: rotate(8deg);
}

/* Marcas decorativas de las esquinas */

.tour-note {
    background-image:
        radial-gradient(
            circle at 22px 22px,
            rgba(176, 107, 127, 0.22) 0 3px,
            transparent 4px
        ),
        radial-gradient(
            circle at calc(100% - 22px) 22px,
            rgba(176, 107, 127, 0.22) 0 3px,
            transparent 4px
        ),
        radial-gradient(
            circle at 22px calc(100% - 22px),
            rgba(176, 107, 127, 0.22) 0 3px,
            transparent 4px
        ),
        radial-gradient(
            circle at calc(100% - 22px) calc(100% - 22px),
            rgba(176, 107, 127, 0.22) 0 3px,
            transparent 4px
        ),
        linear-gradient(
            rgba(255, 253, 249, 0.95),
            rgba(248, 239, 234, 0.96)
        );
}

/* Ajuste móvil */

@media (max-width: 600px) {
    .tour-note {
        padding:
            67px
            26px
            44px;
    }

    .tour-note::before {
        width: calc(100% - 55px);

        font-size: 8px;
        letter-spacing: 2px;
    }

    .tour-note-lead {
        font-size: 27px !important;
    }

    .tour-note .tour-note-tape::after {
        display: none;
    }
}
/* ==========================================================
   TOUR — FINAL DECORATION AND TAPE CORRECTIONS
   ========================================================== */

/* Elimina la cinta flotante creada anteriormente */

.tour-note .tour-note-tape::after {
    display: none !important;
}

/* ==========================================================
   HEADER MÁS DECORADO
   ========================================================== */

.tour-header {
    min-height: 330px;
    padding: 55px 30px;

    background:
        radial-gradient(
            circle at 13% 30%,
            rgba(222, 119, 156, 0.12) 0 3px,
            transparent 4px
        ),
        radial-gradient(
            circle at 87% 68%,
            rgba(222, 119, 156, 0.12) 0 3px,
            transparent 4px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(218, 164, 179, 0.025) 0,
            rgba(218, 164, 179, 0.025) 7px,
            transparent 7px,
            transparent 15px
        ),
        linear-gradient(
            135deg,
            #fffaf6,
            #f8ebe8
        );

    border-bottom: 1px solid #d8b8bd;
}

.tour-header::before {
    inset: 28px;

    border: 1px solid rgba(159, 98, 116, 0.25);

    box-shadow:
        inset 0 0 0 7px rgba(255, 255, 255, 0.28);
}

.tour-header::after {
    content: "♡   unraveling every feeling   ♡";

    position: absolute;
    left: 50%;
    bottom: 25px;

    transform: translateX(-50%);

    color: rgba(148, 86, 105, 0.62);

    font-family: "Cormorant Garamond", serif;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 2px;

    white-space: nowrap;
}

.tour-header h1 {
    position: relative;

    padding: 4px 45px 12px;

    text-shadow:
        2px 3px 0 rgba(255, 255, 255, 0.75),
        0 8px 16px rgba(157, 83, 108, 0.08);
}

.tour-header h1::before,
.tour-header h1::after {
    content: "✦";

    position: absolute;
    top: 50%;

    color: rgba(185, 103, 130, 0.55);

    font-size: 27px;
    font-style: normal;
}

.tour-header h1::before {
    left: 0;
    transform: translateY(-50%) rotate(-12deg);
}

.tour-header h1::after {
    right: 0;
    transform: translateY(-50%) rotate(12deg);
}

.tour-label {
    padding: 7px 18px;

    border-top: 1px solid rgba(162, 98, 117, 0.22);
    border-bottom: 1px solid rgba(162, 98, 117, 0.22);
}

/* ==========================================================
   PARED CON MÁS TEXTURA Y PROFUNDIDAD
   ========================================================== */

.tour-wall {
    min-height: 1510px;

    background-color: #e8d9d4;

    background-image:
        radial-gradient(
            circle at 15% 19%,
            rgba(255, 255, 255, 0.72),
            transparent 25%
        ),
        radial-gradient(
            circle at 80% 72%,
            rgba(158, 101, 114, 0.13),
            transparent 27%
        ),
        repeating-linear-gradient(
            0deg,
            rgba(92, 68, 70, 0.025) 0,
            rgba(92, 68, 70, 0.025) 1px,
            transparent 1px,
            transparent 38px
        ),
        repeating-linear-gradient(
            90deg,
            rgba(92, 68, 70, 0.018) 0,
            rgba(92, 68, 70, 0.018) 1px,
            transparent 1px,
            transparent 44px
        ),
        linear-gradient(
            135deg,
            #eee2dc,
            #dfcbc7
        );

    box-shadow:
        inset 0 20px 30px rgba(76, 49, 54, 0.07),
        inset 0 -18px 26px rgba(76, 49, 54, 0.07);
}

.tour-wall::after {
    content: "";

    position: absolute;
    inset: 25px;

    border: 1px dashed rgba(132, 83, 96, 0.14);

    pointer-events: none;
}

/* ==========================================================
   TARJETA MÁS INTEGRADA CON LA PARED
   ========================================================== */

.tour-note {
    width: min(650px, 70%);

    padding:
        75px
        58px
        50px;

    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 30px,
            rgba(130, 145, 153, 0.1) 31px
        ),
        linear-gradient(
            rgba(255, 253, 248, 0.96),
            rgba(249, 240, 234, 0.97)
        );

    border: 1px solid #c9aeb2;

    box-shadow:
        11px 13px 0 rgba(104, 68, 75, 0.09),
        0 23px 35px rgba(66, 43, 48, 0.19);
}

.tour-note::before {
    content: "THE UNRAVELED TOUR · LIVE ARCHIVE";

    top: 25px;

    width: calc(100% - 100px);

    padding-bottom: 10px;

    border-bottom:
        1px solid rgba(154, 93, 111, 0.27);

    font-size: 9px;
    letter-spacing: 3.2px;
}

.tour-note::after {
    inset: 16px;

    border:
        1px dashed rgba(150, 92, 109, 0.2);
}

.tour-note-lead {
    font-size: 30px !important;
    line-height: 1.2 !important;
}

.tour-note-lead::after {
    content: "♡";

    display: block;

    margin-top: 15px;

    color: #b36d83;
    font-size: 18px;
    font-style: normal;
}

/* ==========================================================
   PÓSTERS CON BORDES Y SOMBRAS
   ========================================================== */

.tour-poster {
    padding: 8px;

    background: rgba(255, 248, 244, 0.72);

    border: 1px solid rgba(113, 75, 82, 0.2);

    box-shadow:
        9px 13px 0 rgba(87, 57, 64, 0.08),
        0 20px 28px rgba(53, 37, 40, 0.22);
}

.tour-poster img {
    box-shadow: none;
}

/* ==========================================================
   CINTAS: POSICIONES CORREGIDAS
   ========================================================== */

.poster-tape {
    position: absolute !important;
    z-index: 20 !important;

    height: 30px;

    background:
        repeating-linear-gradient(
            135deg,
            rgba(223, 200, 181, 0.94) 0,
            rgba(223, 200, 181, 0.94) 13px,
            rgba(237, 218, 201, 0.94) 13px,
            rgba(237, 218, 201, 0.94) 26px
        );

    opacity: 0.92;

    box-shadow:
        0 2px 4px rgba(63, 42, 47, 0.16);
}

/* Póster negro */

.poster-tape-main-left {
    top: -19px !important;
    left: 8% !important;

    width: 125px !important;

    transform: rotate(-7deg) !important;
}

.poster-tape-main-right {
    top: -18px !important;
    right: 8% !important;

    width: 125px !important;

    transform: rotate(6deg) !important;
}

/* Póster rosa */

.poster-tape-pink {
    top: -18px !important;
    left: 50% !important;

    width: 145px !important;

    transform:
        translateX(-50%)
        rotate(-3deg) !important;
}

/* The Cure */

.poster-tape-cure {
    top: -18px !important;
    right: 14% !important;

    width: 135px !important;

    transform: rotate(5deg) !important;
}

/* La cinta de la tarjeta */

.tour-note-tape {
    top: -21px !important;
    left: 50% !important;

    width: 185px !important;
    height: 35px !important;

    transform:
        translateX(-50%)
        rotate(-2deg) !important;
}

/* ==========================================================
   DETALLES DECORATIVOS
   ========================================================== */

.detail-heart,
.detail-star {
    display: grid;

    width: 50px;
    height: 50px;

    place-items: center;

    border: 1px solid rgba(149, 88, 107, 0.22);
    border-radius: 50%;

    background: rgba(255, 248, 246, 0.68);

    box-shadow:
        0 8px 15px rgba(71, 46, 51, 0.11);
}

.tour-wall-caption {
    padding: 6px 13px;

    border-bottom:
        1px dashed rgba(139, 82, 100, 0.25);

    background:
        rgba(255, 247, 245, 0.28);
}

/* ==========================================================
   VISTA MÓVIL
   ========================================================== */

@media (max-width: 900px) {
    .tour-wall {
        min-height: auto;
    }

    .tour-poster {
        box-sizing: border-box;
    }

    .poster-tape-main-left,
    .poster-tape-main-right {
        width: 95px !important;
    }
}

@media (max-width: 600px) {
    .tour-header::after {
        display: none;
    }

    .tour-header h1 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .tour-header h1::before,
    .tour-header h1::after {
        font-size: 18px;
    }

    .tour-note {
        width: 90%;

        padding:
            68px
            27px
            42px;
    }
}

/* ==========================================================
   TOUR HEADER — POSTER / COLLAGE VERSION
   ========================================================== */

.tour-header {
    position: relative;

    min-height: 390px;
    padding: 62px 55px 72px;

    overflow: visible;

    background:
        repeating-linear-gradient(
            -45deg,
            rgba(207, 135, 158, 0.025) 0,
            rgba(207, 135, 158, 0.025) 8px,
            transparent 8px,
            transparent 18px
        ),
        linear-gradient(
            135deg,
            #fffaf6,
            #f6e7e5
        );

    border-bottom: 1px solid #d5adb8;
}

/* Cartel central */

.tour-header::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 42px;
    right: 7%;
    bottom: 38px;
    left: 7%;

    border: 1px solid rgba(145, 83, 103, 0.34);

    background:
        radial-gradient(
            circle at 22px 22px,
            rgba(201, 123, 148, 0.18) 0 4px,
            transparent 5px
        ),
        radial-gradient(
            circle at calc(100% - 22px) 22px,
            rgba(201, 123, 148, 0.18) 0 4px,
            transparent 5px
        ),
        radial-gradient(
            circle at 22px calc(100% - 22px),
            rgba(201, 123, 148, 0.18) 0 4px,
            transparent 5px
        ),
        radial-gradient(
            circle at calc(100% - 22px) calc(100% - 22px),
            rgba(201, 123, 148, 0.18) 0 4px,
            transparent 5px
        ),
        rgba(255, 250, 247, 0.72);

    box-shadow:
        11px 13px 0 rgba(113, 68, 82, 0.08),
        0 19px 31px rgba(67, 43, 49, 0.13),
        inset 0 0 0 8px rgba(255, 255, 255, 0.34);

    transform: rotate(-0.25deg);
}

/* Marco interior */

.tour-header::after {
    content: "";

    position: absolute;
    z-index: 0;

    top: 61px;
    right: calc(7% + 19px);
    bottom: 57px;
    left: calc(7% + 19px);

    border: 1px dashed rgba(157, 91, 111, 0.28);

    pointer-events: none;
}

/* Mantiene el texto encima */

.tour-header > * {
    position: relative;
    z-index: 3;
}

/* Etiqueta superior */

.tour-label {
    width: fit-content;
    margin: 0 auto 23px;
    padding: 8px 24px;

    border-top: 1px solid rgba(153, 89, 109, 0.28);
    border-bottom: 1px solid rgba(153, 89, 109, 0.28);

    background: rgba(255, 246, 246, 0.4);

    font-size: 9px;
    letter-spacing: 4.5px;
}

/* Título */

.tour-header h1 {
    position: relative;

    width: fit-content;
    margin: 0 auto;

    padding: 3px 64px 12px;

    color: #df7399;

    font-size: clamp(64px, 8.5vw, 112px);
    line-height: 0.82;

    text-shadow:
        3px 3px 0 rgba(255, 255, 255, 0.82),
        0 10px 17px rgba(152, 74, 102, 0.12);

    transform: rotate(-1.1deg);
}

/* Flores hechas con texto */

.tour-header h1::before,
.tour-header h1::after {
    position: absolute;
    top: 50%;

    color: #bf7690;

    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
    font-style: normal;

    transform: translateY(-50%);
}

.tour-header h1::before {
    content: "❀";
    left: 3px;
    transform: translateY(-50%) rotate(-12deg);
}

.tour-header h1::after {
    content: "❀";
    right: 3px;
    transform: translateY(-50%) rotate(12deg);
}

/* Nombre de Olivia como recorte independiente */

.tour-artist {
    width: fit-content;

    margin: 19px 17% 0 auto;
    padding: 6px 20px 8px;

    border-bottom: 1px solid rgba(113, 69, 82, 0.34);

    background: rgba(255, 250, 248, 0.55);

    color: #3e3033;

    font-size: 31px;

    transform: rotate(1.5deg);
}

/* Subtítulo inferior */

.tour-header .tour-artist::after {
    content: "live archive · side a";

    display: block;

    margin-top: 4px;

    color: #a06b7c;

    font-family: "Nunito", sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 600;

    letter-spacing: 2.8px;
    text-align: right;
    text-transform: uppercase;
}

/* Cintas superiores usando elementos visuales generados */

.tour-header h1 {
    isolation: isolate;
}

.tour-header .tour-label::before,
.tour-header .tour-label::after {
    content: "";

    position: absolute;
    z-index: 5;

    top: -40px;

    width: 125px;
    height: 29px;

    background:
        repeating-linear-gradient(
            135deg,
            rgba(224, 194, 176, 0.88) 0,
            rgba(224, 194, 176, 0.88) 13px,
            rgba(237, 211, 195, 0.88) 13px,
            rgba(237, 211, 195, 0.88) 26px
        );

    box-shadow: 0 2px 4px rgba(69, 44, 50, 0.12);
}

.tour-header .tour-label::before {
    left: -130px;
    transform: rotate(-8deg);
}

.tour-header .tour-label::after {
    right: -130px;
    transform: rotate(8deg);
}

/* Sello redondo */

.tour-header .tour-artist::before {
    content: "LIVE\A TOUR";
    white-space: pre;

    position: absolute;

    right: -88px;
    top: -37px;

    display: grid;
    place-items: center;

    width: 66px;
    height: 66px;

    border: 2px solid rgba(181, 103, 129, 0.38);
    border-radius: 50%;

    color: rgba(167, 87, 115, 0.58);

    font-family: "Nunito", sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;

    line-height: 1.25;
    letter-spacing: 1px;
    text-align: center;

    transform: rotate(11deg);
}

/* Línea ornamental inferior */

.tour-header .tour-artist {
    box-shadow: none;
}

.tour-header .tour-artist + * {
    position: relative;
}

/* Oculta el texto inferior anterior para no duplicarlo */

.tour-header::after {
    /* conserva el marco, ya no muestra texto */
}

/* Decoración de puntos en el fondo */

.tour-header {
    background-image:
        radial-gradient(
            circle at 13% 23%,
            rgba(221, 117, 153, 0.17) 0 4px,
            transparent 5px
        ),
        radial-gradient(
            circle at 87% 74%,
            rgba(221, 117, 153, 0.17) 0 4px,
            transparent 5px
        ),
        radial-gradient(
            circle at 91% 28%,
            rgba(221, 117, 153, 0.09) 0 3px,
            transparent 4px
        ),
        radial-gradient(
            circle at 10% 72%,
            rgba(221, 117, 153, 0.09) 0 3px,
            transparent 4px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(207, 135, 158, 0.025) 0,
            rgba(207, 135, 158, 0.025) 8px,
            transparent 8px,
            transparent 18px
        ),
        linear-gradient(
            135deg,
            #fffaf6,
            #f6e7e5
        );
}

/* Móvil */

@media (max-width: 700px) {
    .tour-header {
        min-height: 330px;
        padding: 55px 20px 65px;
    }

    .tour-header::before {
        right: 4%;
        left: 4%;
    }

    .tour-header::after {
        right: calc(4% + 14px);
        left: calc(4% + 14px);
    }

    .tour-header h1 {
        padding-right: 32px;
        padding-left: 32px;

        font-size: clamp(52px, 15vw, 77px);
    }

    .tour-header h1::before,
    .tour-header h1::after {
        font-size: 22px;
    }

    .tour-label {
        max-width: 78%;

        font-size: 8px;
        line-height: 1.6;
    }

    .tour-header .tour-label::before,
    .tour-header .tour-label::after {
        display: none;
    }

    .tour-artist {
        margin-right: auto;
        margin-left: auto;

        font-size: 25px;
    }

    .tour-header .tour-artist::before {
        display: none;
    }
}