.elementor-2307 .elementor-element.elementor-element-e708a17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2307 .elementor-element.elementor-element-8d6dc3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2307 .elementor-element.elementor-element-c8b22a1{--spacer-size:100px;}.elementor-2307 .elementor-element.elementor-element-1e3570f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2307 .elementor-element.elementor-element-9b7cc17{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-2307 .elementor-element.elementor-element-e7403b6{margin:0% 6% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-2307 .elementor-element.elementor-element-e7403b6 .elementor-share-btn{font-size:calc(1.2px * 10);height:4.5em;}.elementor-2307 .elementor-element.elementor-element-e7403b6 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.7em;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2307 .elementor-element.elementor-element-e53f5a3{margin:0vw 8vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;text-align:end;}.elementor-2307 .elementor-element.elementor-element-e53f5a3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.8vw;font-weight:700;color:#000000;}.elementor-2307 .elementor-element.elementor-element-d482045{margin:0vw 8vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;text-align:end;}.elementor-2307 .elementor-element.elementor-element-d482045 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.8vw;font-weight:700;color:#000000;}.elementor-2307 .elementor-element.elementor-element-50dd182{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2307 .elementor-element.elementor-element-4a8e75f{--spacer-size:100px;}:root{--page-title-display:none;}@media(max-width:1024px){ .elementor-2307 .elementor-element.elementor-element-e7403b6{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-2307 .elementor-element.elementor-element-e7403b6{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-2307 .elementor-element.elementor-element-e53f5a3 .elementor-heading-title{font-size:5.4vw;}.elementor-2307 .elementor-element.elementor-element-d482045 .elementor-heading-title{font-size:5.4vw;}}/* Start custom CSS for html, class: .elementor-element-08de90c *//* ==================================================
   FIXES ÁGORA 360 × ENOMADS
================================================== */
.ag-post{
    max-width:1280px !important;
}

.ag-cta{
    background:
    linear-gradient(
        135deg,
        #06284a 0%,
        #0d4f8f 100%
    ) !important;
    color:#ffffff !important;
}

.ag-cta__title,
.ag-cta h2{
    color:#ffffff !important;
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800 !important;
    line-height:1.1;
    margin-bottom:20px;
}

.ag-cta__text{
    color:rgba(255,255,255,.92) !important;
    font-size:1.1rem;
}

/* ==========================================
   BOTÓN PRINCIPAL
========================================== */
.ag-btn--primary{
    background:#22c7b8 !important;
    color:#ffffff !important;
    border:none !important;
    box-shadow:
    0 10px 30px rgba(34,199,184,.35);
    min-height:60px;
    padding:0 32px;
    font-size:17px;
    font-weight:700;
    text-decoration:none !important;
}
.ag-btn--primary:hover{
    background:#18aa9d !important;
    color:#ffffff !important;
    text-decoration:none !important;
}

/* ==========================================
   BOTÓN OUTLINE
========================================== */
.ag-btn--outline{
    background:transparent !important;
    border:2px solid #ffffff !important;
    color:#ffffff !important;
    min-height:60px;
    padding:0 32px;
    font-size:17px;
    font-weight:700;
    text-decoration:none !important;
}
.ag-btn--outline:hover{
    background:#ffffff !important;
    color:#06284a !important;
    text-decoration:none !important;
}

/* ==========================================
   BOTÓN SECUNDARIO
========================================== */
.ag-btn--secondary{
    background:#ffffff !important;
    color:#06284a !important;
    border:none !important;
    min-height:54px;
    padding:0 28px;
    font-weight:700;
    text-decoration:none !important;
}
.ag-btn--secondary:hover{
    background:#eef5fa !important;
    text-decoration:none !important;
}

/* Elementor suele meter spans */
.ag-btn--primary *,
.ag-btn--secondary *,
.ag-btn--outline *{
    color:inherit !important;
}

/* ==========================================
   HIGHLIGHT BOX
========================================== */
.ag-highlight-box{
    background:
    linear-gradient(
        135deg,
        #06284a,
        #0d4478
    ) !important;
    border-left:5px solid #22c7b8;
    color:#ffffff;
}
.ag-highlight-box__title{
    color:#22c7b8 !important;
}
.ag-highlight-box__text{
    color:rgba(255,255,255,.9) !important;
}

/* ==========================================
   TÍTULOS DE SECCIÓN
========================================== */
.ag-section__title{
    color:#06284a !important;
}

/* ==========================================
   AWARD BADGE
========================================== */
.ag-hero__award {
  display:       block;
  width:         100%;
  background:    rgba(34, 199, 184, 0.15);
  border:        1px solid #22c7b8;
  color:         #22c7b8;
  border-radius: 10px;
  padding:       .8rem 1.4rem;
  font-size:     1rem;
  font-weight:   700;
  margin-top:    1.2rem;
  margin-bottom: 1.2rem;
  text-align:    center;
  letter-spacing: .02em;
}

/* ==========================================
   MOBILE
========================================== */
@media(max-width:768px){
    .ag-post{
        max-width:100% !important;
    }
    .ag-btn{
        width:100%;
    }
    .ag-cta{
        padding:50px 25px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e708a17 *//* ==========================================================
   ÁGORA 360 STYLE
   Adaptado a la estética actual de agora360.uy
========================================================== */

:root{

  --ag-primary:#06284a;
  --ag-primary-light:#0a3a68;

  --ag-accent:#22c7b8;
  --ag-accent-hover:#18aa9d;

  --ag-bg:#ffffff;
  --ag-bg-alt:#f5f8fb;
  --ag-bg-dark:#031d36;

  --ag-text:#132c45;
  --ag-text-muted:#627487;

  --ag-border:#e5edf5;

  --ag-radius:18px;
  --ag-radius-lg:30px;

  --ag-shadow:
    0 10px 30px rgba(3,29,54,.08);

  --ag-shadow-hover:
    0 20px 40px rgba(3,29,54,.14);

  --ag-max-width:820px;
}

/* ==========================================================
   CONTENEDOR
========================================================== */

.ag-post{

  max-width:var(--ag-max-width);

  margin:0 auto;

  color:var(--ag-text);

  line-height:1.8;

  font-size:16px;
}

.ag-post p{
  margin-bottom:1.2rem;
}

.ag-post a{

  color:var(--ag-accent);

  text-decoration:none;

  font-weight:600;
}

.ag-post a:hover{
  color:var(--ag-accent-hover);
}

/* ==========================================================
   HERO
========================================================== */

.ag-hero{

  position:relative;

  overflow:hidden;

  padding:70px 50px;

  margin-bottom:50px;

  border-radius:32px;

  background:
  linear-gradient(
    135deg,
    #031d36 0%,
    #06284a 55%,
    #0a3a68 100%
  );

  color:#fff;

  box-shadow:
  0 20px 60px rgba(3,29,54,.25);
}

.ag-hero::before{

  content:"";

  position:absolute;

  width:350px;
  height:350px;

  top:-120px;
  right:-120px;

  background:
  radial-gradient(
    rgba(34,199,184,.25),
    transparent 70%
  );

  pointer-events:none;
}

.ag-hero__badge{

  display:inline-flex;

  align-items:center;

  gap:8px;

  padding:.55rem 1rem;

  border-radius:999px;

  background:
  rgba(255,255,255,.08);

  border:
  1px solid rgba(255,255,255,.12);

  backdrop-filter:blur(10px);

  color:#d6e0ea;

  font-size:.85rem;

  font-weight:600;

  margin-bottom:20px;
}

.ag-hero__title{

  font-size:clamp(2rem,5vw,3.4rem);

  line-height:1.05;

  font-weight:800;

  letter-spacing:-1.5px;

  color:#fff;

  margin:0 0 20px;
}

.ag-hero__highlight{

  display:block;

  color:var(--ag-accent);
}

.ag-hero__lead{

  font-size:1.1rem;

  line-height:1.8;

  color:rgba(255,255,255,.85);

  max-width:620px;

  margin-bottom:35px;
}

/* ==========================================================
   SECCIONES
========================================================== */

.ag-section{
  margin-bottom:50px;
}

.ag-section--alt{

  background:var(--ag-bg-alt);

  border:1px solid var(--ag-border);

  border-radius:28px;

  padding:35px;
}

.ag-section__title{

  position:relative;

  display:inline-block;

  margin-bottom:25px;

  padding-bottom:12px;

  font-size:1.65rem;

  font-weight:800;

  color:var(--ag-primary);
}

.ag-section__title::after{

  content:"";

  position:absolute;

  left:0;
  bottom:0;

  width:70px;
  height:4px;

  background:var(--ag-accent);

  border-radius:999px;
}

/* ==========================================================
   CITA
========================================================== */

.ag-quote{

  padding:28px;

  border-radius:24px;

  margin:40px 0;

  background:
  linear-gradient(
    135deg,
    rgba(34,199,184,.08),
    rgba(34,199,184,.03)
  );

  border-left:4px solid var(--ag-accent);
}

.ag-quote p{

  margin:0;

  font-size:1.08rem;

  color:var(--ag-text);

  font-style:italic;
}

.ag-quote cite{

  display:block;

  margin-top:10px;

  font-size:.9rem;

  font-weight:700;

  color:var(--ag-primary);
}

/* ==========================================================
   CARDS
========================================================== */

.ag-cards{

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(220px,1fr));

  gap:22px;

  margin-top:25px;
}

.ag-card{

  background:#fff;

  border:1px solid var(--ag-border);

  border-radius:22px;

  padding:26px;

  box-shadow:var(--ag-shadow);

  transition:.3s ease;
}

.ag-card:hover{

  transform:translateY(-6px);

  box-shadow:var(--ag-shadow-hover);
}

.ag-card__icon{

  font-size:2rem;

  color:var(--ag-accent);

  margin-bottom:15px;
}

.ag-card__title{

  margin-bottom:10px;

  color:var(--ag-primary);

  font-weight:700;

  font-size:1.05rem;
}

.ag-card__text{

  color:var(--ag-text-muted);

  font-size:.95rem;
}

/* ==========================================================
   VISA
========================================================== */

.ag-visa{

  display:flex;

  gap:25px;

  align-items:flex-start;
}

.ag-visa__icon{

  font-size:3rem;

  color:var(--ag-accent);

  flex-shrink:0;
}

.ag-visa__title{

  color:var(--ag-primary);

  font-size:1.35rem;

  font-weight:800;

  margin-bottom:10px;
}

/* ==========================================================
   HIGHLIGHT
========================================================== */

.ag-highlight-box{

  margin-top:30px;

  padding:35px;

  border-radius:28px;

  background:
  linear-gradient(
    135deg,
    #031d36,
    #06284a
  );

  color:#fff;
}

.ag-highlight-box__title{

  color:var(--ag-accent);

  font-size:1.3rem;

  font-weight:800;

  margin-bottom:10px;
}

.ag-highlight-box__text{

  color:rgba(255,255,255,.85);

  margin-bottom:20px;
}

.ag-highlight-box__actions{

  display:flex;

  flex-wrap:wrap;

  gap:12px;
}

/* ==========================================================
   CTA FINAL
========================================================== */

.ag-cta{

  padding:60px 40px;

  text-align:center;

  border-radius:32px;

  background:
  linear-gradient(
    135deg,
    #031d36,
    #0a3a68
  );

  color:#fff;

  box-shadow:
  0 20px 60px rgba(3,29,54,.25);
}

.ag-cta__title{

  font-size:2rem;

  font-weight:800;

  margin-bottom:15px;
}

.ag-cta__text{

  max-width:650px;

  margin:0 auto 25px;

  color:rgba(255,255,255,.85);
}

.ag-cta__actions{

  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:12px;
}

/* ==========================================================
   BOTONES
========================================================== */

.ag-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  border-radius:999px;

  text-decoration:none;

  transition:.3s ease;

  font-weight:700;

  padding:14px 26px;
}

.ag-btn:hover{
  transform:translateY(-2px);
}

.ag-btn--primary{

  background:var(--ag-accent);

  color:#fff;

  box-shadow:
  0 10px 25px rgba(34,199,184,.35);
}

.ag-btn--primary:hover{

  background:var(--ag-accent-hover);

  color:#fff;
}

.ag-btn--secondary{

  border:2px solid rgba(255,255,255,.25);

  color:#fff;

  background:transparent;
}

.ag-btn--secondary:hover{

  background:
  rgba(255,255,255,.08);
}

.ag-btn--outline{

  border:2px solid var(--ag-accent);

  color:var(--ag-accent);

  background:transparent;
}

.ag-btn--outline:hover{

  background:var(--ag-accent);

  color:#fff;
}

.ag-btn--large{

  padding:16px 32px;

  font-size:1rem;
}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:768px){

  .ag-hero{

    padding:45px 28px;

    border-radius:24px;
  }

  .ag-section--alt{

    padding:25px;
  }

  .ag-cta{

    padding:45px 25px;
  }

  .ag-visa{

    flex-direction:column;
  }

  .ag-cards{

    grid-template-columns:1fr;
  }
}/* End custom CSS */