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

.d-dab
{
	position: relative;
	width: 100%;
	height: 50%;
}

.d-cover
{
	position: relative;
	width: 100%;
	height: 100%;
}

.d-cover .imge
{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.d-up-ic
{
	position: absolute;
	left: 10px; top: 10px;
}

.d-up-ic input
{
	display: none;
}

.d-up-ic .myButton-upload-photos {
	height: 45px;
	width: 45px;
	-moz-border-radius: 10px 10px 50% 10px;
	-webkit-border-radius: 10px 10px 50% 10px;
	border-radius: 10px 10px 50% 10px;
	z-index: 1;
}

.d-up-ip
{
	position: absolute;
	right: -7px; bottom: -7px;
}

.d-up-ip .myButton-upload-photos
{
	height: 35px;
	width: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}

.myButton-upload-photos {
	position: relative;
	background-color:#ffffff;
	-moz-box-shadow: 0px 0px 2px #282828;
	-webkit-box-shadow: 0px 0px 2px #282828;
	box-shadow: 0px 0px 2px #282828;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% 60%;
	display:inline-block;
	cursor:pointer;
}

.d-fullname
{
	position: absolute;
	left: 0px; top: 125px;
	right: 0px;
	text-align: center;
	min-width: 300px;
}

.d-fullname .d-text-a
{
	color: #FFFFFF;
	font-size: 24px;
	-webkit-filter: drop-shadow(0px 0px 2px #252525);
	-moz-filter: drop-shadow(0px 0px 2px #252525);
	-ms-filter: drop-shadow(0px 0px 2px #252525);
	-o-filter: drop-shadow(0px 0px 2px #252525);
	filter: drop-shadow(0px 0px 2px #252525);
}

.d-fullname .d-text-b
{
	color: #FFFFFF;
	font-size: 18px;
	-webkit-filter: drop-shadow(0px 0px 2px #252525);
	-moz-filter: drop-shadow(0px 0px 2px #252525);
	-ms-filter: drop-shadow(0px 0px 2px #252525);
	-o-filter: drop-shadow(0px 0px 2px #252525);
	filter: drop-shadow(0px 0px 2px #252525);
}

.d-pos
{
	position: absolute;
	left: 0px; top: 30px;
	right: 0px;
	z-index: 0;
}

.d-auto
{
	position: relative;
	width: 80px; height: 80px;
	margin: 0 auto;
}

.d-photo
{
	position: relative;
	width: 84px; height: 84px;
	cursor: pointer;
}

.d-photo .imge
{
	position: relative;
	width: 80px; height: 80px;
	border: 2px #FFFFFF solid;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0px 0px 2px #282828;
	-webkit-box-shadow: 0px 0px 2px #282828;
	box-shadow: 0px 0px 2px #282828;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image:url(../icos/user.jpg);
}

.d-menu
{
	position: absolute;
	left: 0px;
	bottom: 0px; right: 0px;
	display: flex;
	overflow: hidden;
	z-index: 1;
}

.d-menu a
{
	width: 100%;
	display: block;
	text-align:center;
	padding: 10px 15px;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px #000000;
	cursor: pointer;
}

.m-text-a
{
	font-size: 11px;
}

.m-text-b
{
	font-size: 19px;
}

.d-om
{
	position: absolute;
	left: 0px; top: 0px;
	right: 0px; bottom: 0px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, transparent), color-stop(1, #252525));
	background:-moz-linear-gradient(top, transparent 5%, #252525 100%);
	background:-webkit-linear-gradient(top, transparent 5%, #252525 100%);
	background:-o-linear-gradient(top, transparent 5%, #252525 100%);
	background:-ms-linear-gradient(top, transparent 5%, #252525 100%);
	background:linear-gradient(to bottom, transparent 5%, #252525 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#252525',GradientType=0);
	z-index: -1;
}

.ca
{
	position: relative;
	padding: 20px 15px;
}

.ca-about
{
	position: relative;
	overflow: hidden;
}

.ca-info
{
	 position: relative;
	 padding: 0px 0px 0px 28px;
	 margin: 8px 0px 0px 0px;
}

.ca-info img
{
	 position: absolute;
	 top: 0px; left: 0px;
	 width: 18px; height: 18px;
}

.ca-int
{
	position: relative;
	width: 100%;
	margin-top: 25px;
}

.flex
{
	position: relative;
	display: flex;
}

.flex a
{
	width: 100%;
	padding: 10px;
	cursor: pointer;
}

.d-update
{
	position: absolute;
	top: 0px; left: 0px;
	bottom: 0px; right: 0px;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	background-color: #FFFFFF;
}

.du-top
{
	position: relative;
	text-align: center;
	padding: 15px;
}

.du-middle
{
	position: relative;
	width: 100%;
}

.du-photo
{
	position: relative;
	width: 250px; height: 250px;
	border: 2px #FFFFFF solid;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0px 0px 2px #282828;
	-webkit-box-shadow: 0px 0px 2px #282828;
	box-shadow: 0px 0px 2px #282828;
	background-image: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 25px auto;
}

.du-cover
{
	position: relative;
	width: 100%;
	height: 250px;
	background-image: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 25px auto;
}

.du-bottom
{
	position: relative;
	padding: 15px;
	display:  flex;
}

.du-bottom a
{
	width: 100%;
}


.on-user3
{
	position: relative;
	width: 33.2%;
	margin: 15px auto;
	float: left;
	cursor: pointer;
}

.on-user2
{
	position: relative;
	width: 49.2%;
	margin: 15px auto;
	float: left;
	cursor: pointer;
}

.on-pos
{
	position: relative;
	width: 80px; height: 80px;
	margin: 0 auto;
}

.on-imge
{
	position: relative;
	width: 80px; height: 80px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image:url(../icos/user.jpg);
}

.d
{
	border: 3px #ff8000 solid;
}

.on
{
	border: 3px #5ccb5f solid;
}

.myButton-send
{
	position: absolute;
	right: -10px; bottom: -10px;
	height: 28px;
	width: 28px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color:#4fa6f8;
	border: 3px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% 60%;
	background-image: url(../icos/pos.svg);
	cursor: pointer;
}

.on-line
{
	position: absolute;
	left: -2px; top: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 2px #949494;
	-webkit-box-shadow: 0px 0px 2px #949494;
	box-shadow: 0px 0px 2px #949494;
	background-color: #C2E7C6;
	padding: 2px 3px;
}

.on-user
{
	position: relative;
	width: 80%;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0px 10%;
	margin-top: 15px;
}

.pr-alert
{
	position: relative;
	padding: 30px;
	text-align: center;
	white-space: pre-line;
}

.pr-alert div
{
	position: relative;
	text-align: center;
	margin-top: 3%;
}

.pr-alert div .btn-discover {
    background: linear-gradient(135deg, #6a5af9, #9378ff);
    color: #fff;
    padding: 12px 22px;
    border: none;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: 0.25s ease;
	margin-top: 5%;
}

.pr-alert div .btn-discover:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.22);
}

.pr-alert div .btn-discover:active {
    transform: scale(0.96);
}

.pr-imge
{
	position: relative;
	height: 200px; width: 200px;
	background-image:url(../icos/stroke-document.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% 60%;
	margin: 0 auto;
}

.pr-mt
{
	margin-bottom: 5px;
}

.en-photo
{
	position: absolute;
    left: 50%; top: 45%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	border: 2px #FFFFFF solid;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-color: #111;
	margin: 25px auto;
	z-index: 2;
}

.fixed-eph
{
	width: 500px;
}

.mobile-eph
{
	width: 85%;
}
/* BRINTAGE: fondo predeterminado premium para perfiles sin portada */
.d-cover .imge{
    background-color:#f5f9ff;
    background-image:
      radial-gradient(circle at 14% 18%, rgba(47,125,246,.13) 0 70px, transparent 72px),
      radial-gradient(circle at 86% 8%, rgba(47,125,246,.12) 0 105px, transparent 108px),
      radial-gradient(circle at 84% 82%, rgba(86,168,255,.12) 0 78px, transparent 80px),
      linear-gradient(135deg,#ffffff 0%,#f7fbff 45%,#eaf4ff 100%);
    overflow:hidden!important;
}
.d-cover .imge:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.16;
    background:
      linear-gradient(115deg,transparent 0 55%,rgba(47,125,246,.18) 55.5% 56.2%,transparent 56.5%),
      repeating-linear-gradient(90deg,transparent 0 34px,rgba(47,125,246,.13) 35px 36px,transparent 37px 74px);
    pointer-events:none;
}
.d-cover .imge:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;height:38%;
    background:linear-gradient(to top,rgba(15,23,42,.42),rgba(255,255,255,0));
    pointer-events:none;
}
.d-cover .imge[style*="uploaded"]:before{display:none!important;}

/* BRINTAGE: navegación lateral del visor de imágenes */
#mod.br-image-viewer .en-photo{
    transition:opacity .22s ease, transform .28s ease;
    will-change:transform,opacity;
}

#mod.br-image-viewer .br-big-arrow{
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:64px;
    padding:0;
    border:0;
    border-radius:12px;
    background:rgba(47,132,246,.9);
    color:#fff;
    font-size:30px;
    line-height:64px;
    text-align:center;
    cursor:pointer;
    z-index:4;
    box-shadow:0 6px 20px rgba(0,0,0,.18);
    -webkit-tap-highlight-color:transparent;
}

#mod.br-image-viewer .br-big-prev{ left:max(18px, calc(50% - 330px)); }
#mod.br-image-viewer .br-big-next{ right:max(18px, calc(50% - 330px)); }

#mod.br-image-viewer .br-big-arrow:active{
    transform:translateY(-50%) scale(.94);
}

#mod.br-image-viewer .br-big-counter{
    position:fixed;
    left:50%;
    bottom:28px;
    transform:translateX(-50%);
    padding:7px 12px;
    border-radius:14px;
    background:rgba(0,0,0,.56);
    color:#fff;
    font-size:13px;
    line-height:1;
    z-index:4;
    pointer-events:none;
}

@media(max-width:700px){
    #mod.br-image-viewer .br-big-arrow{
        width:40px;
        height:56px;
        border-radius:10px;
        font-size:25px;
        line-height:56px;
        background:rgba(47,132,246,.86);
    }

    #mod.br-image-viewer .br-big-prev{ left:8px; }
    #mod.br-image-viewer .br-big-next{ right:8px; }
    #mod.br-image-viewer .br-big-counter{ bottom:18px; }
}

/* BRINTAGE: visor al 100% del ancho en teléfonos, navegación táctil sin flechas */
@media(max-width:700px){
    #mod.br-image-viewer .mobile-eph,
    #mod.br-image-viewer .en-photo{
        width:100vw !important;
        max-width:100vw !important;
        left:50% !important;
        top:50% !important;
        margin:0 !important;
        border:0 !important;
        border-radius:0 !important;
        box-sizing:border-box !important;
    }

    #mod.br-image-viewer .br-big-arrow{
        display:none !important;
    }
}

/* BRINTAGE: galería con fondo negro fijo y controles claros */
#mod.br-image-viewer{
    position:fixed !important;
    inset:0 !important;
    overflow:hidden !important;
    background:#000 !important;
}

#mod.br-image-viewer > .opacity.bo{
    position:fixed !important;
    inset:0 !important;
    background:#000 !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

#mod.br-image-viewer .en-photo{
    background-color:transparent !important;
    border:0 !important;
    z-index:2 !important;
}

#mod.br-image-viewer .br-big-arrow{
    color:#000 !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(255,255,255,.58) !important;
    box-shadow:0 4px 18px rgba(0,0,0,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

#mod.br-image-viewer .br-big-arrow:hover{
    background:rgba(255,255,255,.88) !important;
}

/* En teléfono se conserva la navegación por deslizamiento, sin flechas. */
@media(max-width:700px){
    #mod.br-image-viewer .br-big-arrow{
        display:none !important;
    }
}