@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: "BeausiteClassicLight";
    src: url("/templates/yootheme_acv/fonts/BeausiteClassicLight.ttf");
}
@font-face {
    font-family: "BeausiteClassicSemibold";
    src: url("/templates/yootheme_acv/fonts/BeausiteClassicSemibold.ttf");
}
@font-face {
    font-family: "BeausiteFitLight";
    src: url("/templates/yootheme_acv/fonts/BeausiteFitLight.ttf");
}
@font-face {
    font-family: "BeausiteFitThin";
    src: url("/templates/yootheme_acv/fonts/BeausiteFitThin.ttf");
}

/* LINEA */
.marra{
  position: relative;
  display: inline-block;
  padding-bottom: 0.8rem; /* Espacio para el SVG decorativo */
}

.marra::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 120px; /* Ajusta al tamaño de tu SVG */
  height: 140px;
  background-image: url('/images/linea.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
  pointer-events: none; /* Por si no quieres que interfiera con clics */
}