/*
 * Gnadent · modelo de página de tratamiento · 1.3.3 (borrador)
 * Se carga junto a base.css y home.css en las páginas que empiezan por la sección gn-tp-hero.
 * Reutiliza los bloques de la portada (gn-visit, gn-step, gn-faq, gn-contact) y añade:
 * portada del tratamiento · foto y texto en dos columnas · tratamientos relacionados.
 */

/* Portada del tratamiento: texto sobre azul a la izquierda y foto real a sangre a la derecha ── */
.gn-tp-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:min(calc(100svh - var(--header-h)),760px);overflow:hidden;color:var(--white);background:var(--blue-night);isolation:isolate}
.gn-tp-hero-content{align-self:center;padding:clamp(48px,7vh,96px) clamp(28px,4.4vw,80px) clamp(48px,7vh,96px) max(5.1vw,calc((100vw - 1520px) / 2 + 5.1vw))}
.gn-tp-crumbs{margin:0;font-size:14px;font-weight:650;color:rgb(255 255 255 / .74)}
.gn-tp-crumbs a{color:var(--white);text-decoration:none;background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat}
.gn-tp-crumbs a:hover{background-size:0 1px}
.gn-tp-hero .gn-tp-title{max-width:12ch;margin:20px 0 0;font-family:var(--font);font-size:clamp(44px,5.2vw,88px);font-weight:800;line-height:.98;letter-spacing:-.05em;color:var(--white);text-wrap:balance}
.gn-tp-hero .gn-tp-lead{max-width:36ch;margin-top:24px;font-size:clamp(17px,1.4vw,21px);font-weight:550;line-height:1.5;color:rgb(255 255 255 / .92);text-wrap:pretty}
.gn-tp-hero .gnadent-actions{margin-top:32px}
.gn-tp-hero .wp-block-button__link{min-height:58px;padding-inline:32px;font-size:16px}
.gn-tp-hero .gn-hero-note{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:16px;font-weight:650;line-height:1.4;color:var(--white)}
.gn-tp-hero .gn-hero-note::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:rgb(255 255 255 / .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9'/%3E%3C/svg%3E") center/16px no-repeat}
.gn-tp-hero-media{position:relative;min-height:100%;margin:0;overflow:hidden;background:var(--blue-night)}
.gn-tp-hero-photo{position:absolute;inset:0;margin:0}
.gn-tp-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}

/* Titulares de las secciones propias del modelo (las de la portada ya tienen los suyos) ── */
:is(.gn-tp-split,.gn-tp-related) h2{margin:0;font-family:var(--font);font-size:clamp(40px,5vw,80px);font-weight:780;line-height:.98;letter-spacing:-.05em;text-wrap:balance}
:is(.gn-tp-split,.gn-tp-related,.gn-tp-visit) p{text-wrap:pretty}

/* Plan del tratamiento: los pasos de la portada, con el texto de entrada más ancho ── */
/* Plan, implante y doctor forman un recorrido: menos aire entre ellos que entre bandas distintas. */
.gn-tp-plan{padding-bottom:clamp(40px,5vw,72px)}
.gn-tp-plan .gn-section-head h2{max-width:13ch}
.gn-tp-plan .gn-section-head>p{max-width:44ch}

/* Foto y texto en dos columnas; en la ficha del doctor la foto va a la derecha ── */
.gn-tp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;padding-block:clamp(28px,3.5vw,52px)}
.gn-tp-doctor{padding-bottom:clamp(64px,8vw,120px)}
.gn-tp-photo{margin:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--pearl)}
.gn-tp-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.gn-tp-doctor .gn-tp-photo{order:2}
.gn-tp-doctor .gn-tp-photo img{object-position:50% 30%}
.gn-tp-copy h2{max-width:12ch}
.gn-tp-copy>p{max-width:44ch;margin-top:20px;font-size:clamp(17px,1.3vw,20px);color:var(--muted)}
.gn-tp-copy>p a{color:var(--blue);font-weight:700;text-underline-offset:4px}
.gn-tp-copy .gnadent-actions{margin-top:30px}

/* Primera visita: banda perla, como el contacto de la portada ── */
.gn-tp-visit{background:var(--pearl)}
.gn-tp-visit .gn-tp-visit-text{max-width:40ch;font-size:clamp(20px,1.9vw,28px);font-weight:650;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}
.gn-tp-visit .gnadent-actions{margin-top:clamp(32px,4vw,48px)}
.gn-tp-visit .gnadent-actions .wp-block-button__link{min-height:60px;padding-inline:40px;font-size:17px}

/* Tratamientos relacionados: enlaces grandes con raya superior ── */
.gn-tp-related{padding-block:clamp(64px,8vw,120px);border-top:1px solid var(--line)}
.gn-tp-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,40px);margin-top:clamp(32px,4vw,56px)}
.gn-tp-related-link{margin:0;border-top:2px solid var(--ink)}
.gn-tp-related-link a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;font-size:clamp(20px,1.8vw,26px);font-weight:750;letter-spacing:-.03em;line-height:1.2;color:var(--ink);text-decoration:none;transition:color .3s}
.gn-tp-related-link a::after{content:"";flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .4s var(--ease)}
.gn-tp-related-link a:hover{color:var(--blue)}
.gn-tp-related-link a:hover::after{transform:translate(3px,-3px)}

/* Cita: la foto de la fachada sola ocupa la columna ── */
.treatment-model .gn-contact-media{grid-template-columns:1fr}

@media(max-width:900px){
	/* Móvil y tableta estrecha: primero el título y la cita, después la foto. */
	.gn-tp-hero{grid-template-columns:minmax(0,1fr);min-height:0}
	.gn-tp-hero-content{padding:32px 20px 40px}
	.gn-tp-hero .gn-tp-title{max-width:none;margin-top:16px;font-size:clamp(36px,9.6vw,60px)}
	.gn-tp-hero .gn-tp-lead{margin-top:16px}
	.gn-tp-hero .gnadent-actions{flex-direction:column;align-items:stretch;max-width:420px;margin-top:24px}
	.gn-tp-hero .wp-block-button__link{width:100%}
	.gn-tp-hero-media{height:min(52svh,440px);min-height:280px}
	.gn-tp-split{grid-template-columns:1fr}
	.gn-tp-doctor .gn-tp-photo{order:0}
	.gn-tp-photo img{aspect-ratio:4/3}
	.gn-tp-related-list{grid-template-columns:1fr;gap:0}
	.gn-tp-related-link:last-child{border-bottom:2px solid var(--ink)}
	.gn-tp-visit .gnadent-actions .wp-block-button__link{width:100%}
	.gn-tp-visit .gnadent-actions,.gn-tp-visit .gnadent-actions .wp-block-button{width:100%}
}
@media(max-width:380px){
	.gn-tp-hero .gn-hero-note{font-size:15px}
	.gn-tp-hero .gn-hero-note::before{display:none}
}
@media(prefers-reduced-motion:no-preference){
	.gn-tp-hero-media{animation:gn-curtain 1.5s var(--ease) both}
	.gn-tp-hero-photo img{animation:gn-hero-zoom 2.6s var(--ease) both}
}

/* ── Variante envolvente (muestra en Carillas) ─────────────────────────────────
 * Fotos grandes con el titular, el texto y los botones encima, también en móvil, alternadas con zonas de lectura.
 * El sombreado oscurece sobre todo donde va el texto, para que se lea y las personas sigan reconocibles. */
.gn-tp-hero.gn-tp-immersive{grid-template:minmax(min(calc(100svh - var(--header-h)),900px),auto)/minmax(0,1fr)}
.gn-tp-immersive>.gn-tp-hero-media,.gn-tp-immersive>.gn-tp-hero-content{grid-area:1/1}
.gn-tp-immersive .gn-tp-hero-media{min-height:0}
.gn-tp-immersive .gn-tp-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(9 24 58 / .2) 0%,rgb(9 24 58 / .3) 38%,rgb(9 24 58 / .84) 100%);pointer-events:none}
.gn-tp-immersive .gn-tp-hero-photo img{object-position:40% 44%}
.gn-tp-immersive .gn-tp-hero-content{position:relative;z-index:1;align-self:end;justify-self:center;width:100%;max-width:1180px;padding:clamp(64px,10vh,120px) 20px clamp(48px,8vh,88px);text-align:center}
.gn-tp-immersive .gn-tp-crumbs{color:rgb(255 255 255 / .86)}
.gn-tp-immersive .gn-tp-title{max-width:none;font-size:clamp(48px,6.6vw,108px);text-shadow:0 2px 30px rgb(5 16 40 / .25)}
.gn-tp-immersive .gn-tp-lead{max-width:40ch;margin-inline:auto;color:var(--white);text-shadow:0 1px 18px rgb(5 16 40 / .45)}
.gn-tp-immersive .gnadent-actions{justify-content:center}
.gn-tp-immersive .gn-hero-note{justify-content:center}

/* Bandas de foto: la explicación con el texto a un lado y la cita centrada sobre la fachada. */
.gn-tp-band{position:relative;display:grid;min-height:clamp(560px,86svh,860px);overflow:hidden;color:var(--white);background:var(--blue-night);isolation:isolate}
.gn-tp-band-photo{position:absolute;inset:0;z-index:-1;margin:0}
.gn-tp-band-photo img{display:block;width:100%;height:100%;object-fit:cover}
.gn-tp-band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.gn-tp-band-content{align-self:center;width:100%;padding:clamp(64px,9vw,128px) max(5.1vw,calc((100vw - 1520px) / 2 + 5.1vw))}
.gn-tp-band h2{max-width:13ch;margin:0;font-family:var(--font);font-size:clamp(40px,5vw,80px);font-weight:780;line-height:.98;letter-spacing:-.05em;color:var(--white);text-wrap:balance}
.gn-tp-band-content>p{max-width:44ch;margin-top:20px;font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:rgb(255 255 255 / .92);text-wrap:pretty}
.gn-tp-band-content>p a{color:var(--white);font-weight:700;text-underline-offset:4px}
.gn-tp-band-side::after{background:linear-gradient(90deg,rgb(9 24 58 / .88) 0%,rgb(9 24 58 / .62) 42%,rgb(9 24 58 / .08) 78%)}
.gn-tp-band-side .gn-tp-band-photo img{object-position:50% 38%}
.gn-tp-band-contact{min-height:clamp(640px,92svh,940px)}
.gn-tp-band-contact::after{background:linear-gradient(180deg,rgb(9 24 58 / .12) 0%,rgb(9 24 58 / .5) 40%,rgb(9 24 58 / .9) 100%)}
.gn-tp-band-contact .gn-tp-band-photo img{object-position:50% 30%}
.gn-tp-band-contact .gn-tp-band-content{align-self:end;display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:clamp(48px,6vw,72px);text-align:center}
.gn-tp-band-contact h2{max-width:none}
.gn-tp-band-contact .gn-contact-phone{margin:0}
.gn-tp-band-contact .gn-contact-phone a{font-size:clamp(40px,4.6vw,72px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--white);text-decoration:none;white-space:nowrap}
.gn-tp-band-contact .gnadent-address{margin:0;font-size:18px;line-height:1.6;color:var(--white)}
.gn-tp-band-contact .gn-hours{display:flex;gap:32px;justify-content:center;font-size:16px;color:rgb(255 255 255 / .86)}
.gn-tp-band-contact .gn-hours p{margin:0}
.gn-tp-band-contact .gn-hours strong{color:var(--white)}
.gn-tp-band-contact .gnadent-actions{justify-content:center;margin-top:8px}
.gn-tp-band-contact .wp-block-button__link{min-height:58px;padding-inline:32px;font-size:16px}
.gn-tp-band-contact .gn-tp-band-links{margin:0;font-size:16px}
.gn-tp-band-contact .gn-tp-band-links a+a{margin-left:14px}

@media(max-width:900px){
	/* En móvil también va todo sobre la foto: la primera pantalla entera, con el texto abajo. */
	.gn-tp-hero.gn-tp-immersive{grid-template:minmax(calc(100svh - var(--header-h)),auto)/minmax(0,1fr)}
	.gn-tp-immersive .gn-tp-hero-media{height:auto;min-height:0}
	.gn-tp-immersive .gn-tp-hero-media::after{background:linear-gradient(180deg,rgb(9 24 58 / .1) 0%,rgb(9 24 58 / .34) 36%,rgb(9 24 58 / .88) 100%)}
	.gn-tp-immersive .gn-tp-hero-photo img{object-position:28% 20%}
	.gn-tp-immersive .gn-tp-hero-content{padding:40px 20px 28px}
	.gn-tp-immersive .gn-tp-title{font-size:clamp(36px,10vw,60px)}
	.gn-tp-immersive .gnadent-actions{margin-inline:auto}
	.gn-tp-band{min-height:0}
	.gn-tp-band-content{padding:clamp(220px,58vw,360px) 20px 56px}
	.gn-tp-band-side::after{background:linear-gradient(180deg,rgb(9 24 58 / .05) 0%,rgb(9 24 58 / .55) 42%,rgb(9 24 58 / .9) 72%)}
	.gn-tp-band-contact .gn-tp-band-content{padding-top:clamp(260px,70vw,420px)}
	.gn-tp-band-contact .gn-hours{flex-direction:column;gap:6px}
	.gn-tp-band-contact .gnadent-actions{flex-direction:column;align-items:stretch;width:100%;max-width:420px}
	.gn-tp-band-contact .wp-block-button__link{width:100%}
}

/* Apariciones suaves en esta variante: opacidad, desplazamiento corto y un desenfoque ligero que desaparece.
 * Al terminar no queda ningún filtro ni transparencia. Con movimiento reducido no hay animación (base.css). */
@media(prefers-reduced-motion:no-preference){
	.treatment-immersive .reveal-ready{transform:translateY(18px);filter:blur(8px);transition:opacity 1s var(--ease-soft),transform 1s var(--ease),filter 1s var(--ease-soft);transition-delay:var(--delay,0ms)}
	.treatment-immersive .reveal-ready.in-view{opacity:1;transform:none;filter:none}
	.treatment-immersive .motion-lines .wi{filter:blur(6px);transition-property:transform,filter}
	.treatment-immersive .motion-lines.in-view .wi{filter:none}
}

/* Secciones de lectura de la variante envolvente ── */
.treatment-immersive .gn-tp-plan{padding-bottom:clamp(64px,8vw,120px)}
.treatment-immersive .gn-tp-split{padding-block:clamp(64px,8vw,120px)}
.treatment-immersive .gn-tp-split+.gn-tp-split{padding-top:0}
/* Apartados sin números (aspectos de la valoración, no fases). En móvil, home.css reserva para el número una columna
 * de 72 px; sin número, el título caería en ella. Aquí cada título va encima de su párrafo, a todo el ancho. */
.gn-tp-points .gn-step{display:block}
.gn-tp-points .gn-step h3{margin-top:0}
.gn-tp-points .gn-step>p:last-child{max-width:40ch;margin-top:12px}
/* Qué es y cómo se valora: titular y entrada a la izquierda, apartados a la derecha. */
.gn-tp-explain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start;padding-block:clamp(72px,9vw,140px)}
.gn-tp-explain h2{max-width:12ch;margin:0;font-family:var(--font);font-size:clamp(40px,5vw,80px);font-weight:780;line-height:.98;letter-spacing:-.05em;text-wrap:balance}
.gn-tp-explain .gn-tp-explain-lead{max-width:36ch;margin-top:24px;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.45;letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.gn-tp-explain-item{padding:24px 0;border-top:1px solid var(--line)}
.gn-tp-explain-item:last-child{border-bottom:1px solid var(--line)}
.gn-tp-explain-item h3{margin:0;font-family:var(--font);font-size:clamp(20px,1.6vw,24px);font-weight:750;letter-spacing:-.03em;line-height:1.2}
.gn-tp-explain-item p{max-width:52ch;margin-top:8px;font-size:17px;line-height:1.6;color:var(--muted);text-wrap:pretty}

/* Encuadres de las fotos amplias (el de Carillas es el predeterminado de arriba). */
.gn-tp-focus-modelo .gn-tp-hero-photo img{object-position:50% 62%}
.gn-tp-focus-cara-alta .gn-tp-hero-photo img{object-position:50% 40%}
.gn-tp-focus-ponente .gn-tp-band-photo img{object-position:50% 50%}
.gn-tp-focus-derecha .gn-tp-band-photo img{object-position:50% 30%}
@media(max-width:900px){
	.gn-tp-explain{grid-template-columns:1fr;gap:28px}
	.gn-tp-focus-modelo .gn-tp-hero-photo img{object-position:35% 50%}
	.gn-tp-focus-cara-alta .gn-tp-hero-photo img{object-position:50% 50%}
	.gn-tp-focus-ponente .gn-tp-band-photo img{object-position:66% 50%}
	.gn-tp-focus-derecha .gn-tp-band-photo img{object-position:75% 50%}
}

/* Encuadre elegido para cada foto amplia desde el contenido (clases gn-tp-pos gn-tp-y-NN gn-tp-x-NN):
 * en escritorio se ajusta la altura (y) y en móvil, donde la foto se ajusta al alto, la posición horizontal (x). */
.gn-tp-pos :is(.gn-tp-hero-photo,.gn-tp-band-photo) img{object-position:50% var(--gn-y,50%)}
.gn-tp-y-0{--gn-y:0%}.gn-tp-y-5{--gn-y:5%}.gn-tp-y-10{--gn-y:10%}.gn-tp-y-15{--gn-y:15%}.gn-tp-y-20{--gn-y:20%}.gn-tp-y-25{--gn-y:25%}.gn-tp-y-30{--gn-y:30%}.gn-tp-y-35{--gn-y:35%}.gn-tp-y-40{--gn-y:40%}.gn-tp-y-45{--gn-y:45%}.gn-tp-y-50{--gn-y:50%}.gn-tp-y-55{--gn-y:55%}.gn-tp-y-60{--gn-y:60%}.gn-tp-y-65{--gn-y:65%}.gn-tp-y-70{--gn-y:70%}.gn-tp-y-75{--gn-y:75%}.gn-tp-y-80{--gn-y:80%}.gn-tp-y-85{--gn-y:85%}.gn-tp-y-90{--gn-y:90%}.gn-tp-y-95{--gn-y:95%}.gn-tp-y-100{--gn-y:100%}
@media(max-width:900px){
	.gn-tp-pos :is(.gn-tp-hero-photo,.gn-tp-band-photo) img{object-position:var(--gn-x,50%) 50%}
	.gn-tp-x-0{--gn-x:0%}.gn-tp-x-5{--gn-x:5%}.gn-tp-x-10{--gn-x:10%}.gn-tp-x-15{--gn-x:15%}.gn-tp-x-20{--gn-x:20%}.gn-tp-x-25{--gn-x:25%}.gn-tp-x-30{--gn-x:30%}.gn-tp-x-35{--gn-x:35%}.gn-tp-x-40{--gn-x:40%}.gn-tp-x-45{--gn-x:45%}.gn-tp-x-50{--gn-x:50%}.gn-tp-x-55{--gn-x:55%}.gn-tp-x-60{--gn-x:60%}.gn-tp-x-65{--gn-x:65%}.gn-tp-x-70{--gn-x:70%}.gn-tp-x-75{--gn-x:75%}.gn-tp-x-80{--gn-x:80%}.gn-tp-x-85{--gn-x:85%}.gn-tp-x-90{--gn-x:90%}.gn-tp-x-95{--gn-x:95%}.gn-tp-x-100{--gn-x:100%}
}

/* 1.3.3 v2 · Ampliación de la portada solo en móvil (clases gn-tp-mz gn-tp-mz-NN desde el generador), anclada abajo:
 * en fotos verticales, la pantalla estrecha dejaba arriba demasiado techo y el motivo bajo el texto (Blanqueamiento). */
@media(max-width:900px){
	.gn-tp-hero.gn-tp-mz{overflow:hidden}
	.gn-tp-mz .gn-tp-hero-photo{transform:scale(var(--gn-mz,1.3));transform-origin:50% 100%}
	.gn-tp-mz-125{--gn-mz:1.25}.gn-tp-mz-140{--gn-mz:1.4}
}

/* 1.4.0 · Implantes que utilizamos (Straumann), solo en Implantes: zona de lectura sobre fondo perla, proporcionada y con
 * Gnadent como identidad principal (etiqueta y titular en los colores de la clínica; logotipo oficial pequeño, en gris). */
.gn-tp-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start;padding-block:clamp(64px,8vw,120px);background:var(--pearl);box-shadow:0 0 0 100vmax var(--pearl);clip-path:inset(0 -100vmax)}
.gn-tp-brand-logo{margin:0 0 28px}
.gn-tp-brand-logo img{display:block;width:clamp(132px,11vw,168px);height:auto}
.gn-tp-brand .gn-tp-kicker{margin:0;font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--blue)}
.gn-tp-brand h2{max-width:14ch;margin:10px 0 0;font-family:var(--font);font-size:clamp(36px,4.2vw,64px);font-weight:780;line-height:1;letter-spacing:-.05em;text-wrap:balance}
.gn-tp-brand .gn-tp-brand-lead{max-width:40ch;margin-top:22px;font-size:clamp(18px,1.4vw,21px);font-weight:550;line-height:1.5;color:var(--ink);text-wrap:pretty}
.gn-tp-brand-item{padding:24px 0;border-top:1px solid var(--line)}
.gn-tp-brand-item h3{margin:0;font-family:var(--font);font-size:clamp(20px,1.6vw,24px);font-weight:750;letter-spacing:-.03em;line-height:1.2}
.gn-tp-brand-item p{max-width:52ch;margin-top:8px;font-size:17px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.gn-tp-brand .gn-tp-brand-close{max-width:52ch;margin-top:8px;padding-top:24px;border-top:1px solid var(--line);font-size:17px;line-height:1.6;color:var(--ink)}
.gn-tp-brand .gn-tp-brand-source{margin-top:18px;font-size:15px}
.gn-tp-brand-source a{font-weight:650;color:var(--blue);text-underline-offset:4px}
@media(max-width:900px){
	.gn-tp-brand{grid-template-columns:1fr;gap:20px}
	.gn-tp-brand-logo{margin-bottom:22px}
}