.rr-content-native{
  --rr-green:#176A4F;
  --rr-green-dark:#2E5F4F;
  --rr-green-deep:#123D30;
  --rr-text:#3F3F3F;
  --rr-muted:#66736D;
  --rr-border:#DDE8E3;
  --rr-white:#FFFFFF;
  --rr-card-radius:7px;
  --rr-button-radius:7px;
  width:100%;
  margin:0;
  padding:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--rr-text);
}

.rr-content-native *{box-sizing:border-box;}

.rr-content-native__wrap{
  position:relative;
  overflow:hidden;
  padding:48px 42px;
  border-radius:30px;
  border:1px solid rgba(23,106,79,.12);
  background:radial-gradient(circle at top left,rgba(23,106,79,.052),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.68) 0%,rgba(247,250,248,.42) 100%);
  box-shadow:0 22px 60px rgba(23,106,79,.05);
  backdrop-filter:blur(5px);
}

.rr-content-native__header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.44fr);
  gap:34px;
  align-items:end;
  margin:0 0 30px;
}

.rr-content-native__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  font-size:12px;
  line-height:1;
  font-weight:780;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--rr-green);
}

.rr-content-native__eyebrow::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--rr-green);
  box-shadow:0 0 0 5px rgba(23,106,79,.08);
  flex:0 0 auto;
}

.rr-content-native__title{
  margin:0;
  max-width:900px;
  font-size:clamp(32px,3.5vw,52px);
  line-height:1.08;
  font-weight:790;
  letter-spacing:-.045em;
  color:var(--rr-green-deep);
}

.rr-content-native__intro{
  margin:0;
  font-size:16px;
  line-height:1.62;
  font-weight:450;
  color:var(--rr-muted);
}

.rr-content-native__carousel{
  position:relative;
}

.rr-content-native__viewport{
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:2px 2px 8px;
}

.rr-content-native__viewport::-webkit-scrollbar{display:none;}

.rr-content-native__track{
  display:flex;
  gap:18px;
  align-items:stretch;
}

.rr-content-native__card{
  flex:0 0 calc((100% - 36px)/3);
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:var(--rr-card-radius);
  border:1px solid rgba(23,106,79,.13);
  background:rgba(255,255,255,.74);
  box-shadow:0 14px 34px rgba(18,61,48,.04);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}

.rr-content-native__card:hover{
  transform:translateY(-3px);
  border-color:rgba(23,106,79,.26);
  background:rgba(255,255,255,.90);
  box-shadow:0 22px 48px rgba(18,61,48,.075);
}

.rr-content-native__image-link{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16/10;
  background:#EEF5F1;
  text-decoration:none;
}

.rr-content-native__image-link::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(18,61,48,.22) 100%);
  pointer-events:none;
}

.rr-content-native__image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.92) contrast(1.03);
  transition:transform .28s ease,filter .28s ease;
}

.rr-content-native__card:hover .rr-content-native__image{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.04);
}

.rr-content-native__image--fallback{
  background:linear-gradient(135deg,rgba(23,106,79,.16),rgba(23,106,79,.04));
}

.rr-content-native__content{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:22px 22px 20px;
  min-height:265px;
}

.rr-content-native__label{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 0 12px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(23,106,79,.075);
  color:var(--rr-green-dark);
  font-size:11.5px;
  line-height:1;
  font-weight:780;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.rr-content-native__card-title{
  margin:0;
  font-size:19px;
  line-height:1.26;
  font-weight:790;
  letter-spacing:-.026em;
  color:var(--rr-green-deep);
}

.rr-content-native__card-title a{
  color:var(--rr-green-deep);
  text-decoration:none;
}

.rr-content-native__card-title a:hover{color:var(--rr-green);}

.rr-content-native__excerpt{
  margin:12px 0 0;
  font-size:14.5px;
  line-height:1.55;
  font-weight:450;
  color:var(--rr-muted);
}

.rr-content-native__readmore{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  margin-top:auto;
  padding:11px 15px;
  min-height:40px;
  border-radius:var(--rr-button-radius);
  background:var(--rr-green);
  color:#fff!important;
  text-decoration:none!important;
  font-size:13.5px;
  line-height:1;
  font-weight:760;
  box-shadow:0 10px 22px rgba(23,106,79,.18);
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}

.rr-content-native__readmore::after{
  content:"→";
  font-size:16px;
  line-height:1;
  transform:translateY(-1px);
}

.rr-content-native__readmore:hover{
  transform:translateY(-2px);
  background:var(--rr-green-dark);
  box-shadow:0 14px 30px rgba(23,106,79,.24);
}

.rr-content-native__arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:46px;
  height:46px;
  min-width:46px;
  border-radius:var(--rr-button-radius);
  border:1px solid rgba(23,106,79,.16);
  background:rgba(255,255,255,.92);
  color:var(--rr-green);
  box-shadow:0 14px 30px rgba(18,61,48,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .22s ease,color .22s ease,box-shadow .22s ease;
}

.rr-content-native__arrow:hover{
  background:var(--rr-green);
  color:#fff;
  box-shadow:0 18px 36px rgba(23,106,79,.20);
}

.rr-content-native__arrow span{
  display:block;
  font-size:30px;
  line-height:1;
  transform:translateY(-2px);
}

.rr-content-native__arrow--prev{left:-12px;}
.rr-content-native__arrow--next{right:-12px;}

.rr-content-native__footer{
  display:flex;
  justify-content:center;
  margin-top:26px;
}

.rr-content-native__all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:13px 20px;
  border-radius:var(--rr-button-radius);
  border:1px solid rgba(23,106,79,.28);
  color:var(--rr-green)!important;
  text-decoration:none!important;
  font-size:14px;
  line-height:1;
  font-weight:760;
  transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease;
}

.rr-content-native__all::after{content:" →";}
.rr-content-native__all:hover{transform:translateY(-2px);background:var(--rr-green);border-color:var(--rr-green);color:#fff!important;}

.rr-content-native__empty{
  margin:0;
  padding:18px 20px;
  border-radius:var(--rr-card-radius);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(23,106,79,.13);
  color:var(--rr-muted);
  font-size:15px;
  line-height:1.5;
}

@media (max-width:1024px){
  .rr-content-native__wrap{padding:40px 28px;border-radius:26px;}
  .rr-content-native__header{grid-template-columns:1fr;gap:16px;}
  .rr-content-native__card{flex-basis:calc((100% - 18px)/2);}
  .rr-content-native__content{min-height:230px;}
  .rr-content-native__arrow--prev{left:-4px;}
  .rr-content-native__arrow--next{right:-4px;}
}

@media (max-width:680px){
  .rr-content-native__wrap{padding:34px 20px;border-radius:22px;}
  .rr-content-native__title{font-size:30px;}
  .rr-content-native__intro{font-size:15px;}
  .rr-content-native__track{gap:14px;}
  .rr-content-native__card{flex-basis:88%;}
  .rr-content-native__content{min-height:220px;padding:20px 18px 18px;}
  .rr-content-native__card-title{font-size:18px;}
  .rr-content-native__arrow{width:40px;height:40px;min-width:40px;}
  .rr-content-native__arrow span{font-size:26px;}
}

/* BLOQUE CON PESTAÑAS: ARTÍCULOS + HERRAMIENTAS/RECURSOS */
.rr-content-tabs__wrap{
  position:relative;
  overflow:hidden;
  padding:48px 42px;
  border-radius:30px;
  border:1px solid rgba(23,106,79,.12);
  background:radial-gradient(circle at top left,rgba(23,106,79,.052),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.68) 0%,rgba(247,250,248,.42) 100%);
  box-shadow:0 22px 60px rgba(23,106,79,.05);
  backdrop-filter:blur(5px);
}

.rr-content-tabs__header{
  margin-bottom:24px;
}

.rr-content-tabs__nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 26px;
  padding:6px;
  width:max-content;
  max-width:100%;
  border-radius:7px;
  border:1px solid rgba(23,106,79,.12);
  background:rgba(255,255,255,.52);
}

.rr-content-tabs__tab{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:12px 16px;
  border-radius:7px;
  border:1px solid transparent;
  background:transparent;
  color:var(--rr-green-dark);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:760;
  letter-spacing:-.01em;
  cursor:pointer;
  transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}

.rr-content-tabs__tab:hover{
  transform:translateY(-1px);
  border-color:rgba(23,106,79,.18);
  background:rgba(23,106,79,.06);
}

.rr-content-tabs__tab.is-active{
  background:var(--rr-green);
  border-color:var(--rr-green);
  color:#fff;
  box-shadow:0 10px 22px rgba(23,106,79,.16);
}

.rr-content-tabs__panels{
  position:relative;
}

.rr-content-tabs__panel[hidden]{
  display:none!important;
}

.rr-content-tabs .rr-content-native__content{
  min-height:300px;
}

.rr-content-tabs .rr-content-native__footer{
  margin-top:22px;
}

@media (max-width:1024px){
  .rr-content-tabs__wrap{padding:40px 28px;border-radius:26px;}
}

@media (max-width:680px){
  .rr-content-tabs__wrap{padding:34px 20px;border-radius:22px;}
  .rr-content-tabs__nav{width:100%;display:grid;grid-template-columns:1fr;gap:7px;}
  .rr-content-tabs__tab{width:100%;}
  .rr-content-tabs .rr-content-native__content{min-height:260px;}
}


/* R&R CONTENT TABS — DIFERENCIACIÓN VISUAL V1.1.2 */
/* Diferencia sutil frente al carrusel de casos: menos “case study”, más biblioteca editorial/recurso. */
.rr-content-tabs{
  --rr-content-sage:#EEF5F1;
  --rr-content-sage-2:#F6FAF8;
  --rr-content-ink:#123D30;
}

.rr-content-tabs .rr-content-tabs__wrap{
  border-color:rgba(46,95,79,.14);
  background:
    radial-gradient(circle at 8% 0%, rgba(46,95,79,.070), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(238,245,241,.52) 100%);
  box-shadow:0 20px 54px rgba(18,61,48,.045);
}

.rr-content-tabs .rr-content-tabs__wrap::before{
  content:"";
  position:absolute;
  top:0;
  left:42px;
  right:42px;
  height:3px;
  border-radius:0 0 7px 7px;
  background:linear-gradient(90deg, rgba(18,61,48,.82), rgba(23,106,79,.22));
  pointer-events:none;
}

.rr-content-tabs .rr-content-native__eyebrow{
  color:var(--rr-green-dark);
}

.rr-content-tabs .rr-content-native__eyebrow::before{
  background:var(--rr-green-dark);
  box-shadow:0 0 0 5px rgba(46,95,79,.085);
}

.rr-content-tabs .rr-content-native__title{
  color:var(--rr-content-ink);
}

.rr-content-tabs .rr-content-tabs__nav{
  border-color:rgba(46,95,79,.15);
  background:rgba(255,255,255,.62);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);
}

.rr-content-tabs .rr-content-tabs__tab{
  color:var(--rr-green-dark);
}

.rr-content-tabs .rr-content-tabs__tab:hover{
  border-color:rgba(46,95,79,.20);
  background:rgba(46,95,79,.07);
}

.rr-content-tabs .rr-content-tabs__tab.is-active{
  background:var(--rr-green-deep);
  border-color:var(--rr-green-deep);
  color:#fff;
  box-shadow:0 10px 22px rgba(18,61,48,.16);
}

.rr-content-tabs .rr-content-native__card{
  border-color:rgba(46,95,79,.14);
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 30px rgba(18,61,48,.038);
}

.rr-content-tabs .rr-content-native__card:hover{
  border-color:rgba(46,95,79,.28);
  background:rgba(255,255,255,.94);
  box-shadow:0 20px 44px rgba(18,61,48,.065);
}

.rr-content-tabs .rr-content-native__image-link{
  background:var(--rr-content-sage);
}

.rr-content-tabs .rr-content-native__image-link::after{
  background:linear-gradient(180deg, transparent 56%, rgba(18,61,48,.16) 100%);
}

.rr-content-tabs .rr-content-native__label{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(46,95,79,.18);
  color:var(--rr-green-dark);
}

.rr-content-tabs .rr-content-native__readmore{
  background:rgba(46,95,79,.10);
  color:var(--rr-green-deep)!important;
  border:1px solid rgba(46,95,79,.20);
  box-shadow:none;
}

.rr-content-tabs .rr-content-native__readmore:hover{
  background:var(--rr-green-dark);
  color:#fff!important;
  border-color:var(--rr-green-dark);
  box-shadow:0 12px 26px rgba(46,95,79,.18);
}

.rr-content-tabs .rr-content-native__arrow{
  border-color:rgba(46,95,79,.16);
  background:rgba(255,255,255,.94);
  color:var(--rr-green-dark);
  box-shadow:0 12px 28px rgba(18,61,48,.10);
}

.rr-content-tabs .rr-content-native__arrow:hover{
  background:var(--rr-green-dark);
  color:#fff;
  box-shadow:0 16px 34px rgba(46,95,79,.18);
}

.rr-content-tabs .rr-content-native__all{
  border-color:rgba(46,95,79,.26);
  background:rgba(255,255,255,.42);
  color:var(--rr-green-dark)!important;
}

.rr-content-tabs .rr-content-native__all:hover{
  background:var(--rr-green-deep);
  border-color:var(--rr-green-deep);
  color:#fff!important;
}

@media (max-width:680px){
  .rr-content-tabs .rr-content-tabs__wrap::before{
    left:20px;
    right:20px;
  }
}
