/*
Theme Name: Cactus
Theme URI: http://www.cactussenygrafic.com/
Version: 1.0
Description: Plantilla desenvolupada per Cactus
Author: Cactus Seny Grafic
Author URI: https://www.cactussenygrafic.com/
Template: Divi
*/


/** font custom **/
body, p, h1, h2, h3, h4, h5, h6, a, span:not(.ab-icon), li, div, td, th, label, input, textarea, button, .saes {}


/* Contenedor */
.csg-buscador-participants { max-width: 1200px; margin: 0 auto; }
/* Form */
.csg-buscador-form { display:flex; gap:0px;border-radius:12px;align-items:center; }
.csg-buscador-input { flex:1; border:none; outline:none; font-size:18px; padding:12px; background-color: #fff; height: 60px; border-radius: 12px 0px 0px 12px;}
.csg-buscador-btn { background:#437F3F; color:#fff; border:none; border-radius:0px 12px 12px 0px; padding:10px 16px; cursor:pointer; font-size:16px; height: 60px; }
.csg-buscador-btn:hover { filter:brightness(0.95); }

/* Pills */
.csg-buscador-pills { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; justify-content: center; }
.csg-pill { display:inline-block; background:#fff; color:#1a1a1a !important; padding:4px 10px; border-radius:16px; text-decoration:none; transition:all .2s ease; box-shadow:0 1px 0 rgba(0,0,0,.03); }
.csg-pill:hover { transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.08); }
.csg-pill.active { background:#437F3F; color:#fff !important; }


/* GRID */
.csg-participants-grid{
  display:grid; gap:28px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width:1200px){ .csg-participants-grid{grid-template-columns: repeat(3,1fr);} }
@media (max-width:900px){  .csg-participants-grid{grid-template-columns: repeat(2,1fr);} }
@media (max-width:600px){  .csg-participants-grid{grid-template-columns: 1fr;} }

/* CARD */
.csg-p-card{background:#fff; border-radius:22px; overflow:hidden;box-shadow: 0 6px 16px rgba(0,0,0,.06);position: relative;display: flex;flex-direction: column;}
.csg-p-card__imgwrap{display:block; aspect-ratio: 16/11; overflow:hidden;min-height: 276px;}
.csg-p-card__img{width:100%; height:100%; object-fit:cover; display:block;}
.csg-p-card__body{padding:18px 22px 16px;text-align: left;display: flex;flex-direction: column;height: 100%;}
.csg-p-card__title{margin:0px; font-size:18px; line-height:1.2; color:#2c7b3f;font-weight: 500;padding-bottom: 4px;}
.csg-p-card__title a{color:inherit; text-decoration:none;}
.csg-p-card__company{font-size:16px; color:#111; margin-bottom:8px;font-weight: 500;}
.csg-p-card__cat{font-size:16px; color:#7b8a7c; margin-bottom:12px;}
.csg-p-card__footer{display:flex; align-items:center; justify-content:space-between; padding-top:8px;margin-top: auto;}
.csg-p-card__more{background:#f1f1f1; color:#111; border-radius:18px; padding: 4px 20px; text-decoration:none;}
.csg-p-card__more:hover{filter:brightness(0.96);}
.csg-p-card__social{display:flex; gap:12px;}
.csg-social{width:36px; height:36px; border-radius:999px; background:#e9f1ea; display:inline-block; position:relative;}
.csg-social.ig::before, .csg-social.in::before{
  content:""; position:absolute; inset:0; margin:auto; width:18px; height:18px; 
  background-size:contain; background-repeat:no-repeat; background-position:center;
}
.csg-social.ig::before{ background-image:url('data:image/svg+xml;utf8,<svg stroke="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%232c7b3f" d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6.5-.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zM12 9.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5z"/></svg>');}
.csg-social.in::before{ background-image:url('data:image/svg+xml;utf8,<svg stroke="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%232c7b3f" d="M4.98 3.5C4.98 4.88 3.86 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5zM.5 8.5h4V23h-4V8.5zm7 0h3.8v2h.05c.53-1 1.83-2 3.77-2 4.03 0 4.78 2.6 4.78 6V23h-4v-6.5c0-1.55-.03-3.55-2.17-3.55-2.17 0-2.5 1.69-2.5 3.44V23h-4V8.5z"/></svg>');}

/* Pagination */
.csg-pagination{margin-top:24px;}
.csg-pagination .page-numbers{display:flex; gap:10px; justify-content:center;}
.csg-pagination .page-numbers li{list-style: none;}
.csg-pagination .page-numbers li a,
.csg-pagination .page-numbers li span{
  display:inline-block; border-radius:100%; background:#fff; box-shadow:0 6px 16px rgba(0,0,0,.06); width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background-color: #fff;
}
.csg-pagination .page-numbers li .current{background:#2c7b3f; color:#fff;}




/* ===== Falso select (mobile) ===== */
.csg-buscador-select{display:none; position:relative; margin-top:12px; }
.csg-select-toggle{width:100%; text-align:left; background:#fff; border:1px solid #e5e7eb;border-radius:12px; padding:12px 44px 12px 14px; font-size:16px; line-height:1.2;color:#0f172a; box-shadow:0 1px 0 rgba(0,0,0,.03); position:relative;}
.csg-select-toggle:hover{ box-shadow:0 6px 16px rgba(0,0,0,.08); }
.csg-select-caret{position:absolute; right:22px; top:calc(50% - 4px); transform:translateY(-50%);width:10px; height:10px; border-right:2px solid #334155; border-bottom:2px solid #334155; rotate:45deg;transition:transform .2s ease;}

.csg-select-list{display:none; position:absolute; left:0; right:0; z-index:50; background:#fff; border:1px solid #e5e7eb;border-radius:12px; margin-top:6px; max-height:260px; overflow:auto; box-shadow:0 12px 24px rgba(0,0,0,.12);padding:0px !important;}
.csg-select-list li{list-style: none;}
.csg-buscador-select.open .csg-select-list{ display:block; }
.csg-select-list li a{display:block; padding:5px 12px;color:#0f172a; text-decoration:none;text-align: left;}
.csg-select-list li[aria-selected="true"] a{background:#437F3F; color:#fff !important;}
.csg-select-list li a:hover{ background:#f1f5f9; }



/* Responsive: solo mostrar select en mobile y ocultar pills */
@media (max-width: 768px){
  .csg-buscador-pills{ display:none; }
  .csg-buscador-select{ display:block; }
}