.pantalla-real{
    padding:0;
    background:white;
}

.pantalla-real iframe{
    width:700px;
    height:1510px;
    border:0;
    margin-top:38px;
    margin-left:8px;
    transform:scale(.375);
    transform-origin:top left;
    pointer-events:none;
}

.telefono{
    width:300px;
    height:600px;
    padding:10px;
    border:2px solid #16191d;
    border-radius:49px;
    background:linear-gradient(130deg,#111419 0%,#6d747d 18%,#171b20 43%,#9ba3aa 70%,#15191e 100%);
    box-shadow:0 32px 68px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.36);
}

.telefono::before{
    content:"";
    position:absolute;
    inset:4px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:43px;
    pointer-events:none;
}

.pantalla-real{
    position:relative;
    border-radius:39px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);
}

.isla{
    top:18px;
    width:100px;
    height:27px;
    z-index:3;
    box-shadow:0 1px 2px rgba(0,0,0,.45);
}

.isla::after{
    content:"";
    position:absolute;
    top:9px;
    right:12px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 35%,#465a82 0 15%,#121a29 35%,#05080d 75%);
}

.iphone-boton{
    position:absolute;
    display:block;
    width:4px;
    border-radius:3px;
    background:linear-gradient(180deg,#9aa2a9,#3d444b);
    box-shadow:0 1px 1px rgba(0,0,0,.4);
}

.iphone-silencio{left:-5px;top:112px;height:27px}
.iphone-volumen-arriba{left:-5px;top:154px;height:47px}
.iphone-volumen-abajo{left:-5px;top:212px;height:47px}
.iphone-accion{right:-5px;top:173px;height:67px}

.review-grid{
    grid-template-columns:1.1fr .9fr;
}

.ficha-resena{
    justify-self:end;
    max-width:420px;
    padding:30px;
    border:1px solid #dce8f3;
    border-radius:24px;
    background:white;
    box-shadow:0 18px 35px rgba(20,64,104,.1);
}

.google-cabecera{
    display:flex;
    align-items:center;
    gap:14px;
    color:#22344c;
    font-size:22px;
    line-height:1.18;
}

.google-cabecera img{
    width:48px;
    height:48px;
    object-fit:contain;
}

.ficha-resena p{
    margin:18px 0 24px;
    color:#607087;
    font-size:17px;
    line-height:1.5;
}

.boton-resena{
    background:#4285f4;
}

.ficha-resena-ejemplo{
    text-align:center;
    color:#333;
}

.google-logo-resena{
    display:block;
    width:70px;
    height:auto;
    margin:0 auto 15px;
}

.ficha-resena-ejemplo strong{
    display:block;
    font-size:28px;
    line-height:1.2;
}

.ficha-resena-ejemplo p{
    margin:20px 0 35px;
    color:#333;
    font-size:20px;
}

.ficha-resena-ejemplo .boton-resena{
    padding:20px 35px;
    border-radius:20px;
    font-size:22px;
}

.cartel-grid{
    grid-template-columns:.75fr 1.25fr;
}

.marco-cartel{
    max-width:320px;
    justify-self:center;
    padding:10px;
    border-radius:20px;
    background:white;
    box-shadow:0 20px 40px rgba(20,64,104,.14);
}

.marco-cartel img{
    display:block;
    width:100%;
    border-radius:12px;
}

@media(max-width:820px){
    .telefono{
        transform:rotate(3deg) scale(.88);
    }

    .cartel-grid{
        grid-template-columns:1fr;
    }

    .review-grid{
        grid-template-columns:1fr;
    }

    .ficha-resena{
        justify-self:stretch;
        max-width:none;
    }
}

@media(max-width:540px){
    .telefono{
        transform:scale(.72) rotate(3deg);
    }

    .ficha-resena{
        padding:24px;
    }

    .google-cabecera{
        font-size:19px;
    }
}