/*
 * Lo único que Bull Builder agrega a la plantilla.
 *
 * La plantilla original cuelga sus secciones directo del `body`. El motor, en
 * cambio, envuelve cada bloque en `section.pb-themesection > .container > .row
 * > .col-*`. Ese envoltorio le mete un ancho máximo y unos canales laterales
 * que la maqueta no tiene, y el sitio deja de verse igual.
 *
 * Acá no se pinta nada: sólo se deshace ese envoltorio para que cada bloque
 * quede exactamente donde estaba en el archivo original. Todo el aspecto sigue
 * saliendo de `bootstrap.min.css` y `style.css`, que son los de la plantilla.
 */

.bb-skin--s1 .pb-themesection > .container,
.bb-skin--s1 .pb-themesection > .container-fluid {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.bb-skin--s1 .pb-themesection > * > .row {
    --bs-gutter-x: 0;
    margin-left: 0;
    margin-right: 0;
}

.bb-skin--s1 .pb-themesection > * > .row > * {
    padding-left: 0;
    padding-right: 0;
}

/* El `body` ya trae el `p-3 p-sm-4` de la plantilla: el envoltorio del motor
   no puede sumar el suyo encima. */
.bb-skin--s1 .mainbag {
    padding: 0;
}

/* La primera sección de la maqueta no lleva separación arriba; en el motor
   todas son iguales, así que se le saca a la primera. */
.bb-skin--s1 .pb-themesection:first-child .mt-4 {
    margin-top: 0 !important;
}

/* El alto del logo lo elige la empresa en los ajustes del menú. La plantilla
   lo tiene topado a 50 px (45 px en pantallas chicas); ese tope se levanta
   desde acá para no tocarle el `style.css`, que tiene que quedar idéntico al
   original. */
.bb-skin--s1 .navbar .navbar-brand img {
    max-height: none;
}

/* La trampa para robots del formulario. La plantilla no tiene formulario que
   funcione; el nuestro sí, y este campo no lo ve nadie —ni un lector de
   pantalla— pero un robot lo completa y se descarta el envío. */
.bb-skin--s1 .s1-trap {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none;
}

/* Mientras la empresa no sube su foto, el hueco ocupa el mismo lugar que va a
   ocupar la imagen: si no, al subirla se le mueve todo de sitio. */
.bb-skin--s1 .s1-media {
    display: block;
    width: 100%;
    border-radius: var(--bs-border-radius, .375rem);
    background:
        repeating-linear-gradient(45deg, rgba(9, 30, 62, .05) 0 12px, rgba(9, 30, 62, .09) 12px 24px);
}

.bb-skin--s1 .s1-media--wide {
    aspect-ratio: 4 / 3;
}

.bb-skin--s1 .s1-media--square {
    aspect-ratio: 1 / 1;
}

.bb-skin--s1 .s1-media--tall {
    aspect-ratio: 3 / 4;
}

.bb-skin--s1 .s1-media--avatar {
    width: 60px;
    height: 60px;
    border-radius: var(--bs-border-radius, .375rem);
}