/* Slider3: identidad COPRM, jerarquía limpia y WhatsApp destacado sin invadir la agenda. */
body.cop-index2 #container-slider,
body.cop-index2 #container-slider #slider,
body.cop-index2 #container-slider #slider .slide-item { min-height:286px; }

body.cop-index2 #container-slider {
  margin:0 0 18px;
  overflow:visible;
  background:#07385b;
}

body.cop-index2 #container-slider #slider { overflow:hidden; background:#07385b; }
body.cop-index2 #container-slider #slider .slide-item { background-image:none !important; background-color:#fff; }
body.cop-index2 #container-slider .slide-overlay { display:none; }
body.cop-index2 #container-slider .content_slider { width:68%; background:#07385b; border-right:0; }

body.cop-index2 #container-slider .fondo_cuerpo_slider {
  max-width:980px;
  margin-left:clamp(28px,5.8vw,92px);
  padding:8px 24px;
  border:0;
  border-left:4px solid #23c2d4;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.cop-index2 #container-slider .titulo_slider {
  max-width:920px;
  margin:0 0 9px;
  color:#fff;
  font-size:clamp(28px,2.35vw,41px);
  line-height:1.08;
  letter-spacing:-.65px;
  text-shadow:none;
}

body.cop-index2 #container-slider .subtitulo_slider {
  max-width:680px;
  margin:0 0 8px;
  color:#d6e5ee;
  font-size:clamp(16px,1.2vw,19px);
  line-height:1.3;
  font-weight:500;
}

body.cop-index2 #container-slider .cuerpo_slider {
  max-width:650px;
  margin-top:5px;
  color:#d6e5ee;
  font-size:14px;
  line-height:1.4;
}

body.cop-index2 #container-slider .btnSlider {
  margin-top:12px;
  padding:10px 18px;
  border-radius:3px;
  background:#08a8bd;
  box-shadow:none;
  font-size:14px;
}

/* Panel informativo del canal: color institucional y borde curvo, sin brillos decorativos. */
body.cop-index2 #container-slider .whatsapp-panel {
  width:35%;
  min-width:420px;
  height:286px;
  overflow:visible;
  border-top-left-radius:150px 286px;
  border-bottom-left-radius:76px 130px;
  background:#078fa4;
  box-shadow:-12px 0 30px rgba(0,54,70,.13);
}

body.cop-index2 #container-slider .whatsapp-panel::before {
  display:block;
  left:-27px;
  top:0;
  width:72px;
  height:100%;
  border-radius:100% 0 0 100% / 50% 0 0 50%;
  background:rgba(255,255,255,.13);
  opacity:1;
}

body.cop-index2 #container-slider .whatsapp-panel__glow,
body.cop-index2 #container-slider .whatsapp-panel__glow--bottom { display:none; }
body.cop-index2 #container-slider .whatsapp-panel__inner { padding:25px 23px 18px 88px; }
body.cop-index2 #container-slider .whatsapp-heading { gap:12px; margin-bottom:15px; }
body.cop-index2 #container-slider .whatsapp-logo-wrap { width:47px; height:47px; }
body.cop-index2 #container-slider .whatsapp-logo { width:37px; height:37px; }
body.cop-index2 #container-slider .whatsapp-kicker { font-size:16px; }
body.cop-index2 #container-slider .whatsapp-heading strong { font-size:clamp(29px,2.2vw,39px); letter-spacing:-.7px; }
body.cop-index2 #container-slider .whatsapp-body { gap:14px; }
body.cop-index2 #container-slider .whatsapp-qr-card { width:112px; flex-basis:112px; padding:8px 8px 9px; border-radius:12px; box-shadow:0 7px 18px rgba(0,35,50,.14); }
body.cop-index2 #container-slider .whatsapp-qr-card__image { border-radius:7px; }
body.cop-index2 #container-slider .whatsapp-qr-card__caption { margin-top:6px; font-size:11px; line-height:1.15; }
body.cop-index2 #container-slider .whatsapp-copy { max-width:160px; padding-top:5px; }
body.cop-index2 #container-slider .whatsapp-copy p { margin-bottom:8px; font-size:14px; line-height:1.3; }
body.cop-index2 #container-slider .whatsapp-copy__tag { padding:6px 9px; font-size:11px; }

/* El teléfono sobresale del borde inferior como pieza del anuncio, no del contenido de agenda. */
body.cop-index2 #container-slider .channel-phone {
  display:block;
  right:18px;
  bottom:-43px;
  width:124px;
  height:232px;
  transform:rotate(7deg);
}
body.cop-index2 #container-slider .channel-phone__screenimg { height:142px; }
body.cop-index2 #container-slider .listslider { left:31%; bottom:10px; }

@media screen and (max-width:1200px) and (min-width:768px) {
  body.cop-index2 #container-slider .content_slider { width:63%; }
  body.cop-index2 #container-slider .fondo_cuerpo_slider { max-width:640px; margin-left:36px; padding:17px 22px; border-left:4px solid #23c2d4; background:transparent; box-shadow:none; }
  body.cop-index2 #container-slider .titulo_slider { font-size:clamp(27px,3vw,36px); }
  body.cop-index2 #container-slider .whatsapp-panel { width:39%; min-width:360px; }
  body.cop-index2 #container-slider .whatsapp-panel__inner { padding-left:72px; padding-right:17px; }
  body.cop-index2 #container-slider .whatsapp-qr-card { width:96px; flex-basis:96px; }
  body.cop-index2 #container-slider .whatsapp-copy { max-width:140px; }
  body.cop-index2 #container-slider .whatsapp-copy p { font-size:13px; }
  body.cop-index2 #container-slider .channel-phone { right:9px; width:108px; height:208px; }
  body.cop-index2 #container-slider .channel-phone__screenimg { height:122px; }
}

@media screen and (max-width:767px) {
  body.cop-index2 #container-slider,
  body.cop-index2 #container-slider #slider,
  body.cop-index2 #container-slider #slider .slide-item { min-height:450px; }
  body.cop-index2 #container-slider { margin-bottom:12px; }
  body.cop-index2 #container-slider .slide-overlay { display:none; }
  body.cop-index2 #container-slider .content_slider { width:100%; min-height:235px; padding:22px 18px 14px; border:0; background:#07385b; }
  body.cop-index2 #container-slider .fondo_cuerpo_slider { max-width:none; margin:0; padding:8px 17px; border-left:4px solid #23c2d4; background:transparent; box-shadow:none; }
  body.cop-index2 #container-slider .titulo_slider { font-size:clamp(24px,6vw,31px); line-height:1.08; }
  body.cop-index2 #container-slider .subtitulo_slider { font-size:15px; }
  body.cop-index2 #container-slider .btnSlider { margin-top:7px; padding:9px 14px; font-size:13px; }
  body.cop-index2 #container-slider .whatsapp-panel { top:auto; bottom:0; width:100%; min-width:0; height:190px; overflow:hidden; border-radius:20px 20px 0 0; box-shadow:0 -7px 20px rgba(0,35,50,.13); }
  body.cop-index2 #container-slider .whatsapp-panel::before { display:none; }
  body.cop-index2 #container-slider .whatsapp-panel__inner { padding:12px 17px; }
  body.cop-index2 #container-slider .whatsapp-heading { gap:9px; margin-bottom:8px; }
  body.cop-index2 #container-slider .whatsapp-logo-wrap { width:33px; height:33px; }
  body.cop-index2 #container-slider .whatsapp-logo { width:26px; height:26px; }
  body.cop-index2 #container-slider .whatsapp-kicker { font-size:12px; }
  body.cop-index2 #container-slider .whatsapp-heading strong { font-size:23px; }
  body.cop-index2 #container-slider .whatsapp-body { gap:11px; }
  body.cop-index2 #container-slider .whatsapp-qr-card { width:90px; flex-basis:90px; padding:6px; }
  body.cop-index2 #container-slider .whatsapp-qr-card__caption { margin-top:4px; font-size:9px; }
  body.cop-index2 #container-slider .whatsapp-copy { max-width:230px; padding-top:2px; }
  body.cop-index2 #container-slider .whatsapp-copy p { margin-bottom:5px; font-size:12px; line-height:1.28; }
  body.cop-index2 #container-slider .whatsapp-copy__tag { padding:4px 8px; font-size:10px; }
  body.cop-index2 #container-slider .channel-phone { display:none; }
  body.cop-index2 #container-slider .listslider { left:50%; bottom:198px; }
}










/* CTA del slider3: botón institucional con jerarquía clara y foco accesible. */
body.cop-index2 #container-slider .btnSlider {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-height:46px;
  margin-top:12px;
  padding:0 17px 0 20px;
  border:1px solid #07385b;
  border-radius:5px;
  background:#07385b;
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1px;
  box-shadow:0 3px 9px rgba(7,56,91,.16);
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

body.cop-index2 #container-slider .btnSlider span {
  display:inline-flex;
  width:25px;
  height:25px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#08a8bd;
  color:#fff;
  font-size:21px;
  line-height:1;
  transition:background-color .18s ease,transform .18s ease;
}

body.cop-index2 #container-slider .btnSlider:hover {
  border-color:#006f86;
  background:#006f86;
  color:#fff;
  text-decoration:none;
  box-shadow:0 5px 14px rgba(0,89,111,.23);
  transform:translateY(-1px);
}

body.cop-index2 #container-slider .btnSlider:hover span { background:#05a9bd; transform:translateX(2px); }
body.cop-index2 #container-slider .btnSlider:focus-visible { outline:3px solid rgba(8,168,189,.45); outline-offset:3px; }
body.cop-index2 #container-slider .btnSlider:active { transform:translateY(0); box-shadow:0 2px 5px rgba(7,56,91,.18); }

@media screen and (max-width:767px) {
  body.cop-index2 #container-slider .btnSlider { min-height:40px; margin-top:7px; padding:0 13px 0 15px; font-size:13px; }
  body.cop-index2 #container-slider .btnSlider span { width:22px; height:22px; font-size:19px; }
}

/* Blanco cálido inspirado en el símbolo COPRM y titulares turquesa. */
body.cop-index2 #container-slider {
  --slider3-stone:#f3f2ee;
  --slider3-ink:#006678;
  background:var(--slider3-stone);
  border-bottom:1px solid #e7e5de;
  isolation:isolate;
  z-index:2;
}
/* El fondo debe cubrir también el área situada detrás del borde curvo de WhatsApp. */
body.cop-index2 #container-slider #slider,
body.cop-index2 #container-slider #slider .slide-item {
  background:var(--slider3-stone) !important;
}
body.cop-index2 #container-slider .content_slider { width:65%; background:transparent; }
body.cop-index2 #container-slider .fondo_cuerpo_slider { padding-right:52px; border-left-color:#008b9f; }
body.cop-index2 #container-slider .titulo_slider { color:var(--slider3-ink); line-height:1.13; letter-spacing:-.5px; }
body.cop-index2 #container-slider .subtitulo_slider,
body.cop-index2 #container-slider .cuerpo_slider { color:#384e53; }
body.cop-index2 #container-slider .whatsapp-panel {
  z-index:10;
  background:#078fa4;
  box-shadow:none;
  overflow:visible;
}
/* Una única curva limpia, sin la lámina translúcida que formaba una costura. */
body.cop-index2 #container-slider .whatsapp-panel::before { display:none; content:none; }
body.cop-index2 #container-slider .channel-phone { z-index:12; }
body.cop-index2 #container-slider .btnSlider {
  background:#006678;
  border-color:#006678;
  color:#fff;
  box-shadow:0 3px 9px rgba(0,65,77,.12);
}
body.cop-index2 #container-slider .btnSlider:hover { background:#004f60; border-color:#004f60; color:#fff; }
body.cop-index2 #container-slider .btnSlider:focus-visible { outline:3px solid #006678; outline-offset:4px; }
body.cop-index2 #container-slider .listslider li a { background:#92978f; }
body.cop-index2 #container-slider .listslider li a.item-select-slid { background:#006678; box-shadow:0 0 0 3px rgba(0,102,120,.12); }
body.cop-index2 #container-slider .listslider li a:focus-visible { outline:2px solid #006678; outline-offset:4px; }
@media screen and (max-width:1200px) and (min-width:768px) {
  body.cop-index2 #container-slider .content_slider { width:61%; }
  body.cop-index2 #container-slider .fondo_cuerpo_slider { margin-left:28px; padding-right:38px; }
}
@media screen and (max-width:767px) {
  body.cop-index2 #container-slider .content_slider { width:100%; }
  body.cop-index2 #container-slider .fondo_cuerpo_slider { padding-right:8px; }
  body.cop-index2 #container-slider .whatsapp-panel { border-radius:0; overflow:hidden; }
}