/* ==========================================
SOCIAL CURSOS — COFFEE SOLUTIONS
PC:
VISITAS + LIKE IZQUIERDA
COMPARTIR DERECHA

MOVIL:
VISITAS + LIKE IZQUIERDA
ICONOS DERECHA
========================================== */

.curso-social-line{
width:100%;
display:flex;
align-items:center;
justify-content:flex-start;

gap:10px;

margin:0 0 18px;

padding:0 8px;

background:transparent;

border:none;
}

/* VISITAS / LIKE */

.curso-social-pill{

height:38px;

display:inline-flex;

align-items:center;

justify-content:center;

gap:7px;

padding:0 14px;

border-radius:999px;

background:#ffffff;

color:#111827;

border:1px solid rgba(15,23,42,.08);

font-size:13px;

font-weight:800;

white-space:nowrap;

box-shadow:
0 10px 22px rgba(0,0,0,.08);

}

.curso-social-pill small{

font-size:12px;

color:#64748b;

}

/* LIKE */

.curso-like{

cursor:pointer;

}

.curso-like.liked{

background:#fff1f2;

color:#e11d48;

}

/* TEXTO COMPARTIR */

.curso-share-label{

margin-left:auto;

font-size:13px;

font-weight:900;

color:#334155;

}

/* ICONOS */

.curso-share-icon{

width:40px;

height:40px;

min-width:40px;

display:inline-flex;

align-items:center;

justify-content:center;

background:#ffffff;

border-radius:50%;

border:1px solid rgba(15,23,42,.08);

box-shadow:
0 10px 22px rgba(0,0,0,.10);

text-decoration:none;

cursor:pointer;

transition:.2s;

}

.curso-share-icon:hover{

transform:
translateY(-2px);

}

.curso-share-icon img{

width:20px;

height:20px;

display:block;

object-fit:contain;

}

/* =====================
DESKTOP
===================== */

@media(min-width:769px){

.curso-social-line{

display:flex;

justify-content:flex-start;

}

.curso-share-label{

margin-left:auto;

}

}

/* =====================
MOVIL
===================== */

@media(max-width:768px){

.curso-social-line{

display:flex;

align-items:center;

justify-content:flex-start;

gap:8px;

padding:0 4px;

margin-bottom:14px;

}

.curso-share-label{

display:none;

margin-left:auto;

}

.curso-share-icon:first-of-type{

margin-left:auto;

}

.curso-social-pill{

height:36px;

padding:0 10px;

font-size:12px;

}

.curso-social-pill small{

display:none;

}

.curso-share-icon{

width:38px;

height:38px;

min-width:38px;

}

.curso-share-icon img{

width:18px;

height:18px;

}

}

@media(max-width:390px){

.curso-social-pill{

height:34px;

padding:0 8px;

font-size:11px;

}

.curso-share-icon{

width:35px;

height:35px;

min-width:35px;

}

}