/* FUENTES */

@font-face {
  font-family: "barnie-kids";
  src: url("../fonts/barnie-kids.regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/comfortaa/Comfortaa-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/comfortaa/Comfortaa-Light.ttf") format("truetype");
  font-weight: 300; /* Peso para Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/comfortaa/Comfortaa-Bold.ttf") format("truetype");
  font-weight: bold; /* Peso para Bold */
  font-style: normal;
  font-display: swap;
}

/* CIRCLES */
.first_circle_left {
  position: absolute;
  top: 250px;
  left: -150px;
  width: 230px;
  height: 230px;
}

.second_circle_left {
  position: absolute;
  top: 550px;
  left: -90px;
  width: 130px;
  height: 130px;
}

.third_circle_left {
  position: absolute;
  top: 720px;
  left: -100px;
  width: 330px;
  height: 330px;
}

.first_circle_right {
  position: absolute;
  top: 250px;
  right: -150px;
  width: 230px;
  height: 230px;
}

.second_circle_right {
  position: absolute;
  top: 720px;
  right: -100px;
  width: 330px;
  height: 330px;
}

.first_circle_icons {
  position: absolute;
  top: 380px;
  right: 300px;
  width: 180px;
  height: 180px;
}

.second_circle_icons {
  position: absolute;
  top: 600px;
  right: 250px;
  width: 180px;
  height: 180px;
}

.third_circle_icons {
  position: absolute;
  top: 800px;
  right: 380px;
  width: 180px;
  height: 180px;
}

/* CATALOCO */
.title_catalogo {
  font-family: "barnie-kids", Arial, Verdana;
}

.circle {
  border-radius: 100%;
}

.circle_orange {
  background-color: #ee7410;
}

.circle_red {
  background-color: #ce0f4b;
}

.circle_blue {
  background-color: #0f75bb;
}

.circle_green {
  background-color: #80bc50;
}

.circle_yellow {
  background-color: #ffd703;
}

.circle_white {
  background-color: white;
  width: 300px;
  height: 300px;
  margin-left: 30px;
}

.circles_decorator_title {
  width: 15px;
  height: 15px;
}
.circles_decorator_title_h1 {
  width: 35px;
  height: 35px;
}

.circles_decorator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-right: 30px;
  margin-left: 30px;
}

.circles_decorator_h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 75px 0 0 0;
}

.bigger_circle {
  width: 384px;
  height: 192px;
  margin: 0 0 0 0;
  border-top-left-radius: 192px;
  border-top-right-radius: 192px;
}

.intermediate_circle {
  width: 280px;
  height: 140px;
  margin: 0 -4% 0 -4%;
  border-top-left-radius: 140px;
  border-top-right-radius: 140px;
}
.nube_container {
  display: flex;
  justify-content: center; /* Centra los elementos horizontalmente */
  align-items: flex-end; /* Alinea los elementos en la parte inferior */
}

.title_contenedor {
  display: flex;
  justify-content: center;
  width: 100%;
}

.bajo_h1 {
  margin-top: 25px;
}

.title_contenedor {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bajo {
  margin-top: 15px;
}

/* Productos */

.title_infable {
  font-family: Comfortaa, Arial, Verdana;
  font-size: 30px;
  font-weight: bold;
}

.img_borders {
  border-radius: 20px !important;
}

.contenedor_botones_infables {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.btn_whatsapp_infable {
  background-color: #095b01 !important;
  padding-left: 20px;
  border-radius: 10px;
}

.ver_infable {
  background-color: #ce0f4b;
  border-radius: 10px;
  font-weight: bold;
}

.p_content_1 {
  font-family: Comfortaa, Arial, Verdana;
  font-size: 25px;
  font-weight: bold;
}

.p_content_2 {
  font-family: Comfortaa, Arial, Verdana;
  font-size: 18px;
}