/* ==========================================================================
AUGE — componentes visuales de las páginas interiores
Cada componente es un grupo/párrafo nativo con una clase: se edita en el editor.
========================================================================== */
/* ---------- Iconos ---------- */
.auge-icono { position: relative; padding-top: 4.1rem !important; }
.auge-icono::before {
content: ""; position: absolute; left: 0; top: 0;
width: 3.1rem; height: 3.1rem; border-radius: 14px;
background: var(--wp--preset--color--azul);
transform: rotate(-4deg);
}
.auge-icono::after {
content: ""; position: absolute; left: .6rem; top: .6rem;
width: 1.9rem; height: 1.9rem;
background: var(--wp--preset--color--blanco);
-webkit-mask: var(--auge-icono) center / contain no-repeat;
mask: var(--auge-icono) center / contain no-repeat;
}
.auge-icono > h3 { font-size: 1.3rem !important; margin: 0 0 .35rem !important; }
.auge-icono > p { margin: 0 !important; color: var(--wp--preset--color--tinta-suave); font-size: .97rem; }
.has-tinta-background-color .auge-icono > p { color: #C9D0DB; }
.has-tinta-background-color .auge-icono::before, .has-azul-background-color .auge-icono::before { background: var(--wp--preset--color--lima); }
.has-tinta-background-color .auge-icono::after, .has-azul-background-color .auge-icono::after { background: var(--wp--preset--color--tinta); }
.auge-icono:nth-child(3n+2)::before { transform: rotate(3deg); }
.auge-icono:nth-child(3n)::before { transform: rotate(-1deg); }
/* Variante en línea (contacto): icono pequeño junto al título */
.auge-form-panel ~ * .auge-icono, .wp-block-column > .auge-icono:not(:has(p)) { padding-top: 0 !important; padding-left: 2.6rem !important; min-height: 2rem; display: flex; align-items: center; }
.wp-block-column > .auge-icono:not(:has(p))::before { width: 2rem; height: 2rem; border-radius: 9px; }
.wp-block-column > .auge-icono:not(:has(p))::after { width: 1.2rem; height: 1.2rem; left: .4rem; top: .4rem; }
.wp-block-column > .auge-icono:not(:has(p)) > h3 { margin: 0 !important; font-size: 1.2rem !important; }
/* Icono grande (banda de soporte, cabecera de soporte) */
.auge-icono-grande { position: relative; padding-left: 5rem !important; min-height: 3.75rem; }
.auge-icono-grande::before {
content: ""; position: absolute; left: 0; top: 50%; translate: 0 -50%;
width: 3.75rem; height: 3.75rem; border-radius: 50%;
background: var(--wp--preset--color--lima);
}
.auge-icono-grande::after {
content: ""; position: absolute; left: .85rem; top: 50%; translate: 0 -50%;
width: 2.05rem; height: 2.05rem; background: var(--wp--preset--color--tinta);
-webkit-mask: var(--auge-icono) center / contain no-repeat; mask: var(--auge-icono) center / contain no-repeat;
}
.auge-icono-grande--solo { padding: 0 !important; width: 5.5rem; height: 5.5rem; margin: 0 auto 1rem !important; }
.auge-icono-grande--solo::before { width: 5.5rem; height: 5.5rem; top: 0; translate: none; }
.auge-icono-grande--solo::after { width: 3rem; height: 3rem; left: 1.25rem; top: 1.25rem; translate: none; }
.auge-icono-grande > p { margin: 0 !important; }
/* ---------- Pastillas ---------- */
.auge-pastilla {
display: inline-block; width: fit-content;
font-size: .75rem !important; font-weight: 650; letter-spacing: .08em; text-transform: uppercase;
padding: .35rem .7rem; border-radius: 999px; line-height: 1.2;
background: var(--wp--preset--color--papel-oscuro); color: var(--wp--preset--color--tinta);
margin: 0 !important;
}
.auge-pastilla--ok { background: #E4F1C4; color: #34470A; }
.auge-pastilla--ok::before { content: "✓ "; }
.auge-pastilla--lima { background: var(--wp--preset--color--lima); color: var(--wp--preset--color--tinta); }
.auge-pastilla--cerrada { background: #FCE3DF; color: #8A1F12; font-size: .85rem !important; }
.auge-pastilla--cerrada::before { content: "● "; }
.auge-pastilla--nota {
background: transparent; color: var(--wp--preset--color--tinta-suave);
font-weight: 500; letter-spacing: .04em; text-transform: none; font-size: .78rem !important; font-style: italic; padding: 0;
}
.has-tinta-background-color .auge-pastilla--nota { color: #AEB7C6; }
.auge-pastilla--muro {
font-size: clamp(.9rem, .8rem + .4vw, 1.1rem) !important; text-transform: none; letter-spacing: 0; font-weight: 600;
padding: .65rem 1rem; border-radius: 10px; background: var(--wp--preset--color--papel); border: 1px solid var(--wp--preset--color--linea);
box-shadow: 0 6px 14px -12px rgba(14, 26, 43, .6);
}
.auge-muro { gap: .7rem !important; }
.auge-muro .auge-pastilla--muro:nth-child(3n+1) { transform: rotate(-1.5deg); }
.auge-muro .auge-pastilla--muro:nth-child(3n+2) { transform: rotate(1.2deg); background: #E1EDF8; border-color: #C6DBF0; }
.auge-muro .auge-pastilla--muro:nth-child(5n) { background: var(--wp--preset--color--lima); border-color: var(--wp--preset--color--lima); }
.auge-muro .auge-pastilla--muro:last-child { background: var(--wp--preset--color--tinta); color: var(--wp--preset--color--papel); border-color: var(--wp--preset--color--tinta); font-style: italic; }
/* ---------- Cabecera visual asimétrica ---------- */
.auge-cabecera-visual { position: relative; overflow: hidden; padding-top: var(--wp--preset--spacing--50) !important; padding-bottom: var(--wp--preset--spacing--50) !important; }
.auge-cabecera-visual h1 { font-size: clamp(2.4rem, 1.5rem + 3.4vw, 4.2rem); line-height: 1.02; letter-spacing: -.03em; text-wrap: balance; margin-top: .6rem; }
.auge-cabecera-visual::before {
content: ""; position: absolute; right: -12vw; top: -18vw;
width: 52vw; height: 52vw; border-radius: 50%;
background: radial-gradient(circle, rgba(26, 107, 185, .10), rgba(26, 107, 185, 0) 70%);
pointer-events: none;
}
.auge-cabecera-visual > * { position: relative; }
.auge-cabecera-visual--oscura::before { background: radial-gradient(circle, rgba(147, 194, 28, .16), rgba(147, 194, 28, 0) 65%); }
.auge-cabecera-visual--oscura h1 em { color: var(--wp--preset--color--lima); }
.auge-cabecera-visual--oscura .is-style-entradilla { color: #D5DAE3; }
.auge-cabecera-visual h1 em { color: var(--wp--preset--color--azul); }
.has-tinta-background-color.auge-cabecera-visual h1 em { color: var(--wp--preset--color--lima); }
.auge-escena { position: relative; }
.auge-escena > .auge-pastilla--nota { position: absolute; right: 0; bottom: -2rem; }
/* ---------- Maqueta de navegador + móvil (webs municipales) ---------- */
.auge-navegador {
background: var(--wp--preset--color--blanco); border-radius: 14px; overflow: hidden;
box-shadow: 0 40px 80px -40px rgba(14, 26, 43, .55), 0 0 0 1px rgba(14, 26, 43, .08);
transform: perspective(1400px) rotateY(-6deg) rotateX(2deg);
transform-origin: left center;
}
.auge-navegador > * { margin: 0 !important; }
.auge-navegador__barra {
position: relative; background: #EDE9E0; padding: .65rem 1rem .65rem 4.6rem !important;
font-size: .78rem !important; color: var(--wp--preset--color--tinta-suave);
}
.auge-navegador__barra::before {
content: ""; position: absolute; left: 1rem; top: 50%; translate: 0 -50%;
width: .65rem; height: .65rem; border-radius: 50%; background: #E46A5B;
box-shadow: 1.05rem 0 0 #E8B43C, 2.1rem 0 0 #7FB24A;
}
.auge-navegador__cuerpo { padding: 0 0 1.1rem; }
.auge-navegador__cuerpo > * { margin: 0 !important; }
.auge-mock__cabecera {
background: var(--wp--preset--color--azul); color: #fff; font-family: var(--wp--preset--font-family--titulares);
font-size: 1.15rem !important; padding: .8rem 1.1rem !important; position: relative;
}
.auge-mock__cabecera::after {
content: ""; position: absolute; right: 1.1rem; top: 50%; translate: 0 -50%;
width: 5.5rem; height: .35rem; border-radius: 4px;
background: linear-gradient(90deg, rgba(255,255,255,.7) 0 28%, transparent 28% 36%, rgba(255,255,255,.7) 36% 64%, transparent 64% 72%, rgba(255,255,255,.7) 72%);
}
.auge-mock__aviso { background: #FFF3CF; font-size: .82rem !important; padding: .55rem 1.1rem !important; border-bottom: 1px solid #F1DFA6; }
.auge-mock__destacado { padding: 1rem 1.1rem .4rem !important; display: grid; grid-template-columns: 9rem 1fr; gap: .2rem 1rem; align-items: start; }
.auge-mock__destacado > * { margin: 0 !important; }
.auge-mock__foto {
grid-row: span 2; height: 6rem; border-radius: 8px;
background:
radial-gradient(circle at 75% 30%, #F4E3A3 0 12%, transparent 13%),
linear-gradient(180deg, transparent 55%, #7FA617 55% 70%, #5E7F12 70%),
linear-gradient(180deg, #BFD9F0, #E6F0F8);
}
.auge-mock__seccion { font-size: .7rem !important; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--azul); font-weight: 700; }
.auge-mock__destacado h3 { font-size: 1.05rem !important; line-height: 1.25; }
.auge-mock__noticias { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; padding: .6rem 1.1rem 0 !important; }
.auge-mock__noticia { margin: 0 !important; font-size: .78rem !important; line-height: 1.35; padding: .6rem .7rem !important; border: 1px solid #ECE7DD; border-radius: 8px; color: var(--wp--preset--color--tinta-suave); }
.auge-mock__noticia strong { color: var(--wp--preset--color--tinta); display: inline-block; margin-bottom: .15rem; }
.auge-telefono {
position: absolute; right: -1rem; bottom: -3rem; width: 10.5rem;
background: #fff; border-radius: 24px; overflow: hidden;
padding: 1.3rem .45rem .6rem !important;
box-shadow: 0 30px 50px -25px rgba(14, 26, 43, .7), 0 0 0 7px var(--wp--preset--color--tinta);
}
.auge-telefono::before { content: ""; position: absolute; left: 50%; top: .45rem; translate: -50% 0; width: 2.4rem; height: .3rem; border-radius: 4px; background: #D9D3C6; }
.auge-telefono > * { margin: 0 !important; }
.auge-telefono__cabecera { background: var(--wp--preset--color--azul); color: #fff; font-family: var(--wp--preset--font-family--titulares); font-size: .85rem !important; padding: .45rem .6rem !important; border-radius: 8px 8px 0 0; }
.auge-telefono__aviso { background: #FFF3CF; font-size: .62rem !important; line-height: 1.3; padding: .35rem .6rem !important; }
.auge-telefono__foto { height: 4.2rem; margin: .45rem 0 !important; border-radius: 6px;
background: radial-gradient(circle at 75% 30%, #F4E3A3 0 12%, transparent 13%), linear-gradient(180deg, transparent 55%, #7FA617 55% 70%, #5E7F12 70%), linear-gradient(180deg, #BFD9F0, #E6F0F8); }
.auge-telefono__texto { font-size: .7rem !important; line-height: 1.3; padding: 0 .2rem .3rem !important; color: var(--wp--preset--color--tinta); }
/* Banda de iconos */
.auge-banda-iconos .auge-icono { padding-right: .5rem !important; }
/* Comparativa antes / después */
.auge-comparativa { border-radius: 16px; padding: clamp(1.5rem, 3vw, 2.25rem) !important; height: 100%; }
.auge-comparativa--antes { background: var(--wp--preset--color--blanco); border: 1px dashed #BDB4A2; }
.auge-comparativa--antes h3 { color: var(--wp--preset--color--tinta-suave); }
.auge-comparativa h3 { font-size: 1.5rem !important; }
ul.is-style-cruz { list-style: none; padding-left: 0; }
ul.is-style-cruz li { position: relative; padding-left: 2rem; margin-bottom: .6rem; color: var(--wp--preset--color--tinta-suave); }
ul.is-style-cruz li::before {
content: "×"; position: absolute; left: 0; top: .05em; width: 1.2rem; height: 1.2rem; border-radius: 50%;
display: grid; place-items: center; font-weight: 700; font-size: .95rem; line-height: 1;
background: #F1E4DF; color: #A2412F;
}
.auge-comparativa--despues ul.is-style-check li::before { background-color: var(--wp--preset--color--lima); }
/* Cita grande tipográfica */
.auge-cita-grande {
font-family: var(--wp--preset--font-family--titulares); font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.25rem) !important;
line-height: 1.08; letter-spacing: -.02em; margin: 0;
}
.has-lima-background-color .auge-cita-grande em { color: var(--wp--preset--color--azul-noche); }
.has-tinta-background-color .auge-cita-grande em { color: var(--wp--preset--color--lima); }
.has-lima-background-color a { color: var(--wp--preset--color--tinta); }
/* ---------- Incidencias resueltas (informática) ---------- */
.auge-escena--tickets { display: grid; gap: .9rem; max-width: 26rem; margin-left: auto !important; }
.auge-escena--tickets > .auge-pastilla--nota { position: static; justify-self: end; }
.auge-ticket {
display: flex; align-items: center; justify-content: space-between; gap: 1rem;
background: #fff; color: var(--wp--preset--color--tinta); border-radius: 14px; padding: 1rem 1.2rem !important;
box-shadow: 0 24px 40px -28px rgba(0, 0, 0, .7);
border-left: 5px solid var(--wp--preset--color--lima);
}
.auge-ticket > * { margin: 0 !important; }
.auge-ticket:nth-child(1) { transform: translateX(-1.5rem) rotate(-1.5deg); }
.auge-ticket:nth-child(2) { transform: translateX(.75rem); }
.auge-ticket:nth-child(3) { transform: translateX(-.5rem) rotate(1deg); }
.auge-ticket__asunto { font-weight: 600; font-size: .98rem !important; line-height: 1.3; }
.auge-ticket__asunto::before {
content: ""; display: inline-block; width: .55rem; height: .55rem; border-radius: 50%; margin-right: .55rem; vertical-align: .1em;
background: var(--wp--preset--color--azul);
}
/* ---------- Banda de soporte remoto ---------- */
.auge-seccion--banda { padding-top: clamp(1.5rem, 3vw, 2.25rem) !important; padding-bottom: clamp(1.5rem, 3vw, 2.25rem) !important; }
.auge-banda-soporte__fila { gap: 1.25rem 2rem; align-items: center; }
.auge-banda-soporte__titulo { font-family: var(--wp--preset--font-family--titulares); font-size: clamp(1.4rem, 1.1rem + 1.2vw, 1.9rem) !important; line-height: 1.15; }
.auge-banda-soporte__texto { opacity: .9; }
.has-azul-background-color .wp-block-button .wp-block-button__link { background: var(--wp--preset--color--blanco); color: var(--wp--preset--color--azul-noche); }
.has-azul-background-color .wp-block-button .wp-block-button__link:hover { background: var(--wp--preset--color--lima); color: var(--wp--preset--color--tinta); }
.has-azul-background-color a:not(.wp-block-button__link) { color: #fff; }
/* ---------- Plenos ---------- */
.auge-cover-plenos { padding-top: var(--wp--preset--spacing--60) !important; padding-bottom: var(--wp--preset--spacing--50) !important; }
.auge-cover-plenos .wp-block-cover__inner-container { color: var(--wp--preset--color--papel); }
.auge-cover-plenos .wp-block-cover__inner-container > * { max-width: 46rem; margin-left: 0 !important; }
.auge-cover-plenos h1 { color: #fff; font-size: clamp(2.6rem, 1.6rem + 4vw, 5rem); line-height: 1; letter-spacing: -.03em; }
.auge-cover-plenos h1 em { color: var(--wp--preset--color--lima); }
.auge-cover-plenos .is-style-entradilla { color: #E5E9EF; }
.auge-cover-plenos .is-style-antetitulo { color: #C7CEDA; }
.auge-cover-plenos .wp-block-button__link { background: var(--wp--preset--color--lima); color: var(--wp--preset--color--tinta); }
.auge-cover-plenos .wp-block-button__link:hover { background: #fff; }
.auge-cover-plenos .wp-block-cover__background { background: linear-gradient(90deg, rgba(14, 26, 43, .92) 0%, rgba(14, 26, 43, .7) 55%, rgba(14, 26, 43, .35) 100%) !important; opacity: 1 !important; }
.auge-rec {
display: inline-flex; align-items: center; gap: .5rem; width: fit-content;
font-size: .8rem !important; font-weight: 700; letter-spacing: .14em; color: #fff;
background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .25);
padding: .35rem .8rem; border-radius: 999px; font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
}
.auge-rec { color: transparent; position: relative; }
.auge-rec::before { content: "● REC"; position: absolute; inset: .35rem .8rem; color: #fff; }
.auge-rec::first-letter { color: transparent; }
@media (prefers-reduced-motion: no-preference) {
.auge-rec::before { animation: auge-rec 1.6s steps(2, jump-none) infinite; }
}
@keyframes auge-rec { 50% { color: rgba(255, 255, 255, .55); } }
.auge-reproductor {
background: var(--wp--preset--color--tinta); border-radius: 18px; padding: .75rem .75rem 1.25rem !important;
box-shadow: 0 40px 70px -40px rgba(14, 26, 43, .8); color: var(--wp--preset--color--papel);
}
.auge-reproductor > * { margin-top: 0 !important; margin-bottom: 0 !important; }
.auge-reproductor .wp-block-image img { border-radius: 12px; aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.auge-reproductor__barra {
height: 6px; margin: .9rem .5rem .4rem !important; border-radius: 4px; position: relative;
background: linear-gradient(90deg, var(--wp--preset--color--lima) 0 38%, rgba(255, 255, 255, .2) 38%);
}
.auge-reproductor__barra::after {
content: ""; position: absolute; left: 38%; top: 50%; translate: -50% -50%;
width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(147, 194, 28, .35);
}
ul.auge-capitulos { list-style: none; padding: .4rem .5rem 0 !important; margin: 0; display: grid; gap: .1rem; }
ul.auge-capitulos li { display: flex; gap: .9rem; align-items: baseline; padding: .45rem .5rem; border-radius: 8px; font-size: .92rem; }
ul.auge-capitulos li:nth-child(2) { background: rgba(147, 194, 28, .14); }
ul.auge-capitulos li span { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: .8rem; color: var(--wp--preset--color--lima); min-width: 3rem; }
.auge-reproductor > .auge-pastilla--nota { display: block; padding: .5rem .5rem 0; color: #AEB7C6; }
.auge-opcion { background: var(--wp--preset--color--blanco); border-radius: 18px; padding: clamp(1.5rem, 3vw, 2.25rem) !important; border: 1px solid var(--wp--preset--color--linea); }
.auge-opcion h3 { font-size: 1.7rem !important; margin-top: .8rem; }
.auge-opcion--destacada { background: var(--wp--preset--color--tinta); color: var(--wp--preset--color--papel); border-color: var(--wp--preset--color--tinta); }
.auge-opcion--destacada h3 { color: var(--wp--preset--color--papel); }
.auge-nota-discreta { font-size: .9rem !important; color: var(--wp--preset--color--tinta-suave); margin-top: 1.5rem !important; }
/* ---------- Agendas culturales ---------- */
.auge-escena--agenda { min-height: 25rem; }
.auge-agenda {
background: var(--wp--preset--color--blanco); border-radius: 18px; padding: 1.2rem 1.2rem .6rem !important; width: 82%;
box-shadow: 0 30px 60px -40px rgba(14, 26, 43, .6); border: 1px solid var(--wp--preset--color--linea);
}
.auge-agenda > * { margin: 0 !important; }
.auge-agenda__titulo { font-family: var(--wp--preset--font-family--titulares); font-size: 1.4rem !important; padding-bottom: .5rem !important; border-bottom: 2px solid var(--wp--preset--color--tinta); }
.auge-evento { display: grid; grid-template-columns: 3.6rem 1fr; gap: 1rem; align-items: center; padding: .8rem 0 !important; border-bottom: 1px solid #EEE9DF; }
.auge-evento:last-child { border-bottom: 0; }
.auge-evento > * { margin: 0 !important; }
.auge-evento__fecha {
text-align: center; background: var(--wp--preset--color--papel); border-radius: 10px; padding: .35rem 0 !important;
font-size: .7rem !important; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--wp--preset--color--azul); line-height: 1.1;
}
.auge-evento__fecha strong { display: block; font-family: var(--wp--preset--font-family--titulares); font-size: 1.6rem; color: var(--wp--preset--color--tinta); letter-spacing: 0; font-weight: 500; }
.auge-evento__texto { font-size: .88rem !important; line-height: 1.35; color: var(--wp--preset--color--tinta-suave); }
.auge-evento__texto strong { color: var(--wp--preset--color--tinta); font-size: .98rem; }
.auge-chat {
position: absolute; right: 0; bottom: -1.5rem; width: 62%;
background: var(--wp--preset--color--tinta); border-radius: 20px; padding: 1rem !important;
display: flex; flex-direction: column; gap: .55rem;
box-shadow: 0 30px 60px -30px rgba(14, 26, 43, .9);
}
.auge-chat > * { margin: 0 !important; }
.auge-chat__cabecera { color: #AEB7C6; font-size: .75rem !important; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; padding-bottom: .2rem !important; }
.auge-chat__cabecera::before { content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: var(--wp--preset--color--lima); margin-right: .5rem; }
.auge-burbuja { font-size: .86rem !important; line-height: 1.4; padding: .6rem .85rem !important; border-radius: 14px; max-width: 88%; }
.auge-burbuja--usuario { align-self: flex-end; background: var(--wp--preset--color--azul); color: #fff; border-bottom-right-radius: 4px; }
.auge-burbuja--asistente { align-self: flex-start; background: #fff; color: var(--wp--preset--color--tinta); border-bottom-left-radius: 4px; }
.auge-chat > .auge-pastilla { align-self: flex-start; }
.auge-escena--agenda > .auge-pastilla--nota { left: 0; right: auto; bottom: -2.2rem; }
/* ---------- Comunicación ---------- */
.auge-escena--prensa { min-height: 22rem; }
.auge-nota {
background: #fff; width: 84%; padding: 1.6rem 1.6rem 1.4rem !important; border-radius: 4px;
box-shadow: 0 30px 60px -36px rgba(14, 26, 43, .55), 0 0 0 1px rgba(14, 26, 43, .06);
transform: rotate(-2deg); position: relative;
}
.auge-nota > * { margin: 0 !important; }
.auge-nota__membrete { font-size: .72rem !important; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--azul); padding-bottom: .7rem !important; border-bottom: 3px double var(--wp--preset--color--tinta); margin-bottom: 1rem !important; }
.auge-nota h3 { font-size: 1.55rem !important; line-height: 1.12; margin-bottom: 1.1rem !important; }
.auge-nota h3 em { color: var(--wp--preset--color--azul); }
.auge-nota__lineas { height: 4.8rem; background: repeating-linear-gradient(180deg, #E4DED2 0 .5rem, transparent .5rem 1.2rem); margin-bottom: .4rem !important; }
.auge-nota__lineas--cortas { width: 64%; height: 2.4rem; }
.auge-muestra {
position: absolute; right: 0; bottom: -1rem; width: 11rem;
background: var(--wp--preset--color--tinta); border-radius: 16px; padding: 1rem !important; transform: rotate(3deg);
box-shadow: 0 24px 40px -24px rgba(14, 26, 43, .8);
}
.auge-muestra > * { margin: 0 !important; }
.auge-muestra__letra { font-family: var(--wp--preset--font-family--titulares); color: var(--wp--preset--color--papel); font-size: 4rem !important; line-height: 1; font-style: italic; }
.auge-muestra__colores { height: 1.6rem; margin-top: .6rem !important; border-radius: 6px;
background: linear-gradient(90deg, var(--wp--preset--color--azul) 0 33%, var(--wp--preset--color--lima) 33% 66%, var(--wp--preset--color--papel) 66%); }
ul.auge-indice { list-style: none; padding: 0; margin: 0; counter-reset: indice; columns: 2 16rem; column-gap: 2.5rem; }
ul.auge-indice li {
counter-increment: indice; break-inside: avoid; display: flex; gap: 1rem; align-items: baseline;
padding: .95rem 0; border-bottom: 1px solid var(--wp--preset--color--linea);
font-family: var(--wp--preset--font-family--titulares); font-size: 1.3rem; line-height: 1.2;
}
ul.auge-indice li::before { content: counter(indice, decimal-leading-zero); font-family: var(--wp--preset--font-family--texto); font-size: .78rem; font-weight: 700; color: var(--wp--preset--color--azul); letter-spacing: .08em; }
.auge-cita-periodista { border: 0 !important; padding: 0 !important; margin: 0 !important; max-width: 52rem; }
.auge-cita-periodista p { font-size: clamp(1.8rem, 1.1rem + 2.6vw, 3rem) !important; line-height: 1.12; font-style: normal; color: var(--wp--preset--color--papel); }
.auge-cita-periodista p::before { content: "“"; display: block; font-size: 5rem; line-height: .6; color: var(--wp--preset--color--lima); margin-bottom: .6rem; }
.auge-cita-periodista cite { color: #AEB7C6 !important; }
/* ---------- Empresa ---------- */
.auge-sello {
width: min(22rem, 80vw); aspect-ratio: 1; margin-left: auto !important; border-radius: 50%;
background: var(--wp--preset--color--azul); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;
position: relative; text-align: center; padding: 2rem !important;
box-shadow: 0 40px 80px -40px rgba(26, 107, 185, .8);
}
.auge-sello::before { content: ""; position: absolute; inset: .9rem; border-radius: 50%; border: 1.5px dashed rgba(255, 255, 255, .45); }
.auge-sello::after { content: ""; position: absolute; right: 8%; top: 6%; width: 22%; aspect-ratio: 1; border-radius: 50%; background: var(--wp--preset--color--lima); }
.auge-sello > * { margin: 0 !important; position: relative; }
.auge-sello__cifra { font-family: var(--wp--preset--font-family--titulares); font-size: clamp(6rem, 4rem + 6vw, 9.5rem) !important; line-height: .85; letter-spacing: -.05em; }
.auge-sello__texto { font-size: 1rem !important; max-width: 12rem; line-height: 1.35; font-weight: 600; }
.auge-datos-fiscales { gap: .4rem 2rem !important; font-size: .88rem; color: var(--wp--preset--color--tinta-suave); }
.auge-datos-fiscales p { margin: 0; }
.auge-filosofia { border-top: 0 !important; }
/* ---------- Soporte remoto ---------- */
.auge-descarga-panel {
text-align: center; border-radius: 28px; padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3rem) !important;
position: relative; overflow: hidden; max-width: 54rem; margin-inline: auto !important;
}
.auge-descarga-panel::before { content: ""; position: absolute; right: -6rem; bottom: -6rem; width: 18rem; height: 18rem; border-radius: 50%; border: 40px solid rgba(147, 194, 28, .12); }
.auge-descarga-panel > * { position: relative; margin-left: auto !important; margin-right: auto !important; }
.auge-descarga-panel .is-style-antetitulo { justify-content: center; }
.auge-descarga-panel h1 { font-size: clamp(2.6rem, 1.8rem + 3.4vw, 4.4rem); color: var(--wp--preset--color--papel); }
.auge-descarga-panel h1 em { color: var(--wp--preset--color--lima); }
.auge-descarga-panel .is-style-entradilla { margin-inline: auto; color: #D5DAE3; }
.auge-descarga-panel .auge-descarga__boton { font-size: 1.25rem; padding: 1.25rem 2.2rem; background: var(--wp--preset--color--lima); color: var(--wp--preset--color--tinta) !important; box-shadow: 0 18px 36px -18px rgba(147, 194, 28, .9); }
.auge-descarga-panel .auge-descarga__boton::before { filter: invert(1); }
.auge-descarga-panel a.auge-descarga__boton:hover { background: #fff; }
.auge-descarga-panel .auge-descarga--pendiente .auge-descarga__boton { background: #5B6678; color: #E5E9EF !important; box-shadow: none; }
.auge-descarga-panel .auge-descarga--pendiente .auge-descarga__boton::before { filter: none; }
.auge-descarga-panel .auge-descarga__nota { color: #AEB7C6; }
.auge-pasos-visuales { counter-reset: pv; }
.auge-paso-visual { counter-increment: pv; position: relative; }
.auge-paso-visual > h3 { font-size: 1.45rem !important; margin: 1rem 0 .3rem !important; }
.auge-paso-visual > h3::before { content: counter(pv) ". "; color: var(--wp--preset--color--azul); }
.auge-paso-visual > p { margin: 0 !important; color: var(--wp--preset--color--tinta-suave); }
.auge-pantalla {
height: 9.5rem; border-radius: 14px; background: var(--wp--preset--color--blanco); position: relative; overflow: hidden;
border: 1px solid var(--wp--preset--color--linea); box-shadow: 0 20px 36px -28px rgba(14, 26, 43, .6);
}
.auge-pantalla::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1.5rem; background: #EDE9E0; }
.auge-pantalla::after { content: ""; position: absolute; }
.auge-pantalla--descarga::after {
left: 50%; top: 58%; translate: -50% -50%; width: 11rem; height: 2.6rem; border-radius: 999px;
background: var(--wp--preset--color--azul) 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='M12 3v12M6 10l6 6 6-6M4 21h16'/%3E%3C/svg%3E") 1.1rem center / 1rem no-repeat;
box-shadow: inset 2.8rem 0 0 transparent;
}
.auge-pantalla--abrir::after {
left: 50%; top: 60%; translate: -50% -50%; width: 12.5rem; height: 5rem; border-radius: 10px; background: #fff;
box-shadow: 0 10px 30px -10px rgba(14, 26, 43, .45), inset 0 -1.9rem 0 #F4F1EA, inset 7.5rem -1.9rem 0 #F4F1EA;
border: 1px solid var(--wp--preset--color--linea);
background-image: linear-gradient(var(--wp--preset--color--azul), var(--wp--preset--color--azul)), linear-gradient(#D9D3C6, #D9D3C6);
background-size: 3.4rem 1.1rem, 7rem .45rem; background-position: right .6rem bottom .4rem, .8rem .9rem; background-repeat: no-repeat;
}
.auge-pantalla--codigo::after {
content: "482 · 913 · 207"; left: 50%; top: 60%; translate: -50% -50%;
font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: 1.15rem; font-weight: 700; letter-spacing: .06em;
padding: .7rem 1rem; border-radius: 10px; background: var(--wp--preset--color--papel); border: 2px dashed var(--wp--preset--color--azul); color: var(--wp--preset--color--tinta);
white-space: nowrap;
}
/* ---------- Kit Digital ---------- */
.auge-estado {
background: #fff; border-radius: 20px; padding: clamp(1.5rem, 3vw, 2.2rem) !important; border: 1px solid var(--wp--preset--color--linea);
box-shadow: 0 30px 60px -40px rgba(14, 26, 43, .55); max-width: 26rem; margin-left: auto !important;
display: flex; flex-direction: column; gap: .9rem;
}
.auge-estado > * { margin: 0 !important; }
.auge-estado__titulo { font-size: .78rem !important; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--tinta-suave); }
.auge-estado__texto { color: var(--wp--preset--color--tinta-suave); }
/* ---------- Contacto ---------- */
.auge-form-panel { background: #fff; border-radius: 20px; padding: clamp(1.25rem, 3vw, 2.25rem) !important; border: 1px solid var(--wp--preset--color--linea); }
/* ---------- Adaptación a pantallas pequeñas ---------- */
@media (max-width: 781px) {
.auge-navegador { transform: none; }
.auge-telefono { position: relative; right: auto; bottom: auto; margin: -2rem 0 0 auto !important; width: 10.5rem; }
.auge-escena > .auge-pastilla--nota { position: static; display: block; margin-top: .8rem !important; }
.auge-mock__destacado { grid-template-columns: 6rem 1fr; }
.auge-mock__foto { height: 4.5rem; }
.auge-mock__noticias { grid-template-columns: 1fr; }
.auge-escena--tickets { margin-left: 0 !important; }
.auge-ticket:nth-child(n) { transform: none; }
.auge-escena--agenda, .auge-escena--prensa { min-height: 0; }
.auge-agenda, .auge-nota { width: 100%; }
.auge-chat { position: relative; width: 92%; margin: -1rem 0 0 auto !important; bottom: auto; }
.auge-muestra { display: none; }
.auge-nota { transform: none; }
.auge-sello { margin: 1rem auto 0 !important; width: min(17rem, 78vw); }
.auge-banda-soporte .wp-block-buttons { width: 100%; }
.auge-cover-plenos { min-height: 0 !important; }
}
/* ---------- Cabecera: botón de soporte remoto (visible también en móvil) ---------- */
.auge-cabecera__acciones { gap: 1.5rem !important; align-items: center; }
.auge-boton-soporte .wp-block-button__link {
display: inline-flex; align-items: center; gap: .5rem;
background: var(--wp--preset--color--lima); color: var(--wp--preset--color--tinta);
padding: .6rem 1.1rem; font-size: .95rem; white-space: nowrap;
}
.auge-boton-soporte .wp-block-button__link::before {
content: ""; width: 1.1rem; height: 1.1rem; 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='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 14h3v6H5a1 1 0 0 1-1-1zM20 14h-3v6h2a1 1 0 0 0 1-1z'/%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='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 14h3v6H5a1 1 0 0 1-1-1zM20 14h-3v6h2a1 1 0 0 0 1-1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.auge-boton-soporte .wp-block-button__link:hover { background: var(--wp--preset--color--tinta); color: var(--wp--preset--color--papel); }
@media (max-width: 600px) {
.auge-cabecera__acciones { gap: .6rem !important; }
.auge-boton-soporte .wp-block-button__link { font-size: .82rem; padding: .5rem .8rem; }
.auge-logo img { width: 140px !important; }
}
@media (max-width: 380px) { .auge-boton-soporte .wp-block-button__link { font-size: 0; gap: 0; padding: .6rem; } .auge-boton-soporte .wp-block-button__link::before { width: 1.25rem; height: 1.25rem; } }
/* ---------- Portada: mosaico de áreas ---------- */
.auge-mosaico {
background: var(--wp--preset--color--blanco); border: 1px solid var(--wp--preset--color--linea); border-radius: 22px;
padding: clamp(1.25rem, 2.5vw, 1.75rem) !important; box-shadow: 0 30px 60px -40px rgba(14, 26, 43, .5); transform: rotate(.8deg);
}
.auge-mosaico > * { margin: 0 !important; }
.auge-mosaico__titulo { font-size: .78rem !important; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--tinta-suave); padding-bottom: 1rem !important; }
.auge-mosaico .wp-block-group.is-layout-grid { gap: .75rem; }
.auge-tesela {
background: var(--wp--preset--color--papel); border-radius: 14px; padding: 4.4rem 1rem 1rem !important; position: relative;
transition: background var(--auge-trans), transform var(--auge-trans);
}
.auge-tesela::before { left: 1rem; top: 1rem; }
.auge-tesela::after { left: 1.6rem; top: 1.6rem; }
.auge-tesela h3 { font-size: 1.15rem !important; margin: 0 !important; }
.auge-tesela h3 a { color: inherit; text-decoration: none; }
.auge-tesela h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.auge-tesela:hover { background: #EAF3CF; transform: translateY(-2px); }
.auge-tesela:nth-child(2)::before { background: var(--wp--preset--color--tinta); }
.auge-tesela:nth-child(3)::before { background: var(--wp--preset--color--lima); }
.auge-tesela:nth-child(3)::after { background: var(--wp--preset--color--tinta); }
.auge-mosaico__pie { font-family: var(--wp--preset--font-family--titulares); font-style: italic; font-size: 1.25rem !important; text-align: right; padding-top: .9rem !important; color: var(--wp--preset--color--azul); }
/* ---------- Contacto: columna lateral ---------- */
.auge-contacto-lateral { border-radius: 20px; padding: clamp(1.5rem, 3vw, 2.25rem) !important; }
.auge-contacto-lateral > * { margin-top: 0 !important; }
.auge-contacto-lateral__lema { font-family: var(--wp--preset--font-family--titulares); font-size: 1.6rem !important; line-height: 1.15; padding-bottom: 1.25rem !important; border-bottom: 1px solid rgba(244, 241, 234, .16); margin-bottom: 1.5rem !important; }
.auge-contacto-lateral .auge-icono { margin-top: 1.25rem !important; }
.auge-contacto-lateral .auge-dato { margin: .4rem 0 0 2.6rem !important; color: #D5DAE3; }
.auge-contacto-lateral .auge-icono > p { padding-left: 0; }
.auge-contacto-lateral .wp-block-column > .auge-icono, .auge-contacto-lateral > .auge-icono { padding-top: 0 !important; padding-left: 2.6rem !important; min-height: 2rem; }
.auge-contacto-lateral > .auge-icono::before { width: 2rem; height: 2rem; border-radius: 9px; }
.auge-contacto-lateral > .auge-icono::after { width: 1.2rem; height: 1.2rem; left: .4rem; top: .4rem; }
.auge-contacto-lateral > .auge-icono > h3 { font-size: 1.15rem !important; padding-top: .2rem; }
.auge-contacto-lateral > .auge-icono > p { margin-top: .3rem !important; }
@media (max-width: 781px) {
.auge-mosaico { transform: none; }
.auge-telefono { position: relative; right: auto; bottom: auto; margin: -3rem 1rem 0 auto !important; width: 9.5rem; }
}
/* Iconos generados por iconos.py — no editar a mano */
.auge-icono--ordenador, .auge-icono-grande--ordenador { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--certificado, .auge-icono-grande--certificado { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--escudo, .auge-icono-grande--escudo { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--wifi, .auge-icono-grande--wifi { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--copia, .auge-icono-grande--copia { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--impresora, .auge-icono-grande--impresora { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--soporte, .auge-icono-grande--soporte { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--idea, .auge-icono-grande--idea { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--accesible, .auge-icono-grande--accesible { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--movil, .auge-icono-grande--movil { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--reloj, .auge-icono-grande--reloj { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--calendario, .auge-icono-grande--calendario { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--chat, .auge-icono-grande--chat { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--check, .auge-icono-grande--check { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--candado, .auge-icono-grande--candado { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--documento, .auge-icono-grande--documento { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--web, .auge-icono-grande--web { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--persona, .auge-icono-grande--persona { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--red, .auge-icono-grande--red { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--mapa, .auge-icono-grande--mapa { --auge-icono: url("data:image/svg+xml,"); }
.auge-icono--camara, .auge-icono-grande--camara { --auge-icono: url("data:image/svg+xml,"); }
/* Ajustes finales de composición */
.auge-escena--web { padding-bottom: 1rem; }
.auge-escena--web > .auge-pastilla--nota { left: 0; right: auto; bottom: -2.4rem; }
.auge-cover-plenos { padding-left: 0 !important; padding-right: 0 !important; }
.auge-cover-plenos .wp-block-cover__inner-container { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2.5rem); box-sizing: border-box; }
.auge-cover-plenos .wp-block-cover__inner-container > * { max-width: 46rem; margin-left: 0 !important; margin-right: auto !important; }
.auge-reproductor .wp-block-image img { object-position: 30% 60%; }
.auge-ticket .auge-pastilla { white-space: nowrap; flex: none; }
.auge-ticket:nth-child(2) { transform: translateX(.25rem); }
.auge-escena--tickets { padding-right: .5rem; }
.auge-pantalla--abrir::after {
left: 50%; top: 60%; translate: -50% -50%; width: 12rem; height: 5.2rem; border-radius: 10px; box-shadow: 0 12px 30px -12px rgba(14, 26, 43, .5);
border: 1px solid var(--wp--preset--color--linea);
background:
linear-gradient(var(--wp--preset--color--azul), var(--wp--preset--color--azul)) right .7rem bottom .7rem / 3.2rem 1.2rem no-repeat,
linear-gradient(#E8E3D8, #E8E3D8) right 4.4rem bottom .7rem / 3.2rem 1.2rem no-repeat,
linear-gradient(#CFC8BA, #CFC8BA) .8rem .9rem / 8rem .45rem no-repeat,
linear-gradient(#E3DED3, #E3DED3) .8rem 1.65rem / 6rem .45rem no-repeat,
#fff;
}
/* Plenos: oferta única y crédito a Smartis */
.auge-opcion--unica h2 { color: var(--wp--preset--color--papel); font-size: clamp(1.9rem, 1.3rem + 2vw, 2.8rem); margin: 1rem 0 .8rem; }
.auge-opcion--unica h2 em { color: var(--wp--preset--color--lima); }
.auge-opcion--unica ul.is-style-check { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .2rem 1.5rem; margin: 1.2rem 0 1.6rem; }
.auge-opcion--unica .wp-block-button__link { background: var(--wp--preset--color--lima); color: var(--wp--preset--color--tinta); }
.auge-opcion--unica .wp-block-button__link:hover { background: var(--wp--preset--color--papel); }
.auge-smartis {
position: relative; border-radius: 18px; padding: clamp(1.5rem, 3vw, 2.25rem) !important;
background: var(--wp--preset--color--papel); border: 1px solid var(--wp--preset--color--linea);
}
.auge-smartis::before { content: ""; position: absolute; left: 0; top: 1.5rem; bottom: 1.5rem; width: 4px; border-radius: 0 4px 4px 0; background: var(--wp--preset--color--azul); }
.auge-smartis > * { margin-top: 0 !important; }
.auge-smartis__etiqueta { font-size: .75rem !important; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--tinta-suave); margin-bottom: .2rem !important; }
.auge-smartis__marca { font-family: var(--wp--preset--font-family--titulares); font-size: clamp(2.2rem, 1.6rem + 2vw, 3rem) !important; line-height: 1; color: var(--wp--preset--color--azul-noche); margin-bottom: 1rem !important; }
.auge-smartis__enlace a { font-weight: 600; }
.auge-smartis__enlace a::after { content: " →"; }
.auge-opcion--unica ul.is-style-check { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 520px) { .auge-opcion--unica ul.is-style-check { grid-template-columns: 1fr; } }
/* ---------- Kit Digital ---------- */
.auge-kit-franja { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; border-bottom: 1px solid var(--wp--preset--color--linea); }
.auge-kit-logos { margin: 0 auto !important; text-align: center; }
.auge-kit-logos img { width: 100%; max-width: 1100px; min-width: 300px; height: auto; display: inline-block; }
@media (max-width: 600px) { .auge-kit-franja .wp-block-group { overflow-x: auto; } .auge-kit-logos img { min-width: 560px; } }
.auge-tabla table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 14px; overflow: hidden; font-size: .97rem; }
.auge-tabla th { background: var(--wp--preset--color--tinta); color: var(--wp--preset--color--papel); text-align: left; padding: .9rem 1rem; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; border: 0; }
.auge-tabla td { padding: 1rem; border: 0; border-bottom: 1px solid var(--wp--preset--color--linea); vertical-align: top; }
.auge-tabla tr:last-child td { border-bottom: 0; }
.auge-tabla td strong { color: var(--wp--preset--color--tinta); }
@media (max-width: 600px) { .auge-tabla { overflow-x: auto; } .auge-tabla table { min-width: 480px; } }
.auge-ficha { background: var(--wp--preset--color--papel); border-radius: 18px; padding: 1.75rem 1.75rem 1.5rem 1.75rem !important; padding-top: 5.75rem !important; }
.auge-ficha.auge-icono-grande::before { top: 1.5rem; left: 1.75rem; translate: none; }
.auge-ficha.auge-icono-grande::after { top: 2.35rem; left: 2.6rem; translate: none; }
.auge-ficha__etiqueta { font-size: .72rem !important; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--tinta-suave); margin: 0 !important; }
.auge-ficha__valor { font-family: var(--wp--preset--font-family--titulares); font-size: 1.25rem !important; line-height: 1.25; margin: .2rem 0 1rem !important; }
/* ---------- WooCommerce (modo catálogo) ---------- */
.woocommerce .wp-block-woocommerce-product-image-gallery img, .wc-block-components-product-image img, .woocommerce ul.products li.product img { border-radius: 14px; background: #fff; }
.wc-block-product-template .wc-block-product, .woocommerce ul.products li.product { background: #fff; border: 1px solid var(--wp--preset--color--linea); border-radius: 16px; padding: 1rem !important; }
.wc-block-components-product-name, .woocommerce-loop-product__title { font-family: var(--wp--preset--font-family--titulares) !important; font-size: 1.15rem !important; }
.auge-catalogo-entradilla { margin-top: .5rem; }
.auge-catalogo-info { margin: 1.5rem 0; }
.auge-catalogo-info__boton { display: inline-block; background: var(--wp--preset--color--lima); color: var(--wp--preset--color--tinta) !important; padding: .95rem 1.7rem; border-radius: 999px; font-weight: 650; text-decoration: none; }
.auge-catalogo-info__boton:hover { background: var(--wp--preset--color--tinta); color: var(--wp--preset--color--papel) !important; }
.auge-catalogo-info__nota { font-size: .9rem; color: var(--wp--preset--color--tinta-suave); margin-top: .6rem; }
.woocommerce-breadcrumb, .wc-block-breadcrumbs { font-size: .85rem; color: var(--wp--preset--color--tinta-suave); }
/* ---------- Webs municipales: capturas reales en marcos ---------- */
.auge-escena--real .auge-navegador__cuerpo { padding: 0 !important; }
.auge-escena--real .auge-navegador .wp-block-image { margin: 0 !important; }
.auge-escena--real .auge-navegador img { display: block; width: 100%; height: auto; }
.auge-escena--real .auge-telefono { padding: 1.1rem .35rem .35rem !important; width: 9.5rem; bottom: -3.5rem; }
.auge-escena--real .auge-telefono .wp-block-image { margin: 0 !important; }
.auge-escena--real .auge-telefono img { display: block; width: 100%; height: auto; border-radius: 0 0 16px 16px; }
.auge-captura { margin: 0 !important; }
.auge-captura img { border-radius: 12px; box-shadow: 0 20px 40px -28px rgba(14, 26, 43, .6), 0 0 0 1px rgba(14, 26, 43, .08); width: 100%; height: auto; }
@media (max-width: 781px) { .auge-escena--real .auge-telefono { width: 8.5rem; margin-top: -4rem !important; } }
/* ---------- Empresa: curiosidad ---------- */
.auge-escena--exploracion { position: relative; max-width: 30rem; margin-left: auto !important; }
.auge-exploracion-sello {
position: absolute; left: 0; bottom: 4%; margin: 0 !important;
background: #fff; border: 1px solid var(--wp--preset--color--linea); border-radius: 999px;
padding: .55rem 1.1rem; font-size: .9rem !important; box-shadow: 0 14px 30px -20px rgba(14, 26, 43, .6);
}
.auge-exploracion-sello strong { color: var(--wp--preset--color--azul); }
.auge-ambitos { gap: .65rem !important; align-items: center; }
.auge-pastilla--ambito {
text-transform: none; letter-spacing: 0; font-weight: 600; font-size: clamp(.95rem, .85rem + .35vw, 1.1rem) !important;
padding: .6rem 1rem; border-radius: 999px; background: var(--wp--preset--color--papel); border: 1px solid var(--wp--preset--color--linea);
}
.auge-pastilla--ambito-grande { font-family: var(--wp--preset--font-family--titulares); font-weight: 500; font-size: clamp(1.25rem, 1rem + .9vw, 1.6rem) !important; padding: .55rem 1.2rem; }
.auge-pastilla--ambito-cursiva { font-family: var(--wp--preset--font-family--titulares); font-style: italic; font-weight: 400; font-size: clamp(1.1rem, .95rem + .6vw, 1.35rem) !important; background: transparent; border-style: dashed; }
.auge-pastilla--ambito-azul { background: #E1EDF8; border-color: #C6DBF0; color: var(--wp--preset--color--azul-noche); }
.auge-pastilla--ambito-lima { background: var(--wp--preset--color--lima); border-color: var(--wp--preset--color--lima); }
.auge-pastilla--ambito-tinta { background: var(--wp--preset--color--tinta); border-color: var(--wp--preset--color--tinta); color: var(--wp--preset--color--papel); }
@media (max-width: 781px) { .auge-escena--exploracion { margin: 1rem auto 0 !important; max-width: 22rem; } }
.auge-ficha { background: #fff; border: 1px solid var(--wp--preset--color--linea); }
.auge-aviso-compra { background: #ECF4D6; border: 1.5px solid #7FA617; border-radius: 12px; padding: 1rem 1.2rem; margin: 0 0 1.25rem; color: var(--wp--preset--color--tinta); }
/* Empresa: ilustración «horizonte» (sustituye al gráfico de caminos) */
.auge-escena--exploracion { max-width: 32rem; }
/* Ilustración en bloque Imagen nativo: cualquier imagen (JPG, PNG, WebP) que se ponga con «Reemplazar»
conserva la proporción, el recorte, las esquinas redondeadas y la sombra. */
.wp-block-image.auge-ilustracion { margin: 0 !important; }
.wp-block-image.auge-ilustracion img { display: block; width: 100%; height: auto !important; aspect-ratio: 560 / 460; object-fit: cover; border-radius: 28px; box-shadow: 0 40px 70px -45px rgba(14, 26, 43, .55); }
.auge-catalogo-entradilla { max-width: var(--wp--style--global--wide-size) !important; margin-left: auto !important; margin-right: auto !important; padding-right: min(30vw, 420px); box-sizing: border-box; }
.auge-catalogo-vacio { background: #fff; border: 1px solid var(--wp--preset--color--linea); border-radius: 18px; padding: clamp(1.5rem, 3vw, 2.25rem); max-width: 46rem; margin: 1rem 0 2rem; }
.auge-catalogo-vacio__titulo { font-family: var(--wp--preset--font-family--titulares); font-size: 1.6rem; line-height: 1.2; margin: 0 0 .6rem; }
/* Tarjeta de web de demostración */
.auge-demo { background: var(--wp--preset--color--papel); border: 1px solid var(--wp--preset--color--linea); border-radius: 20px; padding: clamp(1rem, 2vw, 1.4rem) !important; }
.auge-demo > * { margin-top: 0 !important; }
.auge-demo .auge-captura { margin-bottom: 1rem !important; }
.auge-demo h3 { font-size: 1.6rem !important; margin: .4rem 0 .9rem !important; }
.auge-demo .auge-pastilla--nota { display: block; }