p{margin: 0px !important}
/* -------------------------------
   Botones de categoría
--------------------------------- */
.cp-cat-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.cp-cat-buttons button {
    padding: 8px 14px;
    border-radius: 8px;
    border: 2px solid;
    cursor: pointer;
}

.cp-cat-buttons button.active {
    background: #2b6cb0;
    color: #fff;
    border-color: #2b6cb0;
}


/* Colores botones por categoría */
.cp-cat-buttons button[data-cat="videojuegos"] {
    background:  #CCE8E3;
    border-color:  #CCE8E3;
}

.cp-cat-buttons button[data-cat="series"] {
    background:  #D5D5E6;
    border-color: #D5D5E6;
}

.cp-cat-buttons button[data-cat="transmedia"] {
    background: #FDEAD3 ;
    border-color: #FDEAD3 ;
}

.cp-cat-buttons button[data-cat="etnicos"] {
    background: #ffcdcd;
    border-color: #ffcdcd;
}

/* Colores activos por categoría */
.cp-cat-buttons button[data-cat="videojuegos"].active {
    background: #008E74;
    border-color: #008E74;
    color: #000;
}

.cp-cat-buttons button[data-cat="series"].active {
    background: #2D2E83;
    border-color: #2D2E83;
    color: #fff;
}

.cp-cat-buttons button[data-cat="transmedia"].active {
    background: #F49825;
    border-color: #F49825;
    color: #fff;
}

.cp-cat-buttons button[data-cat="etnicos"].active {
    background: #ff7979;
    border-color: #ff7979;
    color: #fff;
}

/* Colores de fondo por categoría */
.cp-cat-videojuegos {
    background: #CCE8E3;
}

.cp-cat-series {
    background: #D5D5E6;
}

.cp-cat-transmedia {
    background: #FDEAD3;
}

.cp-cat-etnicos {
    background: #ffcdcd;
}

/* -------------------------------
   Inputs
--------------------------------- */
.cp-input {
    width: 100%;
    padding: 8px;
    margin: 6px 0 12px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

/* -------------------------------
   Acordeón
--------------------------------- */
.cp-accordion h3 {
    background: #f7fafc;
    padding: 10px;
    margin: 0 0 6px;
    cursor: pointer;
    border-radius: 6px;
}

.cp-accordion .panel {
    padding: 12px;
    border: 1px solid #eee;
    border-radius: 6px;
    display: none;
    background: #fff;
    margin-bottom: 8px;
}

.cp-accordion .panel.open {
    display: block;
}
/*-------------FORMULARIO----------------*/
.cp-formulario{padding:10px}

/* ======================================
   ACORDEÓN FRONTEND
====================================== */
.elementor-widget-container .crea-proyecto{
	width:1526px;
}
.crea-proyecto{
	background-color: #fff;
	font-family: "Nunito Sans", sans-serif;
}
.cp-front-acc-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* ABIERTO */
.cp-front-accordion.open .cp-front-acc-content {
  max-height: 3000px; /* suficiente para el contenido */
  margin-top: 15px;
}

/* Icono + / - */
.cp-front-acc-title::after {
  content: "+";
  font-size: 74px;
  position: absolute;
  right: 25px;
  top: 40px;
  transition: transform 0.3s ease;
}

.cp-front-accordion.open .cp-front-acc-title::after {
  content: "−";
}

.cp-header {
	display: flex;
    justify-items: start;
    flex-direction: row;
    align-items: center;
    gap: 128px;
	color:#fff;
 	border-radius: 30px;
 	cursor: pointer;
 	position: relative;
	padding: 30px;
	height: 198px;
}

.cp-header .info{
	display:flex;
	flex-direction: column;
	gap:18px;
}

.cp-title {
  font-size: 85px;
  font-weight: bold;
line-height:72px; 
	letter-spacing: -1px;
	text-transform: uppercase;
  margin: 0;
}

.project_category{
	font-size: 32px;
	font-weight: bold;
	line-height:35px;
	letter-spacing: -1px;
	text-transform: capitalize;
}
.empresa-box{
	text-transform: capitalize;
	display: flex;
    flex-direction: row;
    align-items: center;
	 margin: 0;
  font-size: 20px;
	font-weight: 400;
	line-height: 17.5px;
	gap: 5px;
}


/* ======================================
   TARJETAS (CARDS)
====================================== */

.cp-grid .cp-card {
  border-radius: 30px;
	padding: 66px 54px;	
	color:#272725;
}

.cp-card-title {
  font-size: 45px;
  font-weight: 700;
	line-height:45px;
	letter-spacing: -1px;
}


/* ======================================
   GRID INTERNO
====================================== */

.cp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.cp-grid .tree{
	grid-column: span 3 ;
	display: flex;
    gap: 83px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.cp-grid .two{
	 grid-column: span 2;
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.cp-grid .one{
	grid-column-start: 3;
    display: flex;
    flex-direction: column;
gap:55px;
}
.cp-grid .one-long{
	grid-row: span 2;
    grid-column-start: 3;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.impacto-parrafo p{
	font-size:25px !important;
	font-weight:400 !important;
	line-height:30.6px !important;
}
.one-box{
	display: flex;
    flex-direction: column;
    gap: 33px;
}
.email{
	font-size:32px;
	font-weight:700;
	line-height:35px;
	letter-spacing: -1px;
}
.box{
	display: flex;
    flex-direction: column;
    gap: 20px;
	max-width:588px;
	width: 100%;
}

.box p{
	font-size:32px;
	font-weight:700;
	line-height:35px;
	letter-spacing:-1px;
}
.cp-grid .label{
	font-size: 20px;
	font-weight:400;
	line-height: 29.5px;
	letter-spacing:0px;
	text-transform:uppercase;
}
.cp-grid strong{
	font-size: 55px;
	font-weight:500;
	line-height:50px;
	letter-spacing:-1px;
}
.materiales-box{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.materiales-box a{
	color: #272725 !important;
	font-size:32px;
	font-weight:700;
	line-height:35px;
	letter-spacing:-1px;
	text-transform: capitalize;
}
.materiales-img{
	    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}
.materiales-img img{
	width:45px;
	height:45px;
}
.box-plataformas{
	display: flex !important;
    flex-direction: column;
    justify-content: space-between;
	height: 100%;
	width: 50%;
}
.transmedia-box{
	display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
	gap:44px;
}
.transmedia-box-inside{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.transmedia-box-inside p{
max-width:742px;}
/* ======================================
   TAGS
====================================== */
.cp-tags{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
align-items: flex-start;
   height: 100%;
	max-width: 219px;
	width:100%;
}

.cp-tags span {
  display: inline-block;
  background: transparent;
  padding:10px;
  border-radius: 12px;
  font-size: 20px;
line-height:17.5px;	
}

.box-plataformas .cp-tags-plataformas{
	flex-direction: row !important;
    justify-content: space-between !important;
	display: flex;
	align-items: flex-start;
	width:100%;
}
.box-plataformas .cp-tags-plataformas span{
	  display: inline-block;
  background: transparent;
  padding:10px;
  border-radius: 12px;
  font-size: 20px;
line-height:17.5px;	
}
/* ======================================
   COLORES POR CATEGORÍA
====================================== */

/* VIDEOJUEGOS */
.crea-proyecto.cp-cat-videojuegos .cp-header.cp-front-acc-title{
  background-color: #008E74 !important;
}
.crea-proyecto.cp-cat-videojuegos .cp-grid .cp-card {
  background-color: #CCE8E3;
}
.crea-proyecto.cp-cat-videojuegos hr{
	border:none;
	background-color: #008E74;
	height: 2px;
}
.crea-proyecto.cp-cat-videojuegos .cp-tags span, .crea-proyecto.cp-cat-videojuegos .box-plataformas .cp-tags-plataformas span{
	color: #008E74;
	border: 2px #008E74 solid;
}

/* SERIES */
.crea-proyecto.cp-cat-series .cp-header.cp-front-acc-title  {
  background-color: #2D2E83 !important;
}
.crea-proyecto.cp-cat-series .cp-grid .cp-card {
  background-color: #D5D5E6;
}
.crea-proyecto.cp-cat-series hr{
	border:none;
	background-color: #2D2E83;
	height: 2px;
}
.crea-proyecto.cp-cat-series .cp-tags span, .crea-proyecto.cp-cat-series .box-plataformas .cp-tags-plataformas span{
	color: #2D2E83;
	border: 2px #2D2E83 solid;
}

/* TRANSMEDIA */
.crea-proyecto.cp-cat-transmedia .cp-header.cp-front-acc-title {
  background-color: #F49825 !important;
}
.crea-proyecto.cp-cat-transmedia .cp-grid .cp-card {
  background-color: #FDEAD3;
}
.crea-proyecto.cp-cat-transmedia hr{
	border:none;
	background-color: #F49825;
	height: 2px;
}
.crea-proyecto.cp-cat-transmedia .cp-tags span, .crea-proyecto.cp-cat-transmedia .box-plataformas .cp-tags-plataformas span{
	color: #F49825;
	border: 2px #F49825 solid;
}

/* ETNICOS */
.crea-proyecto.cp-cat-etnicos .cp-header.cp-front-acc-title {
  background-color: #ff7979 !important;
}
.crea-proyecto.cp-cat-etnicos .cp-grid .cp-card {
  background-color:#ffcdcd;
}
.crea-proyecto.cp-cat-etnicos hr{
	border:none;
	background-color: #ff7979;
	height: 2px;
}
.crea-proyecto.cp-cat-etnicos .cp-tags span, .crea-proyecto.cp-cat-etnicos .box-plataformas .cp-tags-plataformas span{
	color: #ff7979;
	border: 2px #ff7979 solid;
}