/* =========================================================================
   Rise Urban Art Hotel — seções convertidas do Elementor
   Estrutura genérica (seção/coluna/container) e widgets comuns. Os valores de cada
   página (espaçamento, cor, largura) chegam como variáveis CSS no atributo style.
   Breakpoints: tablet ≤ 1024px, celular ≤ 767px.
   ========================================================================= */

/* As variáveis de cada elemento NÃO devem passar para os elementos de dentro (como no Elementor,
   cada seção/coluna/widget tem os próprios valores). O estilo inline do elemento vence este reset. */
:where(.el-sec, .el-col, .el-con) {
  --p: initial; --p-t: initial; --p-m: initial; --m: initial; --m-t: initial; --m-m: initial;
  --bgc: initial; --bgi: initial; --bgs: initial; --bgp: initial; --ovc: initial; --ovi: initial; --ovo: initial;
  --w: initial; --w-t: initial; --w-m: initial; --mh: initial; --bw: initial; --bc: initial; --cw: initial;
  --dir: initial; --dir-t: initial; --dir-m: initial; --gap: initial; --jc: initial; --ai: initial; --wrap: initial;
  --gcols: initial; --gcols-t: initial; --gcols-m: initial;
}
:where(.el-h, .el-text, .el-btn, .el-img, .el-divider, .el-icon, .icon-list, .icon-box, .image-box, .cta-card, .sp, .el-abs, .el-counter, .img-carousel) {
  --wp: initial; --wp-t: initial; --wp-m: initial; --wm: initial; --wm-t: initial; --wm-m: initial;
  --ww: initial; --ww-t: initial; --ww-m: initial; --wbw: initial; --wbc: initial; --wbs: initial; --wbgi: initial; --wbgc: initial;
  --tc: initial; --fs: initial; --fs-t: initial; --fs-m: initial; --fw: initial; --lh: initial; --ls: initial; --tt: initial; --fst: initial;
  --h: initial; --h-t: initial; --h-m: initial; --dw: initial; --dg: initial; --dc: initial; --dt: initial;
  --ic: initial; --ic2: initial; --is: initial; --tbs: initial; --isp: initial; --isb: initial; --ibs: initial; --ar: initial; --dcol: initial; --ox: initial; --oy: initial; --bgi: initial; --mh: initial; --cp: initial; --cov: initial;
}

/* ---------- Estrutura ---------- */
.el-sec, .el-con { position: relative; isolation: isolate; }
.el-sec, .el-col, .el-con {
  background-color: var(--bgc, transparent);
  background-image: var(--bgi, none);
  background-position: var(--bgp, center);
  background-size: var(--bgs, cover);
  background-repeat: no-repeat;
}
.has-ov::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: var(--ovi, none) center / cover no-repeat, var(--ovc, transparent); opacity: var(--ovo, .5);
}
.el-sec { padding: var(--p, 0); margin: var(--m, 0); }
.el-row { display: flex; max-width: var(--cw, var(--container)); margin-inline: auto; }
.el-sec--inner > .el-row { max-width: none; }
.el-col { position: relative; display: flex; flex-direction: column; justify-content: var(--ai, flex-start); width: var(--w, 100%); min-width: 0; padding: var(--p, 10px); margin: var(--m, 0); }
.el-con { display: flex; padding: var(--p, 10px); margin: var(--m, 0); width: 100%; }
.el-con--child { width: var(--w, 100%); flex: 0 0 auto; }
.el-con__inner { display: flex; flex-direction: var(--dir, column); flex-wrap: var(--wrap, nowrap); justify-content: var(--jc, flex-start); align-items: var(--ai, stretch); gap: var(--gap, 20px); width: 100%; max-width: var(--cw, var(--container)); margin-inline: auto; }
.el-con--child > .el-con__inner { max-width: none; }
.el-con--grid > .el-con__inner { display: grid; grid-template-columns: var(--gcols, repeat(3, minmax(0, 1fr))); }
[style*="--bw:"] { border: solid var(--bc); border-width: var(--bw); }

/* ---------- Widgets ---------- */
.el-h, .el-text, .el-btn, .el-img, .el-divider, .el-icon, .icon-list, .icon-box, .image-box, .cta-card { margin: var(--wm, 0); padding: var(--wp, 0); }
[style*="--ww:"] { width: var(--ww); max-width: 100%; }
[style*="--ww:auto"] { align-self: flex-start; }
[style*="--wbw:"] { border-style: var(--wbs, solid); border-color: var(--wbc); border-width: var(--wbw); }
[style*="--wbgi:"], [style*="--wbgc:"] { background: var(--wbgi, none), var(--wbgc, transparent); }
.el-h { color: var(--tc, inherit); }
.el-h a { color: inherit; }
.el-h.t-h1 { font-size: var(--fs-h1); font-weight: 700; line-height: 1; letter-spacing: 7px; }
.t-text { font-size: var(--fs-text); font-weight: 300; line-height: 1.5; }
.el-h.t-accent { text-transform: uppercase; }
.el-text { color: var(--tc, inherit); }
.t-custom[style*="--fs:"] { font-size: var(--fs); }
.t-custom[style*="--fw:"] { font-weight: var(--fw); }
.t-custom[style*="--lh:"] { line-height: var(--lh); }
.t-custom[style*="--ls:"] { letter-spacing: var(--ls); }
.t-custom[style*="--tt:"] { text-transform: var(--tt); }
.t-custom[style*="--fst:"] { font-style: var(--fst); }
.ta-left { text-align: left; } .ta-center { text-align: center; } .ta-right { text-align: right; } .ta-justify { text-align: justify; }
.sp { height: var(--h, 50px); }
.el-btn .btn[style*="--bp:"] { padding: var(--bp); }
.el-btn .btn[style*="--bbg:"] { background: var(--bbg); }
.el-btn .btn[style*="--btc:"] { color: var(--btc); }
.btn--light { background: var(--c-white); color: var(--c-text); }
.btn--light:hover { background: var(--c-accent); color: var(--c-white); }
.el-img img { max-width: 100%; height: var(--ih, auto); object-fit: var(--fit, cover); }
/* largura só quando definida: sem ela vale o atributo width da <img>, e o navegador reserva o espaço antes de carregar (sem CLS) */
.el-img img[style*="--iw:"] { width: var(--iw); }
.el-img.ta-center img { margin-inline: auto; } .el-img.ta-right img { margin-left: auto; }
.el-divider { width: var(--dw, 100%); margin-block: var(--dg, 15px); border: 0; border-top: var(--dt, 1px) solid var(--dc, #000); }
.el-divider.ta-center { margin-inline: auto; } .el-divider.ta-right { margin-left: auto; }
.el-icon { color: var(--c-primary); font-size: 50px; } .el-icon .icon { width: 1em; height: 1em; }
.el-abs { position: absolute; z-index: 2; left: var(--ox, 0); top: var(--oy, 0); }
.el-abs--right { left: auto; right: var(--ox, 0); }
@media (max-width: 1024px) { .el-abs[style*="--ox-t:"] { left: var(--ox-t); } .el-abs--right[style*="--ox-t:"] { left: auto; right: var(--ox-t); } .el-abs[style*="--oy-t:"] { top: var(--oy-t); } }

/* lista com ícones */
.icon-list { margin: 0; padding: var(--wp, 0); list-style: none; color: var(--tc, inherit); }
.icon-list li, .icon-list li > a { display: flex; align-items: flex-start; }
.icon-list li > a { color: inherit; }
.icon-list__icon { flex: none; display: flex; align-items: center; justify-content: flex-start; width: 20px; height: 1.5em; color: var(--ic, var(--c-primary)); }
.icon-list__icon .icon { width: 14px; height: 14px; }
.icon-list__text { padding-left: 5px; }
.icon-list--inline { display: flex; flex-wrap: wrap; gap: 0 16px; }

/* caixa com ícone (genérica) */
.icon-box { display: flex; gap: var(--isp, 15px); color: var(--tc, inherit); }
.icon-box--top { flex-direction: column; align-items: center; text-align: center; }
.icon-box--left { flex-direction: row; align-items: center; }
.icon-box__icon { flex: none; display: inline-flex; align-items: center; justify-content: center; color: var(--ic, var(--c-primary)); font-size: var(--is, 50px); }
.icon-box__icon .icon { width: 1em; height: 1em; }
.icon-box__icon:empty { display: none; }
.icon-box--stacked .icon-box__icon { padding: .5em; border-radius: 50%; background: var(--ic, var(--c-primary)); color: var(--ic2, var(--c-white)); }
.icon-box--framed .icon-box__icon { padding: .5em; border: 2px solid var(--ic, var(--c-primary)); border-radius: 50%; }
.icon-box__title { margin: 0 0 var(--tbs, 15px); color: var(--tc, inherit); } /* padrões do Elementor: 15 px abaixo do título e do ícone */
.icon-box__title:not([class*=" t-"]) { font-size: var(--fs-h4); font-weight: 600; line-height: 1.1; }
.icon-box--top.ta-left { align-items: flex-start; text-align: left; } .icon-box--top.ta-right { align-items: flex-end; text-align: right; }
@media (max-width: 1024px) { .icon-box--top.ta-t-center { align-items: center; text-align: center; } .icon-box--top.ta-t-left { align-items: flex-start; text-align: left; } }
@media (max-width: 767px) { .icon-box--top.ta-m-center { align-items: center; text-align: center; } .icon-box--top.ta-m-left { align-items: flex-start; text-align: left; } }
.icon-box__title a { color: inherit; }
.icon-box__desc { margin: 0; }

/* caixa com imagem */
.image-box { text-align: center; }
.image-box__img { width: 100%; height: auto; aspect-ratio: var(--ar, auto); object-fit: cover; margin-bottom: var(--ibs, 15px); }
.image-box__title { margin: 0 0 var(--tbs, 15px); color: var(--tc, var(--c-primary)); }
.image-box__title:not([class*=" t-"]) { font-size: var(--fs-h4); font-weight: 600; line-height: 1.1; }
.image-box__title a { color: inherit; }
.image-box p { margin: 0; color: var(--dcol, inherit); }

/* cartão "call to action" (foto de fundo + texto por cima) */
.cta-card {
  position: relative; isolation: isolate; display: flex; align-items: flex-end; min-height: var(--mh, 250px); overflow: hidden;
  background: var(--c-text); color: var(--c-white);
}
/* foto em camada própria para o hover do Elementor: zoom-in, filtro e camada escura (duração em "effect_duration") */
.cta-card::after { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--bgi, none) center / cover no-repeat;
  transition: transform var(--cdur, 1.5s), filter var(--cdur, 1.5s); }
.cta-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--cov, transparent); transition: background-color var(--cdur, 1.5s); }
.cta-card:hover::after { transform: scale(var(--czoom, 1.2)); filter: contrast(var(--chc, 100%)); }
.cta-card:hover::before { background: var(--covh, rgba(0, 0, 0, .3)); }
.cta-card__content { width: 100%; padding: var(--cp, 25px); }
.cta-card__title { margin: 0 0 var(--tsp, 15px); font-size: var(--fs-h4); font-weight: 600; line-height: 1.1; color: var(--tc, inherit); }
.cta-card__desc { margin: 0 0 var(--tsp, 15px); color: var(--tc, inherit); }
.cta-card__desc:last-child { margin-bottom: 0; }
.cta-card__btn { padding: 12px 24px; border: 2px solid var(--bbc, var(--c-white)); background: var(--bbg, var(--c-white)); color: var(--btc, var(--c-text)); }
.cta-card__btn:hover { border-color: var(--c-secondary); background: var(--c-secondary); color: var(--c-white); }
.cta-card.ta-right .cta-card__content { text-align: right; } .cta-card.ta-center .cta-card__content { text-align: center; }
@media (max-width: 1024px) { .cta-card[style*="--cp-t:"] .cta-card__content { padding: var(--cp-t); } .cta-card[style*="--mh-t:"] { min-height: var(--mh-t); } }
@media (max-width: 767px) { .cta-card[style*="--cp-m:"] .cta-card__content { padding: var(--cp-m); } .cta-card[style*="--mh-m:"] { min-height: var(--mh-m); } }

/* galeria com abas + lightbox */
.gallery-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 20px; }
.gallery-tabs__btn {
  padding: 7px 14px; border: 0; border-bottom: 3px solid transparent; background: none; cursor: pointer;
  font-size: var(--fs-accent); font-weight: 600; line-height: 1.2; letter-spacing: .1px; text-transform: uppercase; color: var(--c-primary);
}
.gallery-tabs__btn[aria-pressed="true"] { color: var(--c-secondary); border-bottom-color: var(--c-secondary); }
.gallery__grid { columns: var(--cols, 4); column-gap: 10px; }
.gallery__item { display: block; margin-bottom: 10px; break-inside: avoid; overflow: hidden; }
.gallery__item[hidden] { display: none; }
.gallery__grid.is-masonry { columns: auto; position: relative; }
.gallery__grid.is-masonry .gallery__item { position: absolute; margin: 0; }
.gallery__item img { width: 100%; transition: transform .4s; }
.gallery__item:hover img { transform: scale(1.05); }

/* lightbox (assets/js/site.js) */
.lightbox { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(0, 0, 0, .9); color: #fff; }
.lightbox::backdrop { background: rgba(0, 0, 0, .9); }
.lightbox__figure { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; margin: 0; padding: 50px 60px; }
.lightbox__img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; }
.lightbox__caption { margin-top: 10px; font-size: 14px; }
.lightbox__count { position: absolute; top: 15px; left: 20px; margin: 0; font-size: 14px; }
.lightbox__btn { position: absolute; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: #fff; cursor: pointer; opacity: .8; }
.lightbox__btn:hover { opacity: 1; }
.lightbox__btn .icon { width: 24px; height: 24px; }
.lightbox__close { top: 10px; right: 10px; }
.lightbox__prev { top: 50%; left: 10px; transform: translateY(-50%); }
.lightbox__next { top: 50%; right: 10px; transform: translateY(-50%); }
.lightbox--single .lightbox__prev, .lightbox--single .lightbox__next { display: none; }

/* widgets do RateParity (ofertas, cotação, avaliações) */

/* ---------- Responsivo ---------- */
@media (min-width: 1025px) { .hide-desktop { display: none !important; } }
@media (max-width: 1024px) {
  .el-sec[style*="--p-t:"], .el-col[style*="--p-t:"], .el-con[style*="--p-t:"] { padding: var(--p-t); }
  .el-sec[style*="--m-t:"], .el-col[style*="--m-t:"], .el-con[style*="--m-t:"] { margin: var(--m-t); }
  .el-col[style*="--w-t:"] { width: var(--w-t); }
  .el-con__inner[style*="--dir-t:"], [style*="--dir-t:"] > .el-con__inner { flex-direction: var(--dir-t); }
  .t-custom[style*="--fs-t:"] { font-size: var(--fs-t); }
  .sp[style*="--h-t:"] { height: var(--h-t); }
  [style*="--wp-t:"] { padding: var(--wp-t); }
  [style*="--wm-t:"] { margin: var(--wm-t); }
  [style*="--ww-t:"] { width: var(--ww-t); }
  .el-img img[style*="--iw-t:"] { width: var(--iw-t); }
  .el-img img[style*="--ih-t:"] { height: var(--ih-t); }
  .ta-t-left { text-align: left; } .ta-t-center { text-align: center; } .ta-t-right { text-align: right; }
  .gallery__grid { columns: var(--cols-t, var(--cols, 4)); }
  .el-con--grid > .el-con__inner[style*="--gcols-t:"], .el-con--grid[style*="--gcols-t:"] > .el-con__inner { grid-template-columns: var(--gcols-t); }
}
@media (min-width: 768px) and (max-width: 1024px) { .hide-tablet { display: none !important; } }
@media (max-width: 767px) {
  .hide-mobile { display: none !important; }
  .el-row { flex-wrap: wrap; }
  .el-col, .el-col[style*="--w-t:"] { width: var(--w-m, 100%); }
  .el-sec[style*="--p-m:"], .el-col[style*="--p-m:"], .el-con[style*="--p-m:"] { padding: var(--p-m); }
  .el-sec[style*="--m-m:"], .el-col[style*="--m-m:"], .el-con[style*="--m-m:"] { margin: var(--m-m); }
  /* no celular os containers em linha empilham (como no site atual), salvo direção própria do celular */
  .el-con__inner { flex-direction: column; }
  [style*="--dir-m:"] > .el-con__inner { flex-direction: var(--dir-m); }
  .el-con--child { width: 100%; }
  .t-custom[style*="--fs-m:"] { font-size: var(--fs-m); }
  .sp[style*="--h-m:"] { height: var(--h-m); }
  [style*="--wp-m:"] { padding: var(--wp-m); }
  [style*="--wm-m:"] { margin: var(--wm-m); }
  [style*="--ww-m:"] { width: var(--ww-m); }
  .el-img img[style*="--iw-m:"] { width: var(--iw-m); }
  .el-img img[style*="--ih-m:"] { height: var(--ih-m); }
  .ta-m-left { text-align: left; } .ta-m-center { text-align: center; } .ta-m-right { text-align: right; }
  .gallery__grid { columns: var(--cols-m, 2); }
  .el-con--grid > .el-con__inner { grid-template-columns: var(--gcols-m, 1fr); }
  .el-abs:not([style*="--ox-m:"]):not([style*="--oy-m:"]) { position: relative; left: auto; top: auto; }
  .el-abs[style*="--ox-m:"] { left: var(--ox-m); }
  .el-abs[style*="--oy-m:"] { top: var(--oy-m); }
}

/* ---------- Complementos: sombra, posição absoluta e cartão "classic" ---------- */
[style*="--wsh:"] { box-shadow: var(--wsh); }
:where(.el-h, .el-text, .el-btn, .el-img, .el-divider, .el-icon, .icon-list, .icon-box, .image-box, .cta-card, .cta-classic) { --wsh: initial; --imw: initial; --imh: initial; }
.el-col, .el-con__inner { position: relative; }
.el-abs--bottom { top: auto; bottom: var(--oy, 0); }
.el-img[style*="--wbw:"] { line-height: 0; }

.cta-classic { display: flex; align-items: stretch; margin: var(--wm, 0); }
.cta-classic--right { flex-direction: row-reverse; }
.cta-classic__img { flex: 0 0 var(--imw, 50%); min-height: var(--imh, 300px); overflow: hidden; }
.cta-classic__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.cta-classic:hover .cta-classic__img img { transform: scale(1.05); }
.cta-classic__content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: var(--cp, 35px); }
.cta-classic.ta-center .cta-classic__content { align-items: center; text-align: center; }
.cta-classic__title { margin: 0 0 15px; font-size: var(--fs-h4); font-weight: 600; line-height: 1.1; color: var(--tc, inherit); }
.cta-classic__desc { margin: 0 0 15px; color: var(--tc, inherit); }
.cta-classic__btn { padding: 12px 24px; border: 2px solid var(--bbc, var(--c-text)); background: var(--bbg, transparent); color: var(--btc, var(--c-text)); }
.cta-classic__btn:hover { border-color: var(--c-secondary); background: var(--c-secondary); color: var(--c-white); }
@media (max-width: 1024px) { .cta-classic[style*="--cp-t:"] .cta-classic__content { padding: var(--cp-t); } }
@media (max-width: 767px) {
  .cta-classic, .cta-classic--right { flex-direction: column; }
  .cta-classic__img { flex-basis: auto; min-height: var(--imh-m, 180px); }
  .cta-classic[style*="--cp-m:"] .cta-classic__content { padding: var(--cp-m); }
}
.el-text[style*="--tcols:"] { columns: var(--tcols); column-gap: var(--tgap, 40px); }
.prose--dropcap > p:first-child::first-letter { float: left; margin: 6px 10px 0 0; font-size: 60px; font-weight: 300; line-height: 1; color: var(--c-primary); }
:where(.el-text) { --tcols: initial; --tgap: initial; }
@media (max-width: 767px) { .el-text[style*="--tcols:"] { columns: 1; } }
.cta-classic__img { position: relative; }
.cta-classic__img img { position: absolute; inset: 0; }
@media (max-width: 1024px) { .has-ov[style*="--ovo-t:"]::before { opacity: var(--ovo-t); } }
@media (max-width: 767px) { .has-ov[style*="--ovo-m:"]::before { opacity: var(--ovo-m); } }
:where(.el-sec, .el-col, .el-con) { --ovo-t: initial; --ovo-m: initial; }

/* slider só de texto (solário: "Comfort and Luxury Combined"…) */
.text-slider { --per-view: 1; --gap: 0px; }
.text-slide { display: flex; align-items: center; justify-content: center; min-height: var(--sh, 300px); padding: 40px 60px; background: var(--sbg, var(--c-primary)); color: var(--c-white); text-align: center; }
.text-slide__content { max-width: 900px; }
.text-slide__title { margin: 0 0 15px; font-size: var(--fs-h4); font-weight: 600; line-height: 1.1; letter-spacing: 2px; text-transform: uppercase; }
.text-slide__text { margin: 0; font-size: var(--fs-accent); font-weight: 600; line-height: 1.2; text-transform: uppercase; }
.text-slider .carousel__dots { bottom: 12px; }
.text-slider .carousel__dot { background: #fff; }
@media (max-width: 1024px) { .text-slider[style*="--sh-t:"] .text-slide { min-height: var(--sh-t); } }
@media (max-width: 767px) { .text-slider[style*="--sh-m:"] .text-slide { min-height: var(--sh-m); } .text-slide { padding: 30px 40px; } }

/* ---------- Contador e carrossel de imagens (widgets do Elementor, Fase 8) ---------- */
.el-counter { margin: var(--wm, 0); padding: var(--wp, 0); }
.el-counter__number { margin: 0; color: var(--nc); text-align: center; }
.el-counter__number:not([class*=" t-"]) { font-size: 69px; font-weight: 600; line-height: 1; }
.el-counter__label { display: flex; justify-content: center; margin: 0; color: var(--tc2); } /* como o Elementor: centralizado; se quebrar linha, as linhas ficam à esquerda */
.el-counter__label:not([class*=" t-"]) { font-size: 19px; line-height: 2.5; text-align: center; }
.el-counter__label.t-nav { line-height: 2.5; }
.img-carousel { margin: var(--wm, 0); padding: var(--wp, 0); }
.img-carousel .carousel__slide { margin: 0; }
.img-carousel img { display: block; width: 100%; height: auto; aspect-ratio: var(--ar, auto); object-fit: cover; }
.img-carousel:is([data-nav="both"], [data-nav="dots"]) { padding-bottom: 40px; }
.img-carousel:is([data-nav="arrows"], [data-nav="none"]) .carousel__dots { display: none; }
.img-carousel:is([data-nav="dots"], [data-nav="none"]) :is(.carousel__prev, .carousel__next) { display: none; }
.img-carousel .carousel__prev, .img-carousel .carousel__next { top: 50%; transform: translateY(-50%); color: var(--c-white); }
.img-carousel:is([data-nav="both"], [data-nav="dots"]) :is(.carousel__prev, .carousel__next) { top: calc(50% - 20px); }
.img-carousel .carousel__prev { left: 10px; } .img-carousel .carousel__next { right: 10px; }
@media (max-width: 1024px) { .img-carousel[style*="--pv-t:"] { --per-view: var(--pv-t); } }
@media (max-width: 767px) { .img-carousel[style*="--pv-m:"] { --per-view: var(--pv-m); } }

/* "Reverse columns" do Elementor no tablet/celular (como o Elementor: por "order", com as colunas quebrando linha) */
@media (max-width: 1024px) {
  .el-row { flex-wrap: wrap; }
  .el-sec--rev-t > .el-row > .el-col:nth-child(1) { order: 9; }
  .el-sec--rev-t > .el-row > .el-col:nth-child(2) { order: 8; }
  .el-sec--rev-t > .el-row > .el-col:nth-child(3) { order: 7; }
  .el-sec--rev-t > .el-row > .el-col:nth-child(4) { order: 6; }
  .el-sec--rev-t > .el-row > .el-col:nth-child(5) { order: 5; }
  .el-sec--rev-t > .el-row > .el-col:nth-child(6) { order: 4; }
}
@media (max-width: 767px) {
  .el-sec--rev-t > .el-row > .el-col { order: 0; }
  .el-sec--rev-m > .el-row > .el-col:nth-child(1) { order: 9; }
  .el-sec--rev-m > .el-row > .el-col:nth-child(2) { order: 8; }
  .el-sec--rev-m > .el-row > .el-col:nth-child(3) { order: 7; }
  .el-sec--rev-m > .el-row > .el-col:nth-child(4) { order: 6; }
  .el-sec--rev-m > .el-row > .el-col:nth-child(5) { order: 5; }
  .el-sec--rev-m > .el-row > .el-col:nth-child(6) { order: 4; }
}

/* Alinhamento horizontal da coluna (widgets com largura própria) */
.el-col[style*="--cja:"] > [style*="--ww"] { align-self: var(--cja); }
@media (max-width: 1024px) { .el-col[style*="--cja-t:"] > [style*="--ww"] { align-self: var(--cja-t); } }
@media (max-width: 767px) { .el-col[style*="--cja-m:"] > [style*="--ww"] { align-self: var(--cja-m); } }

/* Espaço entre widgets de uma coluna: 20 px no conteúdo das páginas (padrão do Elementor), 0 nos templates, ou o valor da coluna. Containers usam o gap. */
.el-col[style*="--wsp:"] > :not(:last-child):not(.el-sec):not(.el-abs):not([style*="--wm:"]):not([style*="--ww"]) { margin-bottom: var(--wsp); }
/* Lista de ícones: "space_between" */
.icon-list[style*="--isb"] > li:not(:last-child) { padding-bottom: calc(var(--isb) / 2); }
.icon-list[style*="--isb"] > li:not(:first-child) { margin-top: calc(var(--isb) / 2); }