@font-face {
	font-family: 'FuturaStd-Bold';
	src: url('../fuentes/FuturaStd-Bold.eot');
	src: local('☺'), url('../fuentes/FuturaStd-Bold.woff') format('woff'), url('../fuentes/FuturaStd-Bold.ttf') format('truetype'), url('../fuentes/FuturaStd-Bold.svg') format('svg');
}    

@font-face {
	font-family: 'FuturaStd-Book';
	src: url('../fuentes/FuturaStd-Book.eot');
	src: local('☺'), url('../fuentes/FuturaStd-Book.woff') format('woff'), url('../fuentes/FuturaStd-Book.ttf') format('truetype'), url('../fuentes/FuturaStd-Book.svg') format('svg');
}
@font-face {
	font-family: 'FuturaStd-CondensedBold';
	src: url('../fuentes/FuturaStd-CondensedBold.eot');
	src: local('☺'), url('../fuentes/FuturaStd-CondensedBold.woff') format('woff'), url('../fuentes/FuturaStd-CondensedBold.ttf') format('truetype'), url('../fuentes/FuturaStd-CondensedBold.svg') format('svg');
}
@font-face {
	font-family: 'FuturaStd-Medium';
	src: url('../fuentes/FuturaStd-Medium.eot');
	src: local('☺'), url('../fuentes/FuturaStd-Medium.woff') format('woff'), url('../fuentes/FuturaStd-Medium.ttf') format('truetype'), url('../fuentes/FuturaStd-Medium.svg') format('svg');
}
@font-face {
	font-family: 'FuturaStd-Medium-Condensed';
	src: url('../fuentes/FuturaStd-Medium-Condensed.eot');
	src: local('☺'), url('../fuentes/FuturaStd-Medium-Condensed.woff') format('woff'), url('../fuentes/FuturaStd-Medium-Condensed.ttf') format('truetype'), url('../fuentes/FuturaStd-Medium-Condensed.svg') format('svg');
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
} 
body {
	font-family: 'FuturaStd-Medium', sans-serif;
	background-color: #fff;
}
.wrapper {
    flex: 1;
}
h2,h3 {
    font-family: 'FuturaStd-Bold', sans-serif;
}
.footer {
    background: #e4e4e4;
    color: #000000;
    /*padding: 10px 0;
    width: 100%;
    margin: 0Px;*/
}
.container-fluid {
	padding: 0Px;
}
.img-fluid-logo {
  max-width: 30%;
  height: auto;
}
.img-fluid-footer {
  max-width: 70%;
  height: auto;
}
.img-fluid-logo-footer {
  max-width: 30%;
  height: auto;
}
.img-fluid-redes {
  max-width: 70%;
  height: auto;
}
.celda_redes {
   max-width: 50%; 
}

.titulocab {
    font-family: 'FuturaStd-Medium-Condensed', sans-serif;
    font-size: 1.5rem;
    color: #7b1e10;
}
.titulocab a{
    font-family: 'FuturaStd-Medium-Condensed', sans-serif;
    font-size: 1.5rem;
    color: #7b1e10;
    text-decoration: none;
}
.titulo {
    font-family: 'FuturaStd-Medium-Condensed', sans-serif;
    font-size: 2.5rem;
    color: #000000;
}
.titulobold {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 2.5rem;
    color: #000000;
}
.bolsa { position: relative; width: 100%; max-width: 420px; } /* ajusta el max-width si quieres */
.bolsa-texto{
  position: absolute;
  left: 8%; width: 84%;    /* bordes laterales del rectángulo gris */
  top: 82%;  height: 11%;  /* posición/alto del rectángulo gris */
  display: flex; align-items: center; justify-content: center;
  color: #625f5f; text-align: center; font-weight: 700; line-height: 1.1;
  font-size: clamp(10px, 2.6vw, 14px); /* escala con el ancho */
  pointer-events: none; /* que no bloquee clics en la imagen */
}
.bolsa.finalizada::after {
  content: "FINALIZADA";
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%) rotate(-20deg) scale(0.5);
  pointer-events: none;

  /* aspecto */
  color: #000;                 /* texto negro */
  background: rgba(255,255,255,.65);  /* fondo claro para contraste */
  border: 3px solid #000;
  font-weight: 900;
  font-size: clamp(16px, 6vw, 56px);
  letter-spacing: .18em;
  padding: .35em .9em;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  text-transform: uppercase;
  white-space: nowrap;
  /* hazla más larga para “cruzar” la cesta entera si quieres */
  /* width: 140%; text-align: center; */
}
.texto-legal {
    margin-left: 40Px;
    margin-right: -40Px;
    font-family: 'FuturaStd-Medium-Condensed', sans-serif;
    font-size: 1.5rem;
    color: #000000;
}
.container-sm {
	max-width:640Px;
}
label {
   font-family: 'FuturaStd-Medium', sans-serif; 
   padding-top: 10Px;
}
.form-control {
background-color: #e2e2e2;
border: 1px solid #e2e2e2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0Px;
}
.custom-select {
	font-family: 'FuturaStd-Medium', sans-serif;
	border: 1px solid #e2e2e2;
	background: #e2e2e2 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;	
}
.option {
	font-family: 'FuturaStd-Medium', sans-serif !important;
}
.btn-primary {
	border-radius: 0Px;
	border-color: #cb2f29;
	background-color: #cb2f29;	
	font-family: 'FuturaStd-Bold', sans-serif;
}
.btn-primary:hover {
	border-radius: 0Px;
	border-color: #e2e2e2;
	background-color: #e2e2e2;	
	color: #000;
}
.btn-secondary {
	border-color: #000;
	background-color: #000;	
}
.padcha {
	padding-left:10Px;
	padding-top:5Px;
}
.custom-control-label {
	font-size:80%;
}
.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -2rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    background-color: #e2e2e2;
    border: #e2e2e2 solid 2px;

}
.custom-control-label:focus {
	border: 2px solid #cb2f29;
	  border-color: #cb2f29;
	  box-shadow: inset 0 1px 1px rgba(203, 47, 41, 0.075), 0 0 8px rgba(203, 47, 41, 0.6);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='0' height='0' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%cb2f29'/%3e%3c/svg%3e");

}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #0061AE;
    background-color: #0061AE;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.form-check {
    position: relative;
    display: block;
    padding-left: 2.25rem;
}
.modal-dialog {
	/*border: 2px solid red;*/
	border-radius: 0Px;
	
}
.modal-content {
	border: 0Px;
	border-radius:0Px;
	background: transparent;
}
.bootbox .modal-footer {
	justify-content: center;
	display:none;
}
/*
.bootbox-accept {
	
}
*/
.bootbox-close-button {
	color:#fff;
}
/* Wrapper que oculta el exceso */
.crop-left-25-wrap{ position:relative; overflow:hidden; }

/* Estado por defecto (desktop/tablet): sin recorte */
.crop-left-25{ display:block; }
.cta-link{
  position:absolute; z-index:2; display:block;
  left: 62%; top: 62%;     /* aprox: AJUSTA a tu imagen */
  width: 22%; height: 18%; /* aprox: AJUSTA a tu imagen */
  border-radius: 999px;    /* forma de pastilla del botón */
  /* Quita la siguiente línea; solo para depurar la posición: */
  /* outline: 2px dashed rgba(255,0,0,.5); */
}
@media (orientation: landscape) and (max-height: 480px) {
	.bolsa.finalizada::after {
	  transform: translate(-50%, -50%) rotate(-20deg) scale(0.5);	
	}	
  .bolsa-texto{
    top: 82%;
    height: 12%;
    font-size: clamp(12px, 2.2vw, 12px);
  }
  .img-fluid-redes {
    max-width: 120%;
    height: auto;
  }
}
/* iPad en vertical, evitando portátiles (táctil, sin hover) */
@media (orientation: portrait)
  and (min-width: 744px) and (max-width: 1024px)
  and (hover: none) and (pointer: coarse) {
  .img-fluid-redes {
    max-width: 120%;
    height: auto;
  }
  .bolsa-texto{
    top: 82%;
    height: 12%;
    font-size: clamp(8px, 2.2vw, 8px);
  }  
}
/* Teléfonos en vertical (Bootstrap xs: <576px) */
@media (max-width: 575.98px) and (orientation: portrait) {
	.bolsa.finalizada::after {
	  transform: translate(-50%, -50%) rotate(-20deg) scale(1);	
	}
  .texto-legal {
      margin-left: 0Px;
      margin-right: 0Px;
  }    
  .crop-left-25{
    /* “zoom” para que el 75% derecho ocupe todo el ancho */
    width: 133.333%;       /* 100 / 0.75 */
    max-width: none;       /* que no lo limite .img-fluid */
    transform: translateX(-20%);
  }    
  .cta-link{
    left: 54.33%;          /* ej: (62 - 25)/75*100 ≈ 49.33% */
    width: 29.33%;         /* ej: 22/75*100 ≈ 29.33% */
    top: 62%; height: 18%;
  }  
    .img-fluid-logo {
    max-width: 70%;
    height: auto;
    }   
    /*
    .img-fluid {
    max-width: 70%;
    height: auto;
    }  
    */   
    .celda_redes {
    max-width: 100%; 
    }    
    .img-fluid-redes {
    max-width: 150%;
    height: auto;
    }     
  .bolsa-texto{
    top: 82%;
    height: 12%;
    font-size: clamp(12px, 2.2vw, 14px);
  }
    .titulocab {
        font-size: 1.0rem;
    }
    .titulo {
        font-size: 1.0rem;
    }
    .titulobold {
        font-size: 1.2rem;
    }    
    .img-fluid-footer {
    max-width: 30%;
    height: auto;
    }
    .img-fluid-logo-footer {
    max-width: 15%;
    height: auto;
    }        
}
.cesta-bn {
    filter: grayscale(100%);
    opacity: 0.5; 
}
@media (min-width: 768px) {
  .offset-md-2 {
    margin-left: 0% !important;
  }
}
.modal-header .btn-close{
  filter: invert(1) grayscale(100%) brightness(200%) !important;
  opacity: 1 !important; /* evita que se vea grisácea */
}