/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

b, strong {
	font-weight: 600; 
}

/* ========================================
   TINTICO · Efecto entrada titulares
======================================== */

.text-reveal {
  opacity: 0;
  transition: opacity 1.5s ease;
}

.text-reveal.text-reveal--visible {
  opacity: 1;
}


/* ========================================
   TINTICO · Efecto entrada img en project
======================================== */
.project-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.9s ease-out,
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.project-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ========================================
   TINTICO · GLOBAL SCROLLBAR
======================================== */

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background-color: var(--color-primary-bg);

  /* línea izquierda */
  box-shadow:
    inset var(--line-width) 0 0 var(--color-border);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {

  background-color: var(--secondary-higo-300);
  border: var(--line-width) solid var(--color-border);

  border-radius: 2px;
  min-height: 50px;

  /* separación respecto al track */

  background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary-higo-400);
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
  background-color: var(--secondary-higo-400);
}

/* ========================================
   TINTICO · Subrayado
======================================== */

::selection {
  background-color: var(--secondary-limon-400);
}

::-moz-selection {
  background-color: var(--secondary-limon-400);
}

footer ::selection {
  background-color: transparent;
  color: inherit;
}

footer ::-moz-selection {
  background-color: transparent;
  color: inherit;
}

/* ========================================
   TINTICO · Mouse
======================================== */

/* CURSOR NORMAL */
body {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='white' stroke='%23111' stroke-width='2' d='M5 3v23l6-6 4 9 4-2-4-9h9z'/%3E%3C/svg%3E") 5 3, auto;
}


/* ELEMENTOS CLICABLES */
a,
button,
.btn,
[role="button"],
input[type="submit"],
input[type="button"] {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='white' stroke='%23111' stroke-width='2' d='M10 4v13l-2-2-3 2 7 11h10c3 0 5-2 5-5v-9c0-2-1-3-3-3-1 0-2 0-3 1v-2c0-2-1-3-3-3-1 0-2 1-3 2V6c0-2-1-3-3-3s-2 1-2 1z'/%3E%3C/svg%3E") 10 4, pointer;
}


/* CARRUSEL */
.cursor-carousel,
.cursor-carousel * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='32' viewBox='0 0 40 32'%3E%3Cpath fill='white' stroke='%23111' stroke-width='2' d='M4 13h22l-7-7 4-4 14 14-14 14-4-4 7-7H4z'/%3E%3C/svg%3E") 20 16, e-resize;
}